:root{
  --azul:#0b2742;
  --azul2:#0d66a5;
  --hielo:#eef9ff;
  --naranja:#f47b00;
  --gris:#5c6570;
  --blanco:#fff;
  --sombra:0 22px 65px rgba(11,39,66,.15);
  --radio:28px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--azul);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}
.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(11,39,66,.08);backdrop-filter:blur(12px)}
.nav{width:min(1180px,92%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}
.brand img{width:92px;height:68px;object-fit:contain;background:#fff;border-radius:16px}
.menu{display:flex;align-items:center;gap:8px}
.menu a{font-weight:800;padding:10px 14px;border-radius:999px;color:var(--azul)}
.menu a:hover{background:var(--hielo);color:var(--azul2)}
.menu-btn{display:none;border:0;background:var(--azul);color:#fff;border-radius:14px;padding:9px 13px;font-size:1.25rem}
.hero{position:relative;padding:90px 0;background:radial-gradient(circle at 20% 20%,rgba(13,102,165,.16),transparent 30%),radial-gradient(circle at 80% 18%,rgba(244,123,0,.14),transparent 25%),linear-gradient(135deg,#fff,#f4fbff 55%,#fff)}
.hero-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--naranja);font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.16em}
.tag:before{content:"";width:34px;height:3px;background:var(--naranja);border-radius:10px}
.white-tag{color:#fff}.white-tag:before{background:#fff}
h1,h2{line-height:.98;letter-spacing:-.05em;color:var(--azul)}
h1{font-size:clamp(2.2rem,5vw,4.8rem);margin-bottom:18px}
h2{font-size:clamp(2rem,4vw,3.7rem);margin-bottom:16px}
.hero-copy p,.lead,.title p,.text-block p{font-size:1.08rem;color:var(--gris);max-width:650px}
.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 24px;font-weight:900;border:2px solid transparent;transition:.2s}.btn:hover{transform:translateY(-3px)}.primary{background:var(--naranja);color:#fff;box-shadow:0 15px 30px rgba(244,123,0,.26)}.secondary{background:#fff;border-color:rgba(11,39,66,.12);color:var(--azul)}.white{background:#fff;color:var(--azul)}
.card-img{background:#fff;border:1px solid rgba(11,39,66,.08);border-radius:34px;padding:14px;box-shadow:var(--sombra)}.card-img img{width:100%;max-height:610px;object-fit:contain;border-radius:24px;background:#f8fafb}
.strip{background:var(--azul);color:#fff}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.strip-grid div{text-align:center;padding:24px;background:rgba(255,255,255,.06)}.strip-grid strong{display:block;font-size:1.1rem}.strip-grid span{color:#cfe8f6}.section{padding:86px 0}.features{display:grid;gap:15px;margin-top:25px}.features article{display:flex;gap:15px;align-items:flex-start;background:#fff;border:1px solid rgba(11,39,66,.08);border-radius:22px;padding:18px;box-shadow:0 12px 34px rgba(11,39,66,.08)}.features span{width:46px;height:46px;border-radius:15px;background:var(--hielo);display:grid;place-items:center;color:var(--azul2);font-weight:900;flex:0 0 auto}.features h3{font-size:1.12rem}.features p{color:var(--gris);font-size:.95rem}.blue{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--azul),#0b5d96);color:#fff}.blue:after{content:"";position:absolute;right:-110px;top:-110px;width:360px;height:360px;border-radius:50%;background:rgba(244,123,0,.22)}.title{text-align:center;margin-bottom:36px}.title h2,.light-title h2{color:inherit}.light-title p{color:#d7edf9;margin:auto}.cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.info-card{background:#fff;color:var(--azul);border-radius:26px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.18)}.info-card img{width:100%;height:310px;object-fit:contain;background:#f8f8f8;padding:8px}.info-card div{padding:22px}.info-card h3{font-size:1.2rem;margin-bottom:8px}.info-card p{color:var(--gris)}.showcase{background:linear-gradient(180deg,#fff,#f7fbfd)}.mini-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mini-gallery img{width:100%;height:360px;object-fit:contain;background:#fff;border-radius:26px;padding:10px;box-shadow:var(--sombra)}.text-block .btn{margin-top:24px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery figure{min-height:330px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(11,39,66,.08);border-radius:24px;padding:12px;box-shadow:0 15px 40px rgba(11,39,66,.1)}.gallery img{width:100%;height:100%;max-height:450px;object-fit:contain;border-radius:16px;background:#f8fafb}.contact{background:linear-gradient(135deg,var(--azul),#083d66)}.contact-card{display:flex;align-items:center;justify-content:space-between;gap:26px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.18);border-radius:34px;padding:42px;color:#fff;box-shadow:0 30px 70px rgba(0,0,0,.18)}.contact-card h2{color:#fff}.contact-card p{color:#dcecf6}.contact-card strong{display:block;margin-top:14px;font-size:1.2rem}.contact-actions{text-align:center}.phone{display:block;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:950;color:#fff;margin-bottom:14px}.footer{background:#061a2c;color:#fff;padding:26px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:16px}.footer img{width:78px;height:58px;object-fit:contain;background:#fff;border-radius:14px}.footer a{font-weight:800;color:#fff}
@media(max-width:900px){.menu-btn{display:block}.menu{position:absolute;left:4%;right:4%;top:92px;background:#fff;border:1px solid rgba(11,39,66,.1);border-radius:20px;box-shadow:var(--sombra);display:none;flex-direction:column;padding:14px}.menu.open{display:flex}.menu a{width:100%;text-align:center}.hero-grid,.two-col{grid-template-columns:1fr}.cards,.gallery{grid-template-columns:1fr 1fr}.strip-grid{grid-template-columns:1fr}.contact-card,.footer-grid{flex-direction:column;text-align:center}.section,.hero{padding:62px 0}.reverse-mobile .text-block{order:-1}}
@media(max-width:560px){.cards,.gallery,.mini-gallery{grid-template-columns:1fr}h1,h2{font-size:2.15rem}.gallery figure{min-height:260px}.contact-card{padding:28px 18px}.brand img{width:76px;height:56px}.info-card img{height:270px}}