/* Hares — Shell institucional padrão v1.1
   Complementos de cabeçalho/rodapé usados pela Calculadora IBS/CBS sobre Aluguéis.
   Corrige colisões entre as classes utilitárias do site e o CSS legado da calculadora. */
.font-brand{font-family:'Expletus Sans',sans-serif}
.gradient-text{background:linear-gradient(135deg,#0284c7 0%,#0ea5e9 50%,#6d28d9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.header-whatsapp-btn{background:#1273DE;color:#fff;border-radius:14px;padding:14px 24px;font-weight:800;display:flex;align-items:center;gap:10px;text-decoration:none;transition:.3s;white-space:nowrap;margin-left:18px}
.header-whatsapp-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,115,222,.25)}
.header-whatsapp-btn svg{width:22px;height:22px;flex-shrink:0}
.float-logo{animation:hares-shell-float 5s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(0,0,0,.12))}
@keyframes hares-shell-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* O body da calculadora possui padding-top próprio. Sem top:0, um elemento fixed
   conserva sua posição estática e o cabeçalho aparece deslocado no meio da tela. */
body.hares-alugueis-page #navbar{top:0!important;left:0!important;right:0!important;width:100%!important}
body.hares-alugueis-page #navbar>.max-w-7xl{width:100%;max-width:80rem!important;margin-left:auto!important;margin-right:auto!important}

/* A baseline da calculadora define .hidden e .grid globalmente. Restauramos aqui
   somente as utilidades usadas pelo shell institucional, sem tocar no motor/app. */
body.hares-alugueis-page footer .grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:initial!important}
body.hares-alugueis-page footer{text-align:left!important;font-size:inherit!important;color:#fff!important}

.hares-social-icon{width:44px;height:44px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:all .25s ease;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.hares-social-icon:hover{transform:translateY(-3px);filter:brightness(1.08)}
.hares-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.hares-whatsapp{background:#25D366}
.footer-hours-title{white-space:nowrap;font-size:.95rem;line-height:1.2rem}
footer a[href*="wa.me"]{white-space:nowrap!important}
footer .footer-whatsapp-number{white-space:nowrap!important;display:inline-block!important;font-size:1.35rem!important;line-height:1.35rem!important}
footer .footer-whatsapp-label{white-space:nowrap!important}
footer .hares-social-icon,footer .hares-social-icon svg{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;line-height:1!important}
footer .hares-social-icon svg{width:22px!important;height:22px!important;flex-shrink:0!important}

#mobile-menu{display:none;max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:max-height .28s ease,opacity .22s ease,transform .22s ease}
#mobile-menu.hares-mobile-open{display:block!important;max-height:900px;opacity:1;transform:translateY(0)}
#mobile-toggle{position:relative;z-index:10001;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}

@media(max-width:1023px){
  body.hares-alugueis-page #navbar .lg\:hidden{display:block!important}
  #mobile-menu{background:rgba(255,255,255,.98);backdrop-filter:blur(18px);border-top:1px solid rgba(226,232,240,.9);box-shadow:0 18px 40px rgba(15,23,42,.08);border-radius:0 0 22px 22px;padding:14px 12px 18px!important}
  #mobile-menu .mobile-menu-inner{display:flex;flex-direction:column;gap:2px}
  #mobile-menu .mobile-section-label{display:flex;align-items:center;gap:8px;margin:16px 8px 7px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#64748b}
  #mobile-menu .mobile-section-label::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(14,165,233,.35),transparent)}
  #mobile-menu a.mobile-nav-link{display:flex!important;align-items:center;gap:10px;padding:11px 12px!important;border-radius:14px;color:#334155!important;font-weight:700;text-decoration:none;transition:all .2s ease}
  #mobile-menu a.mobile-nav-link:hover,#mobile-menu a.mobile-nav-link:active{background:#f0f9ff;color:#0369a1!important;transform:translateX(2px)}
  #mobile-menu .mobile-nav-icon{width:22px;height:22px;min-width:22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#e0f2fe;color:#0284c7;font-size:13px;font-weight:900}
  #mobile-menu .mobile-nav-link.secondary .mobile-nav-icon{background:#f5f3ff;color:#7c3aed}
  #mobile-menu .mobile-cta{display:flex!important;align-items:center;justify-content:center;gap:10px;margin-top:16px!important;padding:14px 18px!important;border-radius:16px!important;background:linear-gradient(135deg,#0284c7,#0ea5e9,#7c3aed)!important;color:#fff!important;font-weight:900!important;box-shadow:0 14px 30px rgba(14,165,233,.28)}
  #mobile-menu .mobile-divider{height:1px;background:#e2e8f0;margin:10px 4px 2px}
}

@media(min-width:768px){
  body.hares-alugueis-page footer .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(min-width:1024px){
  #mobile-menu{display:none!important}
  body.hares-alugueis-page #navbar .hidden.lg\:flex{display:flex!important}
  body.hares-alugueis-page #navbar .lg\:hidden{display:none!important}
  body.hares-alugueis-page footer .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  body.hares-alugueis-page footer .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.hares-alugueis-page footer .lg\:col-span-2{grid-column:span 2/span 2!important}
  body.hares-alugueis-page footer .footer-grid-fix{grid-template-columns:1.05fr 1.05fr 1.15fr 1.35fr 1fr!important;column-gap:3rem!important}
}

@media(max-width:1100px){.footer-hours-title{white-space:normal}.header-whatsapp-btn{margin-left:0}}
@media(prefers-reduced-motion:reduce){.float-logo{animation:none}}
@media print{#navbar,footer{display:none!important}}