/* Pousada Laranjal — Footer Praia/Luxo, edição editorial consolidada.
 * Substitui as versões acumuladas V2–V6. Só apresenta o rodapé;
 * mantém todas as URLs, telefones, redes, links SEO e reservas do footer.php.
 */
body footer.mobi-footer.mobi-footer-original{
  background:#183A34 !important;
  background-image:none !important;
  color:#F8F4EC;
  border:0;
  border-top:1px solid rgba(231,200,149,.32);
  box-shadow:none;
}
body .mobi-footer.mobi-footer-original > .mobi-wrap.mobi-of-wrap{
  box-sizing:border-box !important;
  width:min(1340px,calc(100% - 48px)) !important;
  max-width:1340px !important;
  margin:0 auto !important;
  padding:38px 0 24px !important;
  background:transparent !important;
}
body .mobi-footer-original :is(.mobi-of-hero,.mobi-of-intro,.mobi-of-directory,.mobi-of-column,.mobi-of-local,.mobi-of-bottom){
  min-width:0;
  background:transparent;
  background-image:none;
  box-shadow:none;
}
/* Introdução: marca, título, descrição e contato em uma única composição. */
body .mobi-footer-original .mobi-of-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,365px);
  align-items:center;
  gap:clamp(34px,4vw,62px);
  margin:0;
  padding:0 0 30px;
  border:0;
}
body .mobi-footer-original .mobi-of-intro{
  display:grid;
  grid-template-columns:165px minmax(0,1fr);
  grid-template-areas:"brand heading" "brand description" "brand contacts";
  column-gap:29px;
  row-gap:7px;
  align-content:center;
  width:auto;
  max-width:none;
}
body .mobi-footer-original .mobi-of-brand{
  grid-area:brand;
  display:inline-flex;
  align-items:flex-start;
  justify-content:flex-start;
  align-self:start;
  width:165px;
  max-width:165px;
  margin:4px 0 0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  background-image:none;
  box-shadow:none;
}
body .mobi-footer-original .mobi-of-logo{
  display:block;
  width:165px;
  max-width:100%;
  height:auto;
  max-height:82px;
  object-fit:contain;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
body .mobi-footer-original .mobi-of-brand-name{
  color:#F8F4EC;
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
}
body .mobi-footer-original .mobi-of-headline{
  grid-area:heading;
  display:block;
  width:auto;
  max-width:none;
  min-width:0;
  margin:0;
  padding:0;
  color:#F8F4EC;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(23px,2vw,30px);
  font-weight:400;
  line-height:1.18;
  letter-spacing:-.025em;
  text-wrap:pretty;
  overflow-wrap:normal;
}
body .mobi-footer-original .mobi-of-description{
  grid-area:description;
  width:auto;
  max-width:690px;
  margin:0;
  color:#DCE8E0;
  font-size:13px;
  line-height:1.68;
}
body .mobi-footer-original .mobi-of-contact-list{
  grid-area:contacts;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px 18px;
  max-width:none;
  margin:3px 0 0;
}
body .mobi-footer-original .mobi-of-contact-list a{
  display:inline-flex;
  align-items:center;
  min-width:0;
  min-height:36px;
  gap:7px;
  color:#E4EEE7;
  font-size:12px;
  line-height:1.45;
  text-decoration:none;
  overflow-wrap:anywhere;
}
body .mobi-footer-original .mobi-of-contact-icon{color:#E7C895}
/* Atendimento sem um segundo cartão de chamada destacado. */
body .mobi-footer-original .mobi-of-reserve{
  display:block;
  align-self:center;
  justify-self:stretch;
  width:auto;
  max-width:none;
  min-width:0;
  margin:0;
  padding:2px 0 2px 28px;
  border:0 !important;
  border-left:1px solid rgba(231,200,149,.44) !important;
  border-radius:0;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#F8F4EC;
}
body .mobi-footer-original .mobi-of-overline,
body .mobi-footer-original .mobi-of-social-label{
  margin:0 0 8px;
  color:#E7C895;
  font-size:10px;
  font-weight:750;
  letter-spacing:.13em;
  text-transform:uppercase;
}
body .mobi-footer-original .mobi-of-reserve h2{
  margin:0 0 7px;
  color:#F8F4EC;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(22px,2vw,27px);
  font-weight:400;
  line-height:1.2;
  letter-spacing:-.025em;
}
body .mobi-footer-original .mobi-of-reserve>p:not(.mobi-of-overline){
  max-width:36ch;
  margin:0 0 15px;
  color:#DCE8E0;
  font-size:12px;
  line-height:1.6;
}
body .mobi-footer-original .mobi-of-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  margin:0;
}
body .mobi-footer-original :is(.mobi-of-phone,.mobi-of-whatsapp){
  display:inline-flex;
  flex:1 1 145px;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
  min-height:43px;
  padding:9px 10px;
  border-radius:4px;
  box-shadow:none;
  font-size:12px;
  line-height:1.35;
  font-weight:700;
  text-decoration:none;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease;
}
body .mobi-footer-original .mobi-of-phone{
  color:#F8F4EC;
  background:transparent;
  border:1px solid rgba(248,244,236,.56);
}
body .mobi-footer-original .mobi-of-whatsapp{
  color:#183A34;
  background:#E7C895;
  border:1px solid #E7C895;
}
body .mobi-footer-original :is(.mobi-of-phone,.mobi-of-whatsapp):hover{
  color:#183A34;
  background:#ABC042;
  border-color:#ABC042;
}
body .mobi-footer-original .mobi-of-social{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 0;
  padding:12px 0 0;
  border:0;
  border-top:1px solid rgba(248,244,236,.18);
}
body .mobi-footer-original .mobi-of-social-label{margin:0 7px 0 0}
body .mobi-footer-original .mobi-of-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 33px;
  width:33px;
  height:33px;
  padding:0;
  border-radius:4px;
  border:1px solid rgba(248,244,236,.34);
  background:rgba(248,244,236,.05);
  box-shadow:none;
  color:#F8F4EC;
}
body .mobi-footer-original .mobi-of-social a:hover{
  color:#183A34;
  background:#ABC042;
  border-color:#ABC042;
}
/* Links: equilíbrio de altura e acomodação em duas colunas. */
body .mobi-footer-original .mobi-of-directory{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.7fr);
  gap:clamp(24px,4vw,56px);
  margin:0;
  padding:25px 0 23px;
  border:0;
  border-top:1px solid rgba(248,244,236,.19);
  border-bottom:1px solid rgba(248,244,236,.19);
  color:#F8F4EC;
}
body .mobi-footer-original .mobi-of-column{margin:0;padding:0;border:0}
body .mobi-footer-original :is(.mobi-of-column h3,.mobi-of-local h3){
  margin:0 0 12px;
  color:#E7C895;
  font-size:11px;
  font-weight:750;
  letter-spacing:.13em;
  text-transform:uppercase;
}
body .mobi-footer-original .mobi-of-column ul{
  display:grid;
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
}
body .mobi-footer-original .mobi-of-stays ul{
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:22px;
}
body .mobi-footer-original .mobi-of-column li{
  min-width:0;
  margin:0;
  padding:0;
  line-height:1.5;
}
body .mobi-footer-original .mobi-of-column a{
  color:#E0EAE2;
  font-size:13px;
  line-height:1.55;
  text-decoration:none;
}
body .mobi-footer-original .mobi-of-column li a span[aria-hidden="true"]{display:none}
/* Local SEO, preservado como links reais e não botões. */
body .mobi-footer-original .mobi-of-local{
  display:grid;
  grid-template-columns:195px minmax(0,1fr);
  gap:25px;
  align-items:start;
  margin:0;
  padding:20px 0;
  border:0;
  border-bottom:1px solid rgba(248,244,236,.19);
}
body .mobi-footer-original .mobi-of-local h3{margin:0 0 7px}
body .mobi-footer-original .mobi-of-local p{
  margin:0;
  color:#C9DBD0;
  font-size:12px;
  line-height:1.6;
}
body .mobi-footer-original .mobi-of-local-links{
  display:flex;
  flex-wrap:wrap;
  gap:5px 19px;
}
body .mobi-footer-original .mobi-of-local-links a{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:4px 0;
  background:transparent;
  border:0;
  border-bottom:1px solid rgba(248,244,236,.23);
  border-radius:0;
  color:#DFE9E1;
  font-size:12px;
  line-height:1.5;
  text-decoration:none;
}
body .mobi-footer-original .mobi-of-local-links a span[aria-hidden="true"]{display:none}
body .mobi-footer-original .mobi-of-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px 28px;
  margin:0;
  padding:17px 0 0;
  border:0;
  color:#C9DBD0;
  font-size:12px;
}
body .mobi-footer-original .mobi-of-bottom>div{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 21px;
}
body .mobi-footer-original .mobi-of-bottom a{
  color:#DFE9E1;
  font-size:12px;
  text-decoration:none;
}
body .mobi-footer-original :is(.mobi-of-contact-list a,.mobi-of-column a,.mobi-of-local-links a,.mobi-of-bottom a):hover{
  color:#ABC042;
}
body .mobi-footer-original a:focus-visible{
  outline:3px solid #ABC042;
  outline-offset:4px;
}
@media(max-width:1150px){
  body .mobi-footer-original .mobi-of-hero{
    grid-template-columns:minmax(0,1fr);
    gap:26px;
  }
  body .mobi-footer-original .mobi-of-intro{
    grid-template-columns:155px minmax(0,1fr);
    column-gap:22px;
  }
  body .mobi-footer-original .mobi-of-brand,
  body .mobi-footer-original .mobi-of-logo{width:155px;max-width:155px}
  body .mobi-footer-original .mobi-of-reserve{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);
    column-gap:25px;
    padding:15px 0 0;
    border:0 !important;
    border-top:1px solid rgba(231,200,149,.38) !important;
  }
  body .mobi-footer-original .mobi-of-overline,
  body .mobi-footer-original .mobi-of-reserve h2,
  body .mobi-footer-original .mobi-of-reserve>p:not(.mobi-of-overline){grid-column:1}
  body .mobi-footer-original .mobi-of-actions{grid-column:2;grid-row:1/4;align-self:center}
  body .mobi-footer-original .mobi-of-social{grid-column:1/-1}
}
@media(max-width:760px){
  body .mobi-footer.mobi-footer-original > .mobi-wrap.mobi-of-wrap{
    width:min(560px,calc(100% - 32px)) !important;
    max-width:560px !important;
    padding:32px 0 20px !important;
  }
  body .mobi-footer-original .mobi-of-hero{
    gap:23px;
    padding:0 0 24px;
  }
  body .mobi-footer-original .mobi-of-intro{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"brand" "heading" "description" "contacts";
    row-gap:11px;
  }
  body .mobi-footer-original .mobi-of-brand,
  body .mobi-footer-original .mobi-of-logo{
    width:150px;
    max-width:150px;
  }
  body .mobi-footer-original .mobi-of-headline{font-size:clamp(25px,6vw,32px)}
  body .mobi-footer-original .mobi-of-contact-list{margin:0}
  body .mobi-footer-original .mobi-of-reserve{
    display:block;
    padding:18px 0 0;
  }
  body .mobi-footer-original .mobi-of-actions{margin:0}
  body .mobi-footer-original .mobi-of-directory{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 20px;
  }
  body .mobi-footer-original .mobi-of-stays{grid-column:1/-1}
  body .mobi-footer-original .mobi-of-local{
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
}
@media(max-width:390px){
  body .mobi-footer-original .mobi-of-directory{grid-template-columns:minmax(0,1fr)}
  body .mobi-footer-original .mobi-of-stays ul{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  body .mobi-footer-original a{transition:none}
}


/* FOOTER LOGO STATIC | 2026-11-02 */
/* A marca continua clicável, mas nunca recebe fundo, filtro, opacidade ou movimento no hover. */
body footer.mobi-footer.mobi-footer-original a.mobi-of-brand,
body footer.mobi-footer.mobi-footer-original a.mobi-of-brand:hover,
body footer.mobi-footer.mobi-footer-original a.mobi-of-brand:focus,
body footer.mobi-footer.mobi-footer-original a.mobi-of-brand:active,
body footer.mobi-footer.mobi-footer-original a.mobi-of-brand:visited {
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
  text-decoration:none !important;
}
body footer.mobi-footer.mobi-footer-original a.mobi-of-brand img.mobi-of-logo,
body footer.mobi-footer.mobi-footer-original a.mobi-of-brand:hover img.mobi-of-logo,
body footer.mobi-footer.mobi-footer-original a.mobi-of-brand:focus img.mobi-of-logo,
body footer.mobi-footer.mobi-footer-original a.mobi-of-brand:active img.mobi-of-logo {
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
}
body footer.mobi-footer.mobi-footer-original a.mobi-of-brand:focus-visible {
  outline:2px solid #ABC042 !important;
  outline-offset:4px;
}
