/* UXEN — footer.css
 * Footer del sitio (.cf-foot) — SITE-WIDE y AUTOCONTENIDO: define sus propios tokens
 * scoped, no depende de home.css. Portado del combo 1 aprobado en la portada.
 */
.cf-foot{--sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--accent-lt:#bcd3ff}
.cf-foot{line-height:1.5;background:#0c1046;color:rgba(255,255,255,.8);padding:clamp(40px,5vw,64px) 0 26px}
.cf-foot a{text-decoration:none}
.cf-foot .cf-wrap{max-width:1160px;margin:0 auto;padding-inline:clamp(20px,5vw,56px)}
.cf-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}
.cf-logo{height:26px;width:auto;display:block;margin-bottom:12px}
.cf-desc{max-width:32ch;font-size:.88rem;color:rgba(255,255,255,.7)}
.cf-foot h4{color:#fff;font:600 .8rem var(--sans);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.cf-col a{display:block;color:rgba(255,255,255,.72);font-size:.88rem;padding:5px 0}.cf-col a:hover{color:#fff}
.cf-contact{display:flex;flex-direction:column;gap:9px;margin-top:16px}
.cf-contact a{display:inline-flex;align-items:center;gap:9px;color:rgba(255,255,255,.8);font-size:.88rem}.cf-contact svg{width:16px;height:16px;flex:0 0 auto;color:var(--accent-lt);display:block}
.cf-sedes{margin-top:36px;padding-top:26px;border-top:1px solid rgba(255,255,255,.16)}
.cf-sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}
.cf-sede{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:15px 17px}
.cf-sede b{display:block;color:#fff;font:600 1rem var(--sans)}.cf-sede span{display:block;font-size:.82rem;color:rgba(255,255,255,.7);margin-top:3px}.cf-sede .lk{margin-top:9px;display:inline-flex;gap:14px;font-size:.82rem}.cf-sede .lk a{color:var(--accent-lt);text-decoration:underline;text-underline-offset:2px}
.cf-legal{margin-top:30px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16);display:flex;flex-wrap:wrap;gap:6px 8px;font-size:.8rem}.cf-legal a{color:rgba(255,255,255,.68)}.cf-legal a:hover{color:#fff}.cf-legal .dot{color:rgba(255,255,255,.35)}
.cf-bot{margin-top:16px;font-size:.82rem;color:rgba(255,255,255,.6)}
@media(max-width:820px){.cf-cols{grid-template-columns:1fr 1fr}.cf-sgrid{grid-template-columns:1fr}}
/* Móvil: una sola columna (a dos, la marca y los contactos quedan de ~160 px) y
   hueco inferior para que la barra fija de acciones no tape el legal. */
@media(max-width:860px){.cf-foot{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
@media(max-width:520px){.cf-cols{grid-template-columns:1fr;gap:22px}.cf-foot{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}}
/* Enlaces de una línea (legal y tarjetas de sede): en móvil miden ~19 px de
   alto y quedan pegados entre sí; se les da altura de toque. */
@media(max-width:820px){.cf-legal{gap:2px 10px;align-items:center}.cf-legal a{padding-block:7px}.cf-sede .lk{gap:18px}.cf-sede .lk a{display:inline-block;padding-block:6px}}