:root{
  --azul:#0b4f9c;
  --azul-oscuro:#072b55;
  --amarillo:#ffd321;
  --naranja:#f5a400;
  --texto:#111827;
  --gris:#667085;
  --fondo:#ffffff;
  --suave:#f4f8fd;
  --borde:rgba(7,43,85,.12);
  --sombra:0 22px 55px rgba(7,43,85,.18);
  --radio:28px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--fondo);color:var(--texto);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 32px));margin:auto}
.header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px min(5vw,70px);background:rgba(255,255,255,.96);border-bottom:1px solid var(--borde);box-shadow:0 10px 25px rgba(7,43,85,.06)}
.logo{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--azul-oscuro)}
.logo-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--amarillo),var(--naranja));box-shadow:0 12px 24px rgba(245,164,0,.28)}
.logo-text{display:flex;flex-direction:column;line-height:1.1;font-size:15px}.logo-text strong{font-size:24px;color:var(--azul)}
.nav{display:flex;align-items:center;gap:10px}.nav a{padding:11px 14px;border-radius:999px;font-weight:800;color:var(--azul-oscuro)}.nav a:hover{background:var(--suave)}.nav-phone{background:var(--azul-oscuro)!important;color:#fff!important}.menu-btn{display:none;border:0;background:var(--azul-oscuro);color:#fff;border-radius:12px;padding:10px 13px;font-size:24px}
.hero{position:relative;padding:90px 0;background:radial-gradient(circle at 15% 20%,rgba(255,211,33,.28),transparent 28%),linear-gradient(135deg,#fff 0%,#eef6ff 100%);overflow:hidden}.hero:before{content:"";position:absolute;right:-120px;top:60px;width:420px;height:420px;border-radius:50%;background:rgba(11,79,156,.12)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr .86fr;align-items:center;gap:44px}.tag{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:9px 14px;border-radius:999px;background:rgba(255,211,33,.22);color:var(--azul-oscuro);font-weight:900}.tag-dark{background:rgba(11,79,156,.10);color:var(--azul)}h1{font-size:clamp(48px,7vw,94px);line-height:.9;letter-spacing:-4px;color:var(--azul-oscuro);margin-bottom:22px}h2{font-size:clamp(32px,4vw,54px);line-height:1.05;color:var(--azul-oscuro);margin-bottom:14px}h3{color:var(--azul-oscuro)}.hero-lead{font-size:22px;color:#344054;max-width:670px}.hero-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 22px;font-weight:900;box-shadow:0 16px 34px rgba(7,43,85,.16)}.btn-primary{background:linear-gradient(135deg,var(--amarillo),var(--naranja));color:var(--azul-oscuro)}.btn-dark{background:var(--azul-oscuro);color:#fff}.mini-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:32px}.mini-cards div{padding:18px;border-radius:20px;background:#fff;border:1px solid var(--borde);box-shadow:0 14px 30px rgba(7,43,85,.08)}.mini-cards strong,.mini-cards span{display:block}.mini-cards strong{color:var(--azul-oscuro)}.mini-cards span{color:var(--gris);font-size:14px}.hero-image-card{padding:14px;border-radius:34px;background:#fff;box-shadow:var(--sombra);position:relative}.hero-image-card:before{content:"";position:absolute;inset:-14px;z-index:-1;border-radius:42px;background:linear-gradient(135deg,var(--azul),var(--amarillo));opacity:.24}.hero-image-card img{width:100%;height:min(680px,70vh);object-fit:contain;border-radius:24px;background:#eaf2ff}
.section{padding:85px 0}.intro-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;padding:42px;border-radius:var(--radio);background:linear-gradient(135deg,#fff,#eef6ff);border:1px solid var(--borde);box-shadow:var(--sombra)}.intro-box p,.section-title p,.domicile p,.contact-box p{font-size:18px;color:#475467}.services{background:var(--suave)}.section-title{max-width:780px;margin-bottom:36px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{min-height:250px;padding:28px;border-radius:24px;background:#fff;border:1px solid var(--borde);box-shadow:0 18px 42px rgba(7,43,85,.08);transition:transform .2s ease}.card:hover{transform:translateY(-6px)}.card span{width:58px;height:58px;display:grid;place-items:center;margin-bottom:20px;border-radius:18px;background:rgba(255,211,33,.28);font-size:28px}.card h3{font-size:24px;margin-bottom:10px}.card p{color:#5a6678}.card-feature{background:linear-gradient(135deg,var(--azul-oscuro),var(--azul));color:#fff}.card-feature h3,.card-feature p{color:#fff}
.domicile{background:linear-gradient(135deg,rgba(7,43,85,.98),rgba(11,79,156,.92));color:#fff}.domicile h2,.domicile h3,.domicile p{color:#fff}.domicile-grid{display:grid;grid-template-columns:1fr .85fr;gap:30px;align-items:center}.checklist{padding:34px;border-radius:var(--radio);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22)}.checklist h3{font-size:30px;margin-bottom:18px}.checklist ul{list-style:none;display:grid;gap:14px}.checklist li{position:relative;padding-left:34px;font-size:18px;font-weight:900}.checklist li:before{content:"✓";position:absolute;left:0;top:0;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:var(--amarillo);color:var(--azul-oscuro)}
.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:42px;border-radius:var(--radio);background:radial-gradient(circle at 100% 0%,rgba(255,211,33,.25),transparent 30%),linear-gradient(135deg,#fff,#eef6ff);border:1px solid var(--borde);box-shadow:var(--sombra)}.contact-buttons{display:grid;gap:14px}.contact-buttons a{padding:22px;border-radius:22px;background:#fff;border:1px solid var(--borde);box-shadow:0 16px 34px rgba(7,43,85,.10);color:var(--azul-oscuro)}.contact-buttons span,.contact-buttons strong{display:block}.contact-buttons span{font-weight:900;color:var(--gris)}.contact-buttons strong{font-size:28px}
.footer{padding:38px 0;background:var(--azul-oscuro);color:#fff}.footer-grid{display:grid;grid-template-columns:1fr .8fr 1.2fr;gap:24px}.footer h3,.footer strong{color:var(--amarillo)}.footer p{color:rgba(255,255,255,.85)}.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:70;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--amarillo),var(--naranja));color:var(--azul-oscuro);font-size:30px;font-weight:900;box-shadow:0 18px 38px rgba(7,43,85,.28)}
/* Corrección importante: el contenido queda visible aunque JavaScript no cargue en Cloudflare. */
@media(max-width:920px){.menu-btn{display:block}.nav{position:absolute;top:82px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;padding:16px;border-radius:20px;background:#fff;box-shadow:var(--sombra)}.nav.open{display:flex}.nav a{text-align:center}.hero-grid,.intro-box,.domicile-grid,.contact-box,.footer-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.hero{padding:64px 0}.hero-image-card img{height:auto}}
@media(max-width:640px){.section{padding:62px 0}.logo-text{font-size:13px}.logo-text strong{font-size:19px}h1{letter-spacing:-2px}.hero-buttons,.mini-cards{grid-template-columns:1fr;flex-direction:column}.btn{width:100%}.cards{grid-template-columns:1fr}.intro-box,.contact-box,.checklist{padding:26px}.contact-buttons strong{font-size:24px}}