/* CARIBIAN · módulo: Pie de página
   Al pasar a PHP este CSS no cambia. */
.foot :focus-visible{outline-color:#fff}
.foot{--sbg:#1F244F;position:relative;background:var(--navy-d);color:#fff;padding:64px 0 calc(110px + env(safe-area-inset-bottom))}
.foot-grid{position:relative;display:grid;grid-template-columns:1fr;gap:32px}
.f-brand img{border-radius:50%;margin-bottom:10px;object-fit:cover}
.f-brand .script{font-size:1.7rem;line-height:1.1;color:#fff}
.foot h4{font-size:1rem;font-weight:700;margin-bottom:8px;color:#fff}
.foot p{color:rgba(255,255,255,.78);line-height:1.6}
.f-link{color:#fff;font-weight:700;text-underline-offset:4px}
.socials{display:flex;gap:10px}
.socials a{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;transition:background-color .25s,transform .35s var(--ease)}
.socials a:hover{background:var(--red);transform:translateY(-3px)}
.socials i{width:22px;height:22px}
.legal{position:relative;margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.9rem;color:rgba(255,255,255,.6)}
@media (min-width:720px){
  .foot-grid{grid-template-columns:1.2fr 1.2fr 1fr 1fr}
}