/* ASTV Créditos — capa visual Dirección B «Cercana y humana» (sobre estilos.css).
   Paleta ASTV únicamente: #274492 #1C3371 #F78D1E (#A85100 texto) #DAF9FF #FFFFFF #111111 #F4F6FB.
   Tipografías autoalojadas: Nunito (títulos) + Source Sans 3 (texto). */
@font-face{font-family:"Nunito";src:url(../assets/fonts/nunito.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
:root{--serif:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
body.dir-b{font-size:1.1875rem}
@media (min-width:768px){body.dir-b{font-size:1.25rem}}
.dir-b h1,.dir-b h2,.dir-b h3,.dir-b h4{font-family:var(--serif);font-weight:800;letter-spacing:-.01em;line-height:1.15;font-style:normal}
.dir-b h1{font-size:clamp(2rem,3.6vw,3.15rem)}
.dir-b h2{font-size:clamp(1.85rem,3vw,2.65rem)}
.dir-b em{font-style:normal}
/* Fondos de textura: B es limpio */
.dir-b .hero-p::after,.dir-b .fondo-azul::after,.dir-b .cabeza-pagina::after,.dir-b .cta-final::after,.dir-b .pie::after{display:none}
/* Botones redondeados */
.dir-b .btn{border-radius:16px;font-weight:700}
.dir-b .btn-fantasma{border-radius:16px}
/* Cabecera navy: el logo oficial (texto blanco) se usa sin modificar */
.dir-b .cabecera{background:#1C3371!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:0;box-shadow:0 2px 12px rgba(17,17,17,.18)}
.dir-b .cabecera :focus-visible{outline-color:#F78D1E}
.dir-b .logo img{filter:none!important;mix-blend-mode:normal!important}
.dir-b .menu-btn{color:#fff;border:2px solid #fff;border-radius:14px;font-weight:700;background:transparent}
.dir-b .nav.abierto{background:#1C3371;border-bottom:1px solid rgba(255,255,255,.2)}
.dir-b .nav li a{color:#fff;font-family:var(--sans);font-weight:600;font-size:1.25rem;border-bottom-color:rgba(255,255,255,.2)}
.dir-b .nav li a[aria-current="page"]{color:#DAF9FF;font-style:normal}
@media (min-width:1100px){
  .dir-b .nav li a{color:#fff;font-size:1.125rem}
  .dir-b .nav li a:hover{color:#DAF9FF}
  .dir-b .nav li a[aria-current="page"]{color:#fff}
  .dir-b .nav li a[aria-current="page"]::after{background:#F78D1E;height:2px}
}
.dir-b .cabecera .btn-naranja{color:#111111!important}
.dir-b .cabecera .btn-naranja:hover{background:#fff;border-color:#fff;color:#1C3371!important}
/* Cabeza de páginas interiores: celeste, cercana */
.dir-b .cabeza-pagina{background:var(--celeste);color:var(--navy);border-bottom:0}
.dir-b .cabeza-pagina h1{color:var(--navy)}
.dir-b .cabeza-pagina p{color:var(--tinta)}
.dir-b .cabeza-pagina :focus-visible{outline-color:var(--navy)}
.dir-b .migas,.dir-b .migas a{color:var(--navy);letter-spacing:.06em}
.dir-b .migas a{border-bottom-color:rgba(28,51,113,.4)}
.dir-b .migas a:hover{color:var(--azul);border-color:var(--azul)}
/* Rotulos: sin numeración serif cursiva */
.dir-b .rotulo{letter-spacing:.04em;text-transform:none;font-weight:700;font-size:1.0625rem;color:var(--azul)}
.dir-b .rotulo .num{font-family:var(--sans);font-style:normal;font-weight:800;font-size:1rem}
.dir-b .fondo-azul .rotulo{color:var(--celeste)}
/* Tarjetas y bloques redondeados en interiores */
.dir-b .faq summary{font-family:var(--serif);font-weight:700}
.dir-b .sede,.dir-b .bloque-convenio,.dir-b .segmento{border-radius:24px;overflow:hidden}
.dir-b .chips li{border-radius:999px}
.dir-b .mapa-wrap,.dir-b .mapa{border-radius:24px}
.dir-b .cta-final{background:var(--navy)}
/* Pie: navy B, sin serif */
.dir-b .pie{background-image:none}
.dir-b .pie-frase,.dir-b .pie-numero{font-family:var(--serif);font-weight:800;letter-spacing:-.01em}
.dir-b .pie-frase em{font-style:normal}
/* Barra móvil */
.dir-b .barra-movil{background:#fff!important;backdrop-filter:none!important;border-top:2px solid var(--navy)}
.dir-b .barra-movil a{border-radius:12px;font-weight:700}
.dir-b .barra-movil .bm-wa{background:#fff;color:var(--navy);border:2px solid var(--navy)}
.dir-b .barra-movil .bm-tel{background:var(--navy);color:#fff;border-color:var(--navy)}
.dir-b .barra-movil :focus-visible{outline-color:var(--navy)}

/* ================= INICIO (B) ================= */
.pg-index{background:var(--celeste)}
.b-wrap{width:min(1180px,100% - 36px);margin-inline:auto}
.b-hero{padding:44px 0 56px}
.b-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.b-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--navy);font-weight:700;border-radius:999px;padding:6px 16px 6px 10px;font-size:1.0625rem;margin:0 0 16px}
.b-eyebrow .icono{width:22px;height:22px;color:var(--azul)}
.b-hero h1{margin:0 0 16px}
.b-lead{font-size:1.4rem;margin:0 0 24px}
.b-ctas{display:flex;flex-wrap:wrap;gap:12px}
.b-ctas .btn{min-height:62px;font-size:1.3rem;padding:12px 30px}
.btn-blanco{background:#fff;color:var(--navy)!important;border-color:var(--navy)}
.btn-blanco:hover{background:var(--gris)}
.btn-blanco .icono{color:var(--azul)}
.b-trust{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px 24px;font-size:1.125rem;font-weight:600;color:var(--navy)}
.b-trust li{display:flex;align-items:center;gap:8px}.b-trust .icono{width:24px;height:24px;color:var(--azul)}
.b-hero-card{margin:0;background:#fff;border-radius:32px;padding:14px;box-shadow:0 24px 50px -28px rgba(28,51,113,.45)}
.b-hero-card img{border-radius:22px;aspect-ratio:5/4;object-fit:cover;object-position:50% 30%;width:100%}
.b-hero-card figcaption{padding:14px 10px 6px;font-size:1.125rem}
.b-hero-card b{display:block;font-family:var(--serif);font-size:1.3rem;color:var(--navy)}
.b-rutas{margin:26px 0 0}
.b-rutas-t{font-weight:700;color:var(--navy);margin:0 0 10px}
.b-rutas ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.b-ruta{display:flex;align-items:center;gap:16px;background:#fff;border-radius:20px;padding:14px 18px;text-decoration:none;color:var(--tinta);box-shadow:0 12px 30px -24px rgba(28,51,113,.6);border:2px solid transparent}
.b-ruta:hover{border-color:var(--azul);color:var(--tinta)}
.b-ruta strong{display:block;font-family:var(--serif);color:var(--navy);font-size:1.2rem}
.b-ruta span.t{font-size:1rem;line-height:1.4}
.b-ruta>.icono{margin-left:auto;flex:none;width:24px;height:24px;color:var(--azul)}
.b-sec{padding:56px 0}
.b-kicker{font-weight:700;color:var(--azul);font-size:1.125rem;margin:0 0 6px}
.b-sec h2{margin:0 0 18px}
.wcard{background:#fff;border-radius:28px;padding:28px;box-shadow:0 16px 40px -30px rgba(28,51,113,.5)}
.wcard h3{font-size:1.4rem;margin:.3em 0}
.wcard p{margin:0 0 .6em}
.wcard.sm{display:flex;gap:18px;margin-top:16px;padding:22px}
.b-ic{display:grid;place-items:center;flex:none;width:60px;height:60px;border-radius:50%;background:var(--celeste);color:var(--azul)}
.b-ic .icono{width:32px;height:32px}
.b-duo{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.b-big-card{margin:0;background:#fff;border-radius:32px;padding:14px}.b-big-card img{border-radius:22px;width:100%}
.b-g2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.b-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.b-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.b-stat b{display:block;font:800 clamp(2.2rem,3.6vw,3rem)/1.1 var(--serif);color:var(--azul)}
.b-stat b small{font-size:.5em}
.b-stat p{margin:8px 0 0;font-size:1.0625rem}
.b-steps{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.b-steps li{display:flex;gap:22px;align-items:flex-start}
.b-steps .n{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--navy);color:#fff;font:800 1.9rem var(--serif)}
.b-note{font-size:1.125rem}.b-big{font-size:1.4rem}.wcard.wide{padding:40px}
.b-lst{margin:0;padding-left:1.2em}.b-lst li{padding:4px 0}.b-lst li::marker{color:var(--azul)}
.b-ofi{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.b-row{display:flex;gap:12px;align-items:flex-start;margin:0 0 .7em}.b-row .icono{flex:none;width:28px;height:28px;color:var(--azul);margin-top:2px}
.b-galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.b-galeria img{border-radius:16px}
.b-final{text-align:center}.b-final .b-ctas{justify-content:center}.b-final>p{max-width:760px;margin:0 auto 22px}
.pg-index .faq{background:#fff;border-radius:28px;padding:6px 28px}
.pg-index .faq details:last-child{border-bottom:0}
@media (max-width:1000px){.b-g4{grid-template-columns:1fr 1fr}.b-g3{grid-template-columns:1fr}.b-duo,.b-ofi{grid-template-columns:1fr}}
@media (max-width:767px){
  .b-hero{padding:0 0 40px}.b-hero-in{grid-template-columns:1fr;gap:16px;width:100%}.b-hero-txt{padding:0 18px}
  .b-hero-card{order:-1;border-radius:0;padding:0;box-shadow:none;background:none}
  .b-hero-card img{border-radius:0 0 28px 28px;aspect-ratio:auto;height:180px;width:100%}.b-hero-card figcaption{display:none}
  .b-eyebrow{display:none}.b-hero h1{font-size:1.85rem;margin-bottom:10px}.b-lead{font-size:1.2rem;margin-bottom:16px}
  .b-ctas .btn{flex:1 1 100%}.b-hero .btn-blanco{min-height:54px}.b-trust{font-size:1.0625rem}
  .b-g2,.b-g4{grid-template-columns:1fr}.wcard.wide{padding:26px 20px}.b-sec{padding:40px 0}
  .b-steps .n{width:52px;height:52px;font-size:1.5rem}.pg-index .faq{padding:4px 18px}
}
/* Títulos del pie: rótulos pequeños (no heredan el tamaño h2) */
.dir-b .pie h2{font:700 .9375rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--celeste)}

/* Botón flotante de WhatsApp (escritorio, discreto). En móvil se usa la barra inferior existente. */
.wa-flotante{display:none}
@media (min-width:900px){.wa-flotante{position:fixed;right:20px;bottom:20px;z-index:55;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#274492;color:#fff;font-weight:700;font-size:.9375rem;text-decoration:none;box-shadow:0 4px 14px rgba(17,17,17,.22);border:2px solid #fff}
.wa-flotante:hover{background:#1C3371}.wa-flotante:focus-visible{outline:3px solid #F78D1E;outline-offset:2px}
.wa-flotante svg{width:20px;height:20px;fill:currentColor;color:#fff}
.cookies.visible~.wa-flotante,body:has(.cookies.visible) .wa-flotante{bottom:110px}}
@media print{.wa-flotante{display:none!important}}