@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Nunito+Sans:wght@400;600;700;800;900&display=swap');

:root{
 --blue:#07539a;--blue2:#003f7d;--navy:#062e5c;--orange:#f7941d;--green:#18a957;
 --ink:#183651;--muted:#65788b;--line:#dce6ef;--soft:#f4f8fc;--white:#fff;
 --shadow:0 14px 38px rgba(6,46,92,.12);--radius:8px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(1320px,94%);margin:auto}
.flash{position:fixed;z-index:9999;right:20px;top:20px;color:#fff;padding:13px 18px;border-radius:6px;box-shadow:var(--shadow)}
.flash.success{background:#168a4b}.flash.error{background:#b42318}

.utility{background:#00386f;color:#e8f4ff;font-size:12px}
.utility .container{height:34px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.utility-left{display:flex;gap:15px;flex-wrap:wrap}.utility-right{display:flex;gap:14px;align-items:center}
.utility a:hover{color:#fff}.admin-link{border:1px solid rgba(255,255,255,.65);padding:5px 11px;border-radius:4px;font-weight:800}

.header-main{background:#fff}.header-main .container{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:150px;height:74px;object-fit:contain}
.brand-copy{border-left:1px solid #dce5ee;padding-left:12px}.brand-copy h1{font-family:'Nunito Sans';font-size:24px;color:#083d78;line-height:1.05}.brand-copy .red{display:inline-block;background:#df2424;color:#fff;padding:3px 7px;border-radius:2px;font-size:11px;font-weight:800;margin-top:5px}.brand-copy small{font-size:11px;color:#67798b;margin-left:6px}
.header-info{display:flex;align-items:center;gap:35px}.info-box{display:flex;gap:10px;align-items:center}.info-icon{font-size:26px;color:#07539a}.info-box b{display:block;color:#063a73;font-size:13px}.info-box span{display:block;font-size:11px;color:#67798b}
.main-nav{background:#003f7d;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.08);position:relative;z-index:100}
.main-nav .container{display:flex;align-items:center;justify-content:space-between}.navlinks{display:flex;list-style:none}.navlinks a{display:block;padding:15px 17px;font-size:12px;font-weight:800;border-right:1px solid rgba(255,255,255,.08);transition:.2s}.navlinks a:hover,.navlinks a.active{background:#f7941d}.nav-cta{background:#f7941d!important;margin-left:8px;border-radius:3px}
.menu{display:none;border:0;background:#07539a;color:#fff;font-size:24px;padding:7px 11px;border-radius:4px}

.hero{position:relative;min-height:455px;overflow:hidden;background:#07539a}
.hero-photo{position:absolute;inset:0 0 0 50%;background:url('../images/hero-building.jpg') center center/cover no-repeat}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,62,125,.10),rgba(0,62,125,.03))}
.hero-copy{position:relative;z-index:2;width:min(1320px,94%);margin:auto;min-height:455px;display:flex;align-items:center}
.hero-panel{width:58%;padding:50px 30px 55px 0;color:#fff;position:relative}
.hero-panel:before{content:"";position:absolute;z-index:-1;left:-100vw;right:5%;top:0;bottom:0;background:linear-gradient(125deg,#003f7d,#0967bd);clip-path:polygon(0 0,92% 0,100% 100%,0 100%)}
.hero-kicker{font-weight:800;font-size:16px;margin-bottom:8px}.hero h2{font-size:53px;line-height:1.02;text-transform:uppercase;letter-spacing:-1.3px}.hero h2 .orange{color:#ff9d22}.hero p{font-size:17px;max-width:670px;color:#eaf4ff;margin:17px 0 25px}
.hero-bottom-strip{width:100%;background:#fff;overflow:hidden}.hero-bottom-strip img{width:100%;height:auto;display:block}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{border:1px solid transparent;padding:12px 20px;border-radius:4px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.12)}.btn-orange{background:#f7941d;color:#fff}.btn-white{background:#fff;color:#07539a}.btn-outline{border-color:#fff;color:#fff;background:transparent}.btn-blue{background:#07539a;color:#fff}.btn-block{width:100%}

.quick{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 5px 20px rgba(6,46,92,.07);position:relative;z-index:4}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-item{padding:18px 22px;display:flex;align-items:center;gap:15px;border-right:1px solid var(--line);transition:.2s}.quick-item:last-child{border-right:0}.quick-item:hover{background:#f8fbfe}.quick-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:3px solid #0b62ae;color:#07539a;font-size:23px;flex:none}.quick-item.whatsapp .quick-icon{border-color:#18a957;color:#18a957}.quick-item h3{font-size:14px;color:#073f7b}.quick-item p{font-size:11px;color:#6b7d8e}.arrow{margin-left:auto;color:#07539a;font-size:20px}

.section{padding:75px 0}.section.soft{background:var(--soft)}.section-head{text-align:center;max-width:850px;margin:0 auto 42px}.kicker{font-size:12px;letter-spacing:1.7px;text-transform:uppercase;font-weight:900;color:#0a68b5;margin-bottom:7px}.section h2{font-size:36px;line-height:1.15;color:#063f7c}.section-head p{color:var(--muted);margin-top:10px;font-size:14px}
.ceo{padding:38px 0;background:#fff}.ceo-grid{display:grid;grid-template-columns:225px 1fr 460px;gap:35px;align-items:center}.ceo-photo{width:225px;height:245px;border-radius:9px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}.ceo-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.ceo-message h2{font-size:30px;color:#06437f}.quote{font-size:36px;color:#b8daf6;line-height:.6}.ceo-message p{font-family:'Nunito Sans';font-size:14px;font-style:italic;color:#596d80;max-width:670px;margin:8px 0}.signature{font-family:cursive;font-size:26px;color:#164d86}.ceo-name{font-weight:900;color:#06437f}.ceo-role{font-size:12px;color:#687b8e}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.principle{text-align:center}.principle-icon{width:70px;height:70px;border-radius:50%;background:#edf5fb;color:#07539a;display:grid;place-items:center;font-size:30px;margin:0 auto 9px}.principle h3{font-size:15px;color:#06437f}.principle p{font-size:12px;color:#66788a;margin-top:4px}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.about-image{height:390px;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);border-left:6px solid var(--orange)}.about-image img{width:100%;height:100%;object-fit:cover}.about-copy h2{font-size:35px;color:#063f7c;margin-bottom:14px}.about-copy p{color:var(--muted);font-size:14px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.checks div{background:#f6f9fc;padding:11px;border-left:3px solid #0b67b5;font-size:13px}.checks b{color:#f7941d;margin-right:6px}

.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:#fff;border:1px solid var(--line);padding:25px;border-radius:7px;transition:.25s;position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;right:-25px;bottom:-35px;width:100px;height:100px;border-radius:50%;background:#eef6fd}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-icon{width:58px;height:58px;border-radius:12px;background:#eaf4fb;color:#07539a;display:grid;place-items:center;font-size:26px;margin-bottom:15px}.service-card h3{font-size:18px;color:#0a4a85;margin-bottom:7px}.service-card p{font-size:13px;color:var(--muted)}

.catalog{background:#fff;border:1px solid var(--line);border-radius:8px;padding:25px;box-shadow:var(--shadow)}.catalog-search{display:flex;gap:12px;margin-bottom:18px}.catalog-search input{flex:1;padding:13px;border:1px solid #cbd9e5;border-radius:4px;outline:none}.test-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.test-card{border:1px solid var(--line);border-left:4px solid #0a65ad;padding:12px;background:#fbfdff;border-radius:3px}.test-card h3{font-size:13px;color:#164d82}.test-card p{font-size:11px;color:#7a8997;margin-top:3px}

.jobs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.job-card{background:#fff;border:1px solid var(--line);padding:24px;border-radius:7px;box-shadow:0 5px 18px rgba(6,46,92,.06)}.job-head{display:flex;justify-content:space-between;gap:12px}.job-card h3{color:#0a4a85}.job-card p{font-size:13px;color:var(--muted);margin-top:8px}.badge{font-size:10px;font-weight:900;color:#07539a;background:#eaf4fb;padding:5px 8px;border-radius:20px;height:max-content}

.news-grid,.gallery-grid,.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.simple-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff}.simple-card img{width:100%;height:210px;object-fit:cover}.simple-card .body{padding:18px}.simple-card h3{font-size:17px;color:#0a4a85}.simple-card p{font-size:13px;color:var(--muted);margin-top:6px}.team-card img{width:100%;height:260px;object-fit:cover;object-position:center top}.team-card .body{text-align:center}
.gallery-grid .simple-card img{height:230px}.cert-card img{height:210px}

.appointment{background:linear-gradient(135deg,#053b76,#075ea9);color:#fff}.appointment-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center}.appointment h2{font-size:39px}.appointment p{color:#dcecff;margin:10px 0 25px}.appointment-card{background:#fff;padding:25px;border-radius:8px;color:var(--ink);box-shadow:var(--shadow)}
.form{display:grid;gap:13px}.form label{font-size:12px;font-weight:800;color:#35536e}.form input,.form select,.form textarea{width:100%;padding:12px;border:1px solid #cbd9e5;border-radius:4px;outline:none}.form textarea{min-height:120px;resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{border-color:#0a67b3;box-shadow:0 0 0 3px rgba(10,103,179,.1)}

.location-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:25px}.map iframe{width:100%;height:390px;border:0;border-radius:8px}.contact-panel{background:#063b75;color:#fff;border-radius:8px;padding:30px}.contact-panel h2{color:#fff}.contact-line{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.16)}.contact-line b{display:block}.contact-line span{font-size:12px;color:#cce0f4}

.site-footer{background:#032d5b;color:#d9e9f7;padding:50px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px;padding-bottom:38px}.site-footer h4{color:#fff;margin-bottom:14px}.site-footer a,.site-footer span,.site-footer p{display:block;font-size:12px;color:#bdd0e1;margin-bottom:8px}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:13px}.footer-logo img{width:60px;height:60px;object-fit:contain;background:#fff;border-radius:5px}.footer-logo b{display:block;color:#fff;font-size:16px}.footer-logo span{margin:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:15px 0;font-size:11px;color:#9fb6ca}.footer-bottom a{display:inline;margin:0}

.admin-body{background:#f2f6fa}.admin-layout{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.admin-side{background:#062e5c;color:#fff;padding:20px 14px;position:sticky;top:0;height:100vh}.admin-logo{display:flex;align-items:center;gap:10px;margin-bottom:25px}.admin-logo img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:4px}.admin-side nav a{display:block;padding:10px 11px;border-radius:5px;color:#dceaf6;font-size:12px;margin:3px 0}.admin-side nav a:hover{background:#07539a;color:#fff}.admin-main{padding:28px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:20px;box-shadow:0 5px 20px rgba(6,46,92,.06);margin-bottom:18px}.admin-card h2{font-size:20px;color:#06417d;margin-bottom:15px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.kpi{background:#fff;padding:18px;border-left:4px solid var(--orange);border-radius:5px;box-shadow:0 4px 15px rgba(0,0,0,.05)}.kpi strong{display:block;font-size:27px;color:#07539a}.kpi span{font-size:11px;color:var(--muted)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:#f5f8fb;color:#31526b}.danger{background:#b42318!important}.small-btn{border:0;background:#07539a;color:#fff;padding:7px 10px;border-radius:3px;font-size:11px;cursor:pointer}
.login-page{min-height:100vh;background:linear-gradient(135deg,#032d5b,#0870c4);display:grid;place-items:center}.login-box{width:min(430px,92%);background:#fff;padding:34px;border-radius:8px;border-top:5px solid var(--orange);box-shadow:var(--shadow)}.login-box img{width:95px;height:75px;object-fit:contain;margin:auto}.login-box h1{text-align:center;color:#063f7c;margin-top:10px}.login-box p{text-align:center;color:var(--muted);font-size:12px;margin:5px 0 22px}

@media(max-width:1150px){.header-info{gap:15px}.info-box:nth-child(2){display:none}.navlinks a{padding:14px 11px}.hero h2{font-size:45px}.test-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
 .header-main .container{min-height:75px}.brand img{width:110px}.brand-copy h1{font-size:18px}.header-info{display:none}
 .main-nav .container{min-height:54px}.menu{display:block}.navlinks{display:none;position:absolute;top:54px;left:3%;right:3%;background:#003f7d;flex-direction:column;padding:8px;box-shadow:var(--shadow)}.navlinks.open{display:flex}.navlinks a{border:0}.nav-cta{margin-left:0}
 .hero{min-height:560px}.hero-photo{inset:0;opacity:.3}.hero-copy,.hero-panel{min-height:560px;width:100%}.hero-panel:before{right:0;clip-path:none;opacity:.94}.hero h2{font-size:44px}
 .quick-grid{grid-template-columns:1fr 1fr}.quick-item:nth-child(2){border-right:0}
 .ceo-grid{grid-template-columns:180px 1fr}.principles{grid-column:1/-1}.about-grid,.appointment-grid,.location-grid{grid-template-columns:1fr}
 .service-grid,.news-grid,.gallery-grid,.team-grid{grid-template-columns:1fr 1fr}.test-grid{grid-template-columns:1fr 1fr}.jobs-grid{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr 1fr}.admin-layout{grid-template-columns:190px 1fr}.admin-grid{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .utility .container{height:auto;padding:7px 0}.utility-left{gap:7px}.utility-right{display:none}.brand-copy{display:none}.brand img{width:115px}
 .hero h2{font-size:36px}.hero p{font-size:14px}.hero-panel{padding-top:45px}.hero-buttons .btn{width:100%}
 .quick-grid{grid-template-columns:1fr}.quick-item{border-right:0;border-bottom:1px solid var(--line)}
 .section{padding:55px 0}.section h2{font-size:29px}.about-image{height:280px}.checks{grid-template-columns:1fr}
 .ceo-grid{grid-template-columns:1fr;text-align:center}.ceo-photo{margin:auto}.ceo-message p{margin-left:auto;margin-right:auto}.principles{grid-template-columns:1fr 1fr}
 .service-grid,.news-grid,.gallery-grid,.team-grid,.test-grid{grid-template-columns:1fr}.catalog-search{flex-direction:column}
 .footer-grid{grid-template-columns:1fr}.admin-layout{display:block}.admin-side{position:relative;height:auto}.admin-side nav{display:flex;flex-wrap:wrap}.admin-side nav a{display:inline-block}.admin-main{padding:15px}.admin-header{align-items:flex-start;flex-direction:column;gap:10px}
}
.service-image{display:block;width:100%;height:210px;object-fit:cover;border-radius:6px;margin:-2px 0 18px;background:#eef4f8}.machine-card{overflow:hidden}.machine-placeholder{height:210px;border-radius:6px;background:#eef6fb;display:grid;place-items:center;font-size:58px;color:#0b5d97;margin-bottom:18px}
.contact-line a{color:inherit;text-decoration:underline}
