/* * Footer Mobile — Layout vertical centralizado * Site Unimed Ceará * * Camada desacoplada sobre css/main.css, mobile.css e demais estilos. * Escopo: max-width 768px. * Desktop (>768px) permanece com o layout legado. * * Princípio: um bloco principal por linha, fluxo vertical, sem colunas lado a lado. */ /* -------------------------------------------------------------------------- * Tokens * -------------------------------------------------------------------------- */ @media only screen and (max-width: 768px) { body.institucional { --footer-gap: clamp(8px, 2vw, 12px); --footer-gap-lg: clamp(12px, 3vw, 16px); --footer-padding: clamp(10px, 3vw, 14px); --footer-radius: 12px; --footer-radius-sm: 8px; --footer-radius-md: 10px; --footer-bg: #f1f1f1; --footer-menu-bg: #0a5f55; --footer-card-bg: #ffffff; --footer-touch: 44px; --footer-block-width: calc(100% - (var(--footer-padding) * 2)); --footer-menu-item-gap: clamp(2px, 0.6vw, 4px); /* STYLES-09 — alinhado ao inline footer legado (bottom 20px / right 90px) + safe area iOS */ --footer-chat-offset-bottom: max(20px, env(safe-area-inset-bottom, 0px)); --footer-chat-offset-right: max(90px, env(safe-area-inset-right, 0px)); --footer-safe-bottom: clamp(72px, 18vw, 96px); } } /* -------------------------------------------------------------------------- * Bloco base reutilizável (um card por linha) * -------------------------------------------------------------------------- */ @media only screen and (max-width: 768px) { body.institucional .footer-mobile-block { grid-column: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; width: var(--footer-block-width); max-width: var(--footer-block-width); margin: var(--footer-gap) auto 0; padding: var(--footer-padding); box-sizing: border-box; background: var(--footer-card-bg); border-radius: var(--footer-radius-md); text-align: center; float: none; clear: both; position: static; height: auto; min-height: 0; overflow: visible; } } /* -------------------------------------------------------------------------- * Zona do footer — coluna única no body (integra siblings fora do