*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Instrument Sans',system-ui,sans-serif;color:#121011;background:#fff;-webkit-font-smoothing:antialiased;line-height:1.6}
a{color:#5B1A24}a:hover{color:#420F18}
summary{list-style:none}summary::-webkit-details-marker{display:none}
details[open] .plus{transform:rotate(45deg)}
.track{scrollbar-width:thin;scrollbar-color:#E4D6D8 transparent}

/* Estados de hover */
.h-dark:hover{background:#5B1A24 !important;color:#fff !important}
.h-black:hover{background:#121011 !important;color:#fff !important}
.h-arrow:hover{background:#5B1A24 !important;border-color:#5B1A24 !important;color:#fff !important}
.h-card:hover{border-color:#5B1A24 !important}

/* Header */
.nav-desktop{display:flex;gap:2px;margin-left:auto}
.nav-desktop a{font-size:14px;font-weight:500;text-decoration:none;padding:8px 13px;border-radius:999px;color:#121011;background:transparent;transition:background .2s,color .2s}
.nav-desktop a.is-active{color:#fff;background:#5B1A24}
.menu-btn{display:none;width:44px;height:44px;border-radius:50%;border:1px solid #E6DFE0;background:#fff;cursor:pointer;place-items:center;font-size:18px;color:#121011;font-family:inherit}
.nav-mobile{display:none;border-top:1px solid #EEE8E8;background:#fff;padding:4px 24px 16px;flex-direction:column}
.nav-mobile a{font-size:18px;font-weight:500;letter-spacing:-.01em;text-decoration:none;padding:14px 0;border-bottom:1px solid #F3EEEE;color:#121011}
.nav-mobile a.is-active{color:#5B1A24}
.progress{position:absolute;left:0;bottom:-1px;height:2px;background:#5B1A24;width:0}

/* Hero */
.hero-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"copy video" "cta video";column-gap:clamp(40px,6vw,88px);row-gap:32px;align-items:center}

/* Botões fixos */
.wa-float{position:fixed;right:24px;bottom:24px;z-index:60;width:58px;height:58px;border-radius:50%;background:#121011;color:#fff;display:grid;place-items:center;box-shadow:0 10px 28px rgba(18,16,17,.28);transition:background .2s}
.mobile-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #EEE8E8}
.site-footer{background:#121011;color:#BDB4B6;font-size:14px;padding:40px 24px 40px}

/* Lightbox */
.lightbox{display:none;position:fixed;inset:0;z-index:100;background:rgba(18,16,17,.9);align-items:center;justify-content:center;padding:16px;cursor:zoom-out}
.lightbox.is-open{display:flex}

@media (max-width:980px){
  .nav-desktop{display:none}
  .menu-btn{display:grid}
  .site-header.menu-open .nav-mobile{display:flex}
  .hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "video" "cta"}
  .wa-float{display:none}
  body:not(.agenda-visible) .mobile-bar{display:flex}
  .site-footer{padding-bottom:96px}
}

/* Em telas estreitas o logo + botão + menu não cabem no header:
   o agendamento continua na barra fixa inferior */
@media (max-width:520px){
  .header-cta{display:none}
}

/* Com uma coluna só, o título das Dúvidas fixo passaria por cima das perguntas */
@media (max-width:800px){
  .faq-title{position:static !important}
}