:root{--azul:#143a7b;--azul2:#0d2a5c;--cielo:#eaf1fb;--tinta:#1a2233;--gris:#5a6475;--raya:#d5deec;--naranja:#e8590c;--naranja2:#c2410c;--blanco:#fff}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font:17px/1.7 "Helvetica Neue",Arial,"Liberation Sans",sans-serif;color:var(--tinta);background:var(--blanco)}
h1,h2,h3{font-family:"Trebuchet MS","Lucida Grande",Tahoma,sans-serif;color:var(--azul2);line-height:1.22;margin:0 0 .55em}
h1{font-size:clamp(1.75rem,4.2vw,2.6rem)}
h2{font-size:clamp(1.3rem,2.8vw,1.7rem);margin-top:1.9em;padding-top:.9em;border-top:2px solid var(--raya)}
h3{font-size:1.1rem}
p,ul,ol{margin:0 0 1.05em}
a{color:var(--azul)}
a:focus-visible{outline:3px solid var(--naranja);outline-offset:3px;border-radius:3px}
.marco{width:min(1080px,calc(100% - 36px));margin:0 auto}
.cab{border-top:6px solid var(--azul)}
.cab-in{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--azul2);font:700 1.2rem "Trebuchet MS",Tahoma,sans-serif}
.logo small{display:block;font:400 .8rem "Helvetica Neue",Arial,sans-serif;color:var(--gris)}
.cab-tel{text-align:right;text-decoration:none;color:var(--naranja2);font:700 1.45rem "Trebuchet MS",Tahoma,sans-serif;line-height:1.1}
.cab-tel small{display:block;font:400 .78rem "Helvetica Neue",Arial,sans-serif;color:var(--gris)}
.nav{background:var(--azul)}
.nav ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;margin:0 auto}
.nav a{display:block;padding:11px 16px;color:#fff;text-decoration:none;font-size:.95rem}
.nav a:hover,.nav a.aqui{background:var(--azul2)}
.nav a.aqui{box-shadow:inset 0 -4px 0 var(--naranja)}
.inicio{background:var(--cielo);padding:48px 0 44px}
.inicio-in{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}
.sobre{font-size:.82rem;text-transform:uppercase;letter-spacing:.09em;color:var(--azul);font-weight:700;margin-bottom:10px}
.entrada{font-size:1.14rem;color:#2c3649}
.boton{display:inline-block;background:var(--naranja);color:#fff;text-decoration:none;font:700 1.1rem "Trebuchet MS",Tahoma,sans-serif;padding:14px 26px;border-radius:40px}
.boton:hover{background:var(--naranja2)}
.tarjeta{background:#fff;border-radius:14px;padding:22px 24px;box-shadow:0 8px 28px rgba(20,58,123,.13)}
.tarjeta dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:9px 16px}
.tarjeta dt{color:var(--gris);font-size:.86rem;padding-top:2px}
.tarjeta dd{margin:0;font-weight:700;color:var(--azul2)}
.uno{max-width:860px;padding:8px 0 56px}
.dos{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:48px;padding:30px 0 56px;align-items:start}
.texto{min-width:0}
.texto h1{margin-top:.2em}
.hilo{font-size:.85rem;color:var(--gris);margin-bottom:.4em}
.lado{position:sticky;top:20px}
.ficha{background:var(--azul);color:#dfe8f7;border-radius:14px;padding:24px 22px 12px}
.ficha-t{color:#fff;font:700 1.05rem "Trebuchet MS",Tahoma,sans-serif;margin-bottom:.3em}
.ficha-tel{display:block;color:#fff;font:700 1.75rem "Trebuchet MS",Tahoma,sans-serif;text-decoration:none;margin-bottom:.45em}
.ficha ul{padding-left:1.1em;font-size:.93rem}
.clave{background:var(--cielo);border-radius:12px;padding:18px 22px 6px;margin:18px 0 6px}
.clave-t{font:700 .85rem "Trebuchet MS",Tahoma,sans-serif;text-transform:uppercase;letter-spacing:.07em;color:var(--azul);margin-bottom:.5em}
.clave ul{padding-left:1.15em}
.pares{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.caja{display:block;border:2px solid var(--raya);border-radius:14px;padding:22px 22px 8px;text-decoration:none;color:var(--tinta)}
.caja:hover{border-color:var(--azul);background:var(--cielo)}
.ir{color:var(--naranja2);font-weight:700}
.ir::after,.sigue::after{content:" »"}
.sigue{font-weight:700}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.n{font:700 2.2rem "Trebuchet MS",Tahoma,sans-serif;color:var(--naranja);margin:0;line-height:1}
.no{list-style:none;padding:0}
.no li{padding:12px 0 12px 34px;border-bottom:1px solid var(--raya);position:relative}
.no li::before{content:"✕";position:absolute;left:6px;top:11px;color:var(--naranja2);font-weight:700}
.pt{padding-left:1.2em}
.pt li,.pasos li{margin-bottom:.5em}
.pasos{padding-left:1.3em}
.pasos li::marker{font-weight:700;color:var(--azul)}
.pr{border-left:4px solid var(--azul);padding:2px 0 2px 18px;margin:0 0 22px}
.pr h3{margin-bottom:.3em}
.pr p{margin:0}
.rueda{overflow-x:auto;margin-bottom:1.2em}
table{border-collapse:collapse;width:100%;font-size:.95rem;min-width:560px}
caption{text-align:left;color:var(--gris);font-size:.85rem;padding-bottom:8px}
th,td{border:1px solid var(--raya);padding:10px 12px;text-align:left;vertical-align:top}
thead th{background:var(--azul);color:#fff;border-color:var(--azul)}
tbody th{background:var(--cielo);font-weight:700;color:var(--azul2)}
.datos{border:2px solid var(--raya);border-radius:14px;padding:6px 20px;margin-bottom:1em}
.datos p{display:grid;grid-template-columns:110px 1fr;gap:12px;margin:0;padding:11px 0;border-bottom:1px solid var(--raya)}
.datos p:last-child{border-bottom:0}
.et{color:var(--gris);font-size:.88rem}
.cierre{text-align:center;background:var(--cielo);border-radius:16px;padding:34px 22px 22px;margin-top:44px}
.cierre h2,.cierre h1{border:0;margin-top:0;padding-top:0}
.pie{background:var(--azul2);color:#c9d6ee;padding:30px 0 84px;font-size:.93rem}
.pie a{color:#fff}
.pie-n{color:#8fa3c8;font-size:.84rem}
.fijo{display:none}
@media (max-width:820px){
 .inicio-in,.dos,.pares,.trio{grid-template-columns:minmax(0,1fr)}
 .dos{gap:26px}
 .lado{position:static}
 .cab-tel{font-size:1.15rem}
 .logo small,.cab-tel small{display:none}
 .nav ul{flex-wrap:nowrap;overflow-x:auto}
 .nav a{padding:10px 12px;white-space:nowrap}
 .datos p{grid-template-columns:1fr;gap:0}
 .fijo{display:block;position:fixed;left:10px;right:10px;bottom:10px;background:var(--naranja);color:#fff;text-align:center;text-decoration:none;font:700 1.05rem "Trebuchet MS",Tahoma,sans-serif;padding:14px;border-radius:40px;box-shadow:0 6px 18px rgba(0,0,0,.28);z-index:9}
}
