/* Hares — Calculadora IBS/CBS sobre Aluguéis — integração visual pública v1.0
   Camada exclusivamente visual/estrutural. Não altera motor, fórmulas ou validações. */

:root{
  --hares-site-navy:#0f1d52;
  --hares-site-blue:#1273de;
  --hares-site-cyan:#0ea5e9;
  --hares-site-purple:#7c3aed;
  --hares-site-ink:#0f172a;
  --hares-site-muted:#64748b;
}

.hares-alugueis-page{padding-top:82px}
.hares-site-skip{
  position:fixed;left:12px;top:10px;z-index:10002;
  transform:translateY(-80px);padding:10px 14px;border-radius:12px;
  background:#0f1d52;color:#fff;font-weight:800;text-decoration:none;
}
.hares-site-skip:focus{transform:none}

.hares-site-nav{
  position:fixed;inset:0 0 auto 0;z-index:10000;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(148,163,184,.22);
  backdrop-filter:blur(18px);
  box-shadow:0 8px 24px rgba(15,23,42,.055);
}
.hares-site-nav__inner{
  width:min(1240px,calc(100% - 28px));min-height:82px;margin:auto;
  display:flex;align-items:center;gap:28px;
}
.hares-site-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--hares-site-ink);flex:0 0 auto}
.hares-site-brand img{width:52px;height:52px;object-fit:contain}
.hares-site-brand span{display:flex;flex-direction:column;line-height:1.05}
.hares-site-brand strong{font-size:1.13rem;letter-spacing:-.02em}
.hares-site-brand small{font-size:.72rem;color:#64748b;margin-top:4px}
.hares-site-nav__links{display:flex;align-items:center;gap:22px;margin-left:auto}
.hares-site-nav__links a{color:#334155;text-decoration:none;font-size:.92rem;font-weight:750;transition:.2s ease}
.hares-site-nav__links a:hover{color:#0369a1}
.hares-site-nav__actions{display:flex;align-items:center;gap:10px}
.hares-site-theme-toggle,.hares-site-contact{
  min-height:42px;border-radius:13px;padding:9px 13px;font-weight:800;font-size:.86rem;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;
}
.hares-site-theme-toggle{border:1px solid #dbe4ee;background:#fff;color:#334155}
.hares-site-contact{
  border:0;background:linear-gradient(135deg,#1273de,#0e95cc 68%,#7c3aed);
  color:#fff;box-shadow:0 10px 24px rgba(18,115,222,.18)
}
.hares-site-contact:hover{filter:brightness(1.04);transform:translateY(-1px)}

.hares-alugueis-page>.hero{
  position:relative;overflow:hidden;padding:44px 0 34px;
  background:
    radial-gradient(circle at 10% 16%,rgba(56,189,248,.23),transparent 28%),
    radial-gradient(circle at 88% 78%,rgba(124,58,237,.22),transparent 33%),
    linear-gradient(135deg,#0f1d52 0%,#0c3a66 48%,#075985 100%);
}
.hares-alugueis-page>.hero:after{
  content:"";position:absolute;right:-80px;bottom:-130px;width:360px;height:360px;border-radius:50%;
  border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 46px rgba(255,255,255,.025),0 0 0 92px rgba(255,255,255,.02);
  pointer-events:none;
}
.hares-alugueis-page>.hero .container{position:relative;z-index:1}
.hares-alugueis-page>.hero .eyebrow{
  display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);
  letter-spacing:.13em;font-size:.76rem
}
.hares-alugueis-page>.hero h1{letter-spacing:-.035em;text-wrap:balance}
.hares-alugueis-page>.hero p{font-size:1.02rem;line-height:1.65}
.hares-alugueis-page>.hero .brand-badge{
  background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22);
  box-shadow:0 14px 30px rgba(2,6,23,.16)
}

/* A versão pública não expõe a alternância para o modo interno. */
.hares-alugueis-page.mode-public .mode-switch{display:none!important}

.hares-alugueis-page main.container{padding-top:28px}
.hares-alugueis-page .public-trust-strip{
  border:1px solid rgba(14,165,233,.16)!important;
  box-shadow:0 16px 38px rgba(15,29,82,.07)!important;
  background:linear-gradient(145deg,#fff,#f8fbff)!important;
}
.hares-alugueis-page .card{
  border-color:rgba(148,163,184,.28);
  box-shadow:0 16px 38px rgba(15,29,82,.075)
}
.hares-alugueis-page .card-header{
  background:linear-gradient(135deg,#0f2f4a,#123e63 66%,#1f5d89)
}
.hares-alugueis-page .section{
  background:linear-gradient(145deg,#fff,#fbfdff);
  border-color:rgba(148,163,184,.25)
}
.hares-alugueis-page input,.hares-alugueis-page select{
  border-color:#cbd5e1;box-shadow:0 1px 0 rgba(15,23,42,.02)
}
.hares-alugueis-page input:focus,.hares-alugueis-page select:focus{
  border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.13)
}
.hares-alugueis-page .btn-primary{
  background:linear-gradient(135deg,#1273de,#0e95cc 74%,#7c3aed);
  box-shadow:0 10px 22px rgba(18,115,222,.17)
}
.hares-alugueis-page .btn-primary:hover{filter:brightness(1.04)}
.hares-alugueis-page .compare-section,.hares-alugueis-page .faq-section{
  box-shadow:0 18px 44px rgba(15,29,82,.075)
}
.hares-alugueis-page .compare-intro,.hares-alugueis-page .faq-header{
  background:
    radial-gradient(circle at 92% 16%,rgba(124,58,237,.06),transparent 26%),
    linear-gradient(135deg,#eef7ff,#fff)
}
.hares-alugueis-page .public-cta{
  background:
    radial-gradient(circle at 10% 18%,rgba(255,255,255,.16),transparent 30%),
    radial-gradient(circle at 90% 82%,rgba(56,189,248,.22),transparent 34%),
    linear-gradient(135deg,#0f1d52,#0c3a66 52%,#075985)!important;
  border:0!important;box-shadow:0 22px 54px rgba(15,29,82,.18)
}

/* Rodapé institucional isolado para não colidir com o CSS da calculadora. */
.hares-site-footer{
  margin-top:0!important;padding:0!important;background:linear-gradient(145deg,#071426,#0b2038)!important;color:#fff!important;
  border-top:1px solid rgba(56,189,248,.16)!important;
}
.hares-site-footer__inner{width:min(1180px,calc(100% - 28px));margin:auto;padding:38px 0}
.hares-site-footer__brand{display:flex;align-items:center;gap:15px;margin-bottom:24px}
.hares-site-footer__brand img{width:58px;height:58px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
.hares-site-footer__brand div{display:flex;flex-direction:column;gap:3px}
.hares-site-footer__brand strong{font-size:1.22rem}
.hares-site-footer__brand span{color:#bfdbfe}
.hares-site-footer__links{display:flex;flex-wrap:wrap;gap:12px 22px;padding:20px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.hares-site-footer__links a{color:#dbeafe;text-decoration:none;font-weight:700;font-size:.9rem}
.hares-site-footer__links a:hover{color:#fff}
.hares-site-footer__legal{display:flex;flex-direction:column;gap:7px;padding-top:20px;color:#bfdbfe;font-size:.82rem}
.hares-site-footer__legal strong{color:#fff;font-weight:800}

html[data-theme="dark"] body.hares-alugueis-page{
  background:linear-gradient(180deg,#071426,#08182b 360px);color:#e5eef8;
}
html[data-theme="dark"] .hares-site-nav{background:rgba(7,20,38,.94);border-bottom-color:rgba(125,211,252,.14);box-shadow:0 10px 26px rgba(0,0,0,.24)}
html[data-theme="dark"] .hares-site-brand{color:#f8fafc}
html[data-theme="dark"] .hares-site-brand small{color:#94a3b8}
html[data-theme="dark"] .hares-site-nav__links a{color:#dbeafe}
html[data-theme="dark"] .hares-site-theme-toggle{background:#0c2035;color:#dbeafe;border-color:rgba(125,211,252,.20)}
html[data-theme="dark"] body.hares-alugueis-page .public-trust-strip,
html[data-theme="dark"] body.hares-alugueis-page .card,
html[data-theme="dark"] body.hares-alugueis-page .section,
html[data-theme="dark"] body.hares-alugueis-page details{
  background:#0c1d33!important;border-color:rgba(125,211,252,.15)!important;color:#e5eef8!important;box-shadow:0 18px 42px rgba(0,0,0,.22)!important
}
html[data-theme="dark"] body.hares-alugueis-page .section-title h3,
html[data-theme="dark"] body.hares-alugueis-page label,
html[data-theme="dark"] body.hares-alugueis-page .result-title,
html[data-theme="dark"] body.hares-alugueis-page h2,
html[data-theme="dark"] body.hares-alugueis-page h3,
html[data-theme="dark"] body.hares-alugueis-page h4{color:#f8fafc}
html[data-theme="dark"] body.hares-alugueis-page .hint,
html[data-theme="dark"] body.hares-alugueis-page .result-summary,
html[data-theme="dark"] body.hares-alugueis-page .scenario-note,
html[data-theme="dark"] body.hares-alugueis-page .public-guidance,
html[data-theme="dark"] body.hares-alugueis-page .compare-note,
html[data-theme="dark"] body.hares-alugueis-page .sources-box{color:#cbd5e1}
html[data-theme="dark"] body.hares-alugueis-page input,
html[data-theme="dark"] body.hares-alugueis-page select{
  background:#08182b;color:#e5eef8;border-color:rgba(148,163,184,.28)
}
html[data-theme="dark"] body.hares-alugueis-page summary{background:#102640;color:#e0f2fe}
html[data-theme="dark"] body.hares-alugueis-page .metric,
html[data-theme="dark"] body.hares-alugueis-page .winner-box,
html[data-theme="dark"] body.hares-alugueis-page .comparison-focus{
  background:#0f2742!important;border-color:rgba(125,211,252,.14)!important;color:#e5eef8!important
}
html[data-theme="dark"] body.hares-alugueis-page table{color:#e5eef8}
html[data-theme="dark"] body.hares-alugueis-page th,
html[data-theme="dark"] body.hares-alugueis-page td{border-color:rgba(148,163,184,.18)!important}
html[data-theme="dark"] body.hares-alugueis-page .compare-intro,
html[data-theme="dark"] body.hares-alugueis-page .faq-header{background:linear-gradient(135deg,#102640,#0c1d33)}
html[data-theme="dark"] body.hares-alugueis-page .legal{color:#cbd5e1;border-color:rgba(148,163,184,.18)}

@media(max-width:980px){
  .hares-alugueis-page{padding-top:72px}
  .hares-site-nav__inner{min-height:72px}
  .hares-site-nav__links{display:none}
  .hares-site-brand span{display:none}
  .hares-site-nav__actions{margin-left:auto}
}
@media(max-width:640px){
  .hares-site-nav__inner{gap:8px;width:min(100% - 18px,1240px)}
  .hares-site-brand img{width:44px;height:44px}
  .hares-site-theme-toggle{padding:8px 10px}
  .hares-site-theme-toggle span:last-child{display:none}
  .hares-site-contact{padding:9px 11px;font-size:.8rem}
  .hares-alugueis-page>.hero{padding-top:28px}
  .hares-alugueis-page>.hero .brand-badge{display:none}
  .hares-site-footer__inner{padding:30px 0}
  .hares-site-footer__links{gap:10px 16px}
}
@media print{
  .hares-site-nav,.hares-site-footer,.hares-site-skip{display:none!important}
  .hares-alugueis-page{padding-top:0!important}
}