/* Rodape padrao das LPs da Unique (mesmo visual da lp-unique-day / lp-uniquesaopaulo), 22/09/2026.
   Autocontido: nao depende do lp.css nem do Tailwind da pagina. */
.rodape{--uq-brand:#C5A572;--uq-ease:cubic-bezier(.22,1,.36,1);padding:clamp(64px,9vw,110px) 0 clamp(28px,3.5vw,40px);background:linear-gradient(180deg,#0A0A0A 0%,#050505 100%);color:rgba(255,255,255,.7);text-align:center;font-family:'Montserrat',system-ui,-apple-system,sans-serif;}
.rodape *{box-sizing:border-box;}
.rodape__inner{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem);display:flex;flex-direction:column;align-items:center;gap:clamp(22px,2.6vw,32px);}
.rodape__logo{display:inline-block;}
.rodape__logo img{display:block;height:clamp(36px,4.5vw,56px);width:auto;opacity:.92;}
.rodape__redes{margin:0;font-size:13px;line-height:1.7;color:rgba(255,255,255,.66);letter-spacing:.02em;}
.rodape__redes-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:14px;}
.rodape__social{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.14);transition:transform .3s var(--uq-ease),border-color .3s var(--uq-ease),background .3s var(--uq-ease);}
.rodape__social img{display:block;width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85;}
.rodape__social:hover{transform:translateY(-3px);border-color:var(--uq-brand);background:rgba(197,165,114,.08);}
.rodape__info{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0;font-size:12px;line-height:1.6;letter-spacing:.02em;}
.rodape__info a,.rodape__info button{color:rgba(255,255,255,.62);text-decoration:none;background:none;border:0;padding:0;font:inherit;cursor:pointer;transition:color .2s;}
.rodape__info a:hover,.rodape__info button:hover{color:var(--uq-brand);}
.rodape__links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;}
.rodape__links > * + *::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:rgba(197,165,114,.55);vertical-align:middle;margin-right:14px;}
.rodape__divisor{display:block;width:100%;max-width:280px;height:1px;background:linear-gradient(90deg,transparent,rgba(197,165,114,.4),transparent);}
.rodape__copy{margin:0;font-size:10px;line-height:1.8;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.4);}
/* Diagnostico: o rodape fica dentro da ultima secao (que tem padding e overflow:hidden);
   aqui ele estica ate as bordas da tela e a secao perde o respiro de baixo. */
.max-w-7xl > .rodape{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
div:has(> .max-w-7xl > .rodape){padding-bottom:0 !important;}
/* links do rodape: alvo de toque de 32px, sem herdar o min-height/padding global das paginas */
.rodape__info a,.rodape__info button{display:inline-flex;align-items:center;min-height:32px;min-width:0;line-height:1.5;}
.rodape__social{min-height:0;min-width:0;padding:0;}
@media (max-width:600px){
  .rodape__links{flex-direction:column;align-items:center;gap:2px;}
  .rodape__links > * + *::before{display:none;}
  .rodape{padding-bottom:104px;} /* respiro para o botao flutuante do WhatsApp nao cobrir o copyright */
}
/* Analise, pagina de resultado: o rodape mora dentro do <main class="container"> — estica ate as bordas */
main.container > .rodape{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:-1rem;}
@media (min-width:768px){ main.container > .rodape{margin-bottom:-2.5rem;} }
/* celular estreito: os 6 icones cabem numa linha so */
@media (max-width:400px){ .rodape__redes-icons{gap:9px;} .rodape__social{width:40px;height:40px;} }
