/* Logos: un solo tamaño para encabezado y pie, en escritorio y móvil */
:root{--logo-h:52px}
@media (max-width:600px){:root{--logo-h:40px}}
.brand-logo,.footer-logos img{display:block;height:var(--logo-h);width:auto;max-width:100%;object-fit:contain}
.brand-header{display:flex;flex-direction:column;gap:8px}
.footer-logos{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:center;margin:0 auto 8px}
.site-footer{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:var(--muted,#8E9DAA);font-size:13px;padding-top:8px}
.site-footer p{margin:0}
.logo-top{max-width:720px;margin:0 auto;padding:20px max(16px,env(safe-area-inset-left,0px)) 0}