/* ============================================================
   ch-pie.20261101.css · Pie del sitio (OC-18 rev. 2, fase 12). Prefijo chp-. No depende de Tailwind.
   Va dentro de <footer class="bg-slate-900 …"> (fondo #0F172A). Mobile-first. WCAG 2.2 AA:
   todos los textos ≥ 4.5:1 sobre #0F172A (ver capturas/contraste.txt).
   ============================================================ */
.chp{
  --chp-fondo:#0F172A;--chp-texto:#CBD5E1;--chp-texto-2:#A7B4C6;--chp-titulo:#FFFFFF;
  --chp-enlace:#E2E8F0;--chp-acento:#7DD3FC;--chp-linea:#1E293B;--chp-boton:#1E293B;
  --chp-amarillo:#F2B705;--chp-azul:#0284C7;--chp-rojo:#C8102E;
  --chp-fuente:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --chp-fuente-tit:"Montserrat","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--chp-fondo);color:var(--chp-texto);font-family:var(--chp-fuente);font-size:.9375rem;line-height:1.6;
  -webkit-text-size-adjust:100%;
}
.chp *,.chp *::before,.chp *::after{box-sizing:border-box}
.chp-in{max-width:80rem;margin:0 auto;padding:0 1rem}
.chp ul{list-style:none;margin:0;padding:0}
.chp p{margin:0}
.chp address{font-style:normal}

/* Solo lectores de pantalla */
.chp-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Rejilla: 1 columna (móvil) → 2 (tableta) → 4 (escritorio) */
.chp-rejilla{display:grid;gap:2.25rem;padding-bottom:2.5rem;border-bottom:1px solid var(--chp-linea)}
@media (min-width:40rem){
  .chp-in{padding:0 1.5rem}
  .chp-rejilla{grid-template-columns:1fr 1fr;column-gap:2rem}
  .chp-marca{grid-column:1 / -1}
}
@media (min-width:64rem){
  .chp-in{padding:0 2rem}
  .chp-rejilla{grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr) minmax(0,1.1fr) minmax(0,1fr);column-gap:2.5rem}
  .chp-marca{grid-column:auto}
}

/* Marca */
.chp-logo{display:inline-block;border-radius:6px}
.chp-logo img{display:block;width:160px;height:auto}
.chp-lema{margin-top:.875rem!important;max-width:34rem;color:var(--chp-texto)}

/* Títulos de columna con el filete tricolor de la marca */
.chp-tit{font-family:var(--chp-fuente-tit);color:var(--chp-titulo);font-size:.9375rem;font-weight:700;letter-spacing:.01em;
  margin:0 0 1rem;padding-bottom:.625rem;position:relative;line-height:1.3}
.chp-tit::after{content:"";position:absolute;left:0;bottom:0;width:2.25rem;height:3px;border-radius:2px;
  background:linear-gradient(90deg,var(--chp-amarillo) 0 33.3%,var(--chp-azul) 33.3% 66.6%,var(--chp-rojo) 66.6% 100%)}
.chp-sub{font-family:var(--chp-fuente-tit);color:var(--chp-titulo);font-size:.8125rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;margin:0 0 .75rem;line-height:1.3}

/* Listas de enlaces: objetivo táctil ≥ 32 px de alto (WCAG 2.2 · 2.5.8 pide 24 px) */
.chp-lista{display:grid;gap:.125rem}
.chp-enl{color:var(--chp-enlace);text-decoration:none;display:inline-flex;align-items:center;min-height:2rem;
  text-underline-offset:3px;text-decoration-thickness:1px}
.chp-enl:hover{color:#FFFFFF;text-decoration:underline}
.chp-fuerte{font-weight:700;color:#FFFFFF}

/* Contacto */
.chp-contacto{display:grid;gap:.875rem;margin-top:1.5rem!important}
.chp-contacto li{display:flex;gap:.75rem;align-items:flex-start}
.chp-contacto .chp-ic{width:1.25rem;height:1.25rem;flex:none;margin-top:.2rem;fill:var(--chp-acento)}
.chp-etq{display:block;font-size:.8125rem;color:var(--chp-texto-2);line-height:1.4}
.chp-contacto .chp-enl{min-height:1.75rem}
.chp-bloque{display:block}
.chp-correo{overflow-wrap:anywhere}

/* Redes: botones de 44 × 44 px */
.chp-redes{margin-top:1.75rem}
.chp-redes-l{display:flex;flex-wrap:wrap;gap:.625rem}
.chp-red{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:999px;background:var(--chp-boton);
  color:var(--chp-enlace);border:1px solid #334155;transition:background-color .15s,color .15s,border-color .15s}
.chp-red .chp-ic{width:1.125rem;height:1.125rem;fill:currentColor}
.chp-red:hover{background:#0369A1;border-color:#0369A1;color:#FFFFFF}

/* Franja legal */
.chp-legal{padding-top:1.75rem;display:grid;gap:.5rem;font-size:.8125rem;line-height:1.6;color:var(--chp-texto-2)}
.chp-legal-linea{color:var(--chp-texto)}
.chp-enl-legal{color:var(--chp-enlace);text-decoration:underline;text-underline-offset:2px;display:inline-block;padding:.25rem 0;
  overflow-wrap:anywhere}
.chp-enl-legal:hover{color:#FFFFFF}
.chp-legal-enl{margin-top:.25rem!important}

/* Foco visible (WCAG 2.4.7 / 2.4.13): anillo celeste de 2 px separado del elemento */
.chp a:focus-visible{outline:2px solid var(--chp-acento);outline-offset:3px;border-radius:4px}
.chp-red:focus-visible{border-radius:999px}

@media (prefers-reduced-motion:reduce){.chp-red{transition:none}}
@media (forced-colors:active){.chp-tit::after{background:CanvasText}.chp-red{border-color:CanvasText}}
@media print{.chp-redes,.chp-logo{display:none}.chp{color:#000}.chp a{color:#000}}