/* ============================================  POUSADA AUREMA — CSS Master v3.6  Ameris Connect | Template 036 | Jun/2026  ============================================  Base: CSS aprovado (pílula + tagline)  + Botão RESERVE AGORA amarelo  + Fix adultos/crianças no celular  + Barra 10% OFF mobile  + Reservas pill no menu  + v3.6: Fix DUPLO sobreposição desktop   1) tagline ancorada no fundo (position:absolute)   2) line-height:normal no botão — remove o    line-height:45px do Foundation que fazia    o botão vazar para baixo da barra de menu  ============================================ */@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Source+Sans+3:wght@300;400;600;700;800&display=swap');/* BODY */body{background: #f2f6fa !important; color: #1a1a1a; font-family: 'Source Sans 3', Arial, Helvetica, sans-serif !important}/* HEADER */#header{background: linear-gradient(160deg,#003580 0%,#0057a8 55%,#0071c2 100%) !important; padding: 0 !important; position: relative}#header .columns.large-3.medium-3.small-12{display: none !important}#main-menu{width: 100% !important; background: transparent !important}/* PÍLULA BRANCA CURSIVA */#header::before{content: '⭐⭐⭐ Pousada Aurema'; display: inline-block; background: #fff; border-radius: 30px; padding: 8px 28px; margin: 16px 16px 8px; font-family: 'Great Vibes', cursive; font-size: 32px; color: #003580; box-shadow: 0 2px 8px rgba(0,0,0,.20); letter-spacing: 1px}/* TAGLINE DOURADA */#header::after{content: 'Hospedagem ideal \00B7 Praias, trilhas e natureza \00B7 Ibiraquera, Santa Catarina'; display: block; color: #febb02; font-size: clamp(20px,3.5vw,32px); font-weight: 800; line-height: 1.3; padding: 8px 16px 18px; font-family: 'Source Sans 3', Arial, sans-serif; text-shadow: 0 1px 6px rgba(0,0,0,.40)}/* MENU DESKTOP */#main-menu .top-bar-section > ul > li > a{color: #fff; font-family: 'Source Sans 3', Arial, sans-serif; font-weight: 600; font-size: 13px}#main-menu .top-bar-section > ul > li.active,#main-menu .top-bar-section > ul > li:hover{border-bottom-color: #febb02}#main-menu .top-bar-section > ul > li.active > a,#main-menu .top-bar-section > ul > li:hover > a{color: #febb02}#main-menu .top-bar-section .dropdown li{background-color: #003580}#main-menu .top-bar-section .dropdown li:hover,#main-menu .top-bar-section .dropdown li.active{background-color: #0057a8}#main-menu .top-bar-section .dropdown li a{color: #fff}.top-bar .toggle-topbar.menu-icon a,.top-bar .toggle-topbar a,.top-bar .toggle-topbar span,#main-menu .toggle-topbar a{color: #fff !important}/* BOTÃO RESERVAS — pill amarelo no menu desktop */li.nav-reservation > a{background: #febb02 !important; color: #003580 !important; border-radius: 20px !important; padding: 8px 20px !important; font-weight: 800 !important; margin-left: 8px !important; box-shadow: 0 4px 12px rgba(254,187,2,.35) !important; transition: all .25s ease !important}li.nav-reservation > a:hover{background: #f0b400 !important; color: #003580 !important; transform: translateY(-2px) !important}/* CONTEÚDO PRINCIPAL */#main-container{background-color: #ffffff !important}#main-container a{color: #0071c2 !important}#main-container a:hover{color: #003580 !important}h1, h2, h3{border-bottom: 2px solid #0071c2 !important; color: #003580 !important; font-family: 'Source Sans 3', Arial, sans-serif !important; font-weight: 800 !important}/* MOTOR DE RESERVAS */#booking-widget{background: transparent !important; overflow: visible !important}/* Fix adultos/crianças no mobile */#booking-widget select,#booking-widget input{pointer-events: auto !important; touch-action: manipulation !important; -webkit-appearance: auto !important; position: relative !important; z-index: 10 !important}/* BOTÃO RESERVE AGORA — amarelo */#booking-widget .button,#booking-widget a#bws-button-search,#booking-widget input[type="submit"],.bws-button,.bws-search-widget .button{background: #febb02 !important; color: #003580 !important; font-family: 'Source Sans 3', Arial, sans-serif !important; font-size: 17px !important; font-weight: 800 !important; border-radius: 12px !important; text-transform: uppercase !important; letter-spacing: .5px; box-shadow: 0 6px 20px rgba(254,187,2,.40) !important; transition: all .25s ease !important; border: none !important}#booking-widget .button:hover,#booking-widget a#bws-button-search:hover,.bws-button:hover{background: #f0b400 !important; transform: translateY(-2px) !important; box-shadow: 0 10px 28px rgba(254,187,2,.50) !important}/* OCULTA BLOCOS VAZIOS — corrige espaço em branco */.booking-section #our-room,.booking-section #our-hotel,#our-room, #our-hotel{display: none !important}/* GOOGLE MAPS */#opengmap{background: #febb02 !important; color: #003580 !important; font-weight: 700 !important; padding: 12px 24px !important; border-radius: 10px !important; text-transform: uppercase; border: none !important; cursor: pointer; transition: background .25s, transform .25s}#opengmap:hover{background: #f0b400 !important; transform: translateY(-1px)}/* RODAPÉ */#footer{background-color: #003580 !important; color: rgba(255,255,255,.80) !important}#footer h1, #footer h2, #footer h3{color: #fff !important; border-bottom: 1px solid rgba(255,255,255,.20) !important; font-family: 'Source Sans 3', Arial, sans-serif !important}#footer a{color: rgba(255,255,255,.80) !important}#footer a:hover{color: #febb02 !important}/* SOCIAL */.social ul li{background-color: #0071c2 !important; border-radius: 50%}.social ul li:hover{background-color: #febb02 !important}.social ul li a{color: #fff !important}/* PAGE TITLE */.page-title-box{background-color: #003580 !important}/* BARRA STICKY — escondida por padrão */.sticky-reserve-cta{display: none}/* ══════════════════════════════════════════════  FIX DESKTOP v3.6 — SOMENTE DESKTOP  CAUSA RAIZ: Foundation aplica line-height:45px  nos itens do menu. Nosso botão herda isso e  fica 61px de altura (8+45+8), vazando 8px  abaixo da barra de 45px do Foundation.  FIX 1: line-height:normal no botão (32px)  FIX 2: tagline ancorada no fundo do header  Celular (max-width: 47.937em): INTOCADO.  ══════════════════════════════════════════════ */@media only screen and (min-width: 47.9375em){/* Empilha header corretamente */ #header{ display: flex !important;  flex-direction: column !important;  min-height: 150px !important;  padding-bottom: 65px !important}#header::before{ align-self: flex-start !important}/* Tagline ancorada no fundo — não pode ser sobreposta */ #header::after{ position: absolute !important;  bottom: 0 !important;  left: 0 !important;  right: 0 !important;  padding: 10px 16px 14px !important}/* FIX DA CAUSA RAIZ: remove line-height:45px do Foundation no botão */ li.nav-reservation > a{ line-height: normal !important;  vertical-align: middle !important}}/* ── MOBILE — INALTERADO ── */@media only screen and (max-width: 47.937em){#main-menu .top-bar ul.title-area{background-color: #003580}#main-menu .top-bar ul.title-area .toggle-topbar a, #main-menu .top-bar ul.title-area .toggle-topbar span{color: #fff}#main-menu .top-bar .top-bar-section{background-color: #003580}#main-menu .top-bar .top-bar-section > ul > li > a{color: #fff}#main-menu .top-bar .top-bar-section > ul > li.active, #main-menu .top-bar .top-bar-section > ul > li:hover{background-color: #0057a8}#main-menu .top-bar .top-bar-section > ul > li.active > a, #main-menu .top-bar .top-bar-section > ul > li:hover > a{color: #febb02}/* Pílula menor no mobile */ #header::before{font-size: 28px; padding: 6px 22px; margin: 12px 12px 6px}/* Tagline menor no mobile */ #header::after{font-size: clamp(20px,5.5vw,26px); padding: 6px 12px 16px}/* Barra sticky amarela no rodapé */ .sticky-reserve-cta{display: block !important; position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; background: #febb02 !important; color: #003580 !important; text-align: center !important; padding: 14px !important; font-family: 'Source Sans 3', Arial, sans-serif !important; font-weight: 800 !important; font-size: 14px !important; z-index: 99998 !important; text-decoration: none !important; letter-spacing: .3px}}/* ─── GARANTA SEU DESCONTO no botão amarelo ─── */li.nav-reservation > a > span.nav-text{font-size: 0 !important}li.nav-reservation > a > span.nav-text::after{content: 'Garanta seu desconto' !important; font-size: 13px !important; font-weight: 800 !important}/* ─── INSTAGRAM FLUTUANTE ─── */.instagram-float{position: fixed !important; bottom: 20px !important; left: 20px !important; width: 58px !important; height: 58px !important; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 16px rgba(0,0,0,.30) !important; z-index: 99997 !important; text-decoration: none !important}.instagram-float i{color: #ffffff !important; font-size: 28px !important}.whatsapp-float{position: fixed !important; bottom: 20px !important; right: 20px !important; width: 58px !important; height: 58px !important; background: #25D366 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 16px rgba(0,0,0,.30) !important; z-index: 99999 !important; text-decoration: none !important}.whatsapp-float i{color: #ffffff !important; font-size: 32px !important}