/* rodape.css (29/09/2026): o CSS base do <footer class="grain"> que hoje vem copiado no primeiro
   <style> das paginas (grade de colunas, marca, newsletter, endereco, redes, "siga", barra de
   baixo e a assinatura da GREEKy). So entram regras iguais em 40 ou mais das 48 paginas
   publicas, na ordem de la (referencia: maceio-mar-hotel/acomodacoes.html).
   AINDA NAO ESTA LIGADA EM PAGINA NENHUMA. Ao ligar, entra depois de cabecalho.css e antes do
   CSS da pagina, de familias.css e de padrao-site.css (este ultimo ajusta os tamanhos do rodape
   com !important e continua vencendo).
   Notas:
   - Ipioca: footer, .f-col small, .f-col a, .f-col a:hover, .f-news p, .f-news input (e :focus,
     ::placeholder), .f-news label, .f-social a (e :hover) e .f-bottom usam --fundo-marca e
     --texto-marca nas 8 paginas do Ipioca. Essas regras continuam no <style> das paginas do
     Ipioca, que vem depois deste arquivo e redefine as mesmas propriedades, entao vencem;
   - o checkbox da newsletter (.f-news label i / input[type=checkbox] e o :checked) nao entrou:
     a regra base dele varia entre as paginas, e o padrao-site.css ja o redesenha. */

footer{position:relative;background:var(--tinta-3);color:#fff;padding:0 0 44px;border-top:1px solid rgba(var(--dourado-rgb),.4)}
.f-grid{display:grid;grid-template-columns:1.2fr .7fr .7fr 1.1fr;gap:60px;padding:76px 0 60px}
.f-brand img{height:38px;width:auto;margin-bottom:24px}
.f-brand p{font-style:italic;font-weight:300;font-size:17px;line-height:1.55;color:rgba(255,255,255,.75);max-width:260px}
.f-col small,.f-news>small{display:block;font-size:10px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--turquesa-viva);margin-bottom:18px}
.f-col a{display:block;font-weight:400;font-size:14.5px;line-height:2.15;color:rgba(255,255,255,.85);transition:color .25s ease}
.f-col a:hover{color:#fff}
.f-news p{font-weight:400;font-size:14.5px;line-height:1.65;color:rgba(255,255,255,.85);margin-bottom:18px}
.f-news .row{display:flex;gap:10px;margin-bottom:10px}
.f-news input{flex:1;min-width:0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#fff;font-family:Poppins,sans-serif;font-weight:400;font-size:13.5px;padding:14px 16px}
.f-news input:focus{outline:1px solid var(--turquesa-viva)}
.f-news input::placeholder{color:rgba(255,255,255,.5)}
.f-news .btn{padding:14px 22px;font-size:11.5px}
.f-news label{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:11.5px;line-height:1.55;color:rgba(255,255,255,.7);margin-top:8px}
.f-nap{margin-top:26px;display:flex;flex-direction:column;gap:6px}
.f-nap span{font-weight:400;font-size:13.5px;color:rgba(255,255,255,.8)}
.f-social{margin-top:22px;display:flex;gap:14px}
.f-social a{width:38px;height:38px;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);transition:border-color .25s ease,color .25s ease,background .25s ease}
.f-social a:hover{border-color:var(--turquesa-viva);color:#fff;background:rgba(var(--turquesa-viva-rgb),.12)}
.f-social svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.f-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:26px;display:flex;align-items:center;gap:28px;font-weight:400;font-size:12.5px;color:rgba(255,255,255,.7)}
.f-bottom .sep{flex:1}
.f-bottom b{color:rgba(255,255,255,.9);font-weight:500}

@media (max-width:1120px){
  .f-grid{grid-template-columns:1fr 1fr;gap:40px}
}
@media (max-width:640px){
  .f-grid{grid-template-columns:1fr}
}
/* pacote mobile universal (apresentacao ao cliente) */
@media (max-width:640px){
  .f-grid{grid-template-columns:1fr!important;gap:40px}
  .f-news .row{flex-wrap:wrap}
  .f-brand p,.f-nap span{max-width:100%;word-break:break-word}
  .f-bottom{flex-wrap:wrap;gap:10px 20px}
  .f-social a{width:44px;height:44px}
}

.selo-proto{font-size:11px;color:rgba(255,255,255,.45);letter-spacing:.04em}

/* "siga": a segunda camada de 10px/6px foi fundida na de 12px/9px, que e a que vence hoje */
.f-siga{border-top:1px solid rgba(255,255,255,.14);padding:24px 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 24px}
.f-siga small{font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.f-siga a{font-size:12.5px;color:rgba(255,255,255,.7);padding:9px 0;min-height:40px;display:inline-flex;align-items:center}
.f-siga a:hover{color:#fff}

/* assinatura da GREEKy */
.f-assina{margin-left:auto;display:inline-block;font-size:12px;line-height:40px;
  color:rgba(255,255,255,.5);white-space:nowrap;min-height:40px}
.f-assina a{color:rgba(255,255,255,.78);font-weight:500;border-bottom:1px solid rgba(255,255,255,.28);
  padding-bottom:1px;transition:color .25s ease,border-color .25s ease}
.f-assina a:hover{color:#fff;border-color:#fff}
@media (max-width:640px){footer .f-assina{margin-left:0;margin-top:4px;line-height:1.5;padding:10px 0;display:block!important}footer .f-assina a{display:inline-block!important;padding:11px 0!important;min-height:40px!important;line-height:18px}}