/* ============================================================
   BAUHAUS PORTUGAL — Direção 10 · ÍNDIGO & ARGILA
   Base clara e quente (areia) + estrutura navy + acento terracota.
   Sem amarelo — o único dourado é o crachá do logótipo.
   Areia #EFE7D8 · Argila clara #C9A98C · Navy #1F2A3C
   Terracota #A65A3C · Grafite #3A3730
   Tipografia: Cormorant Garamond (títulos ~400) + Manrope (400–500)
   Carregado depois de style.css.
   ============================================================ */
:root{
  --nd:#EFE7D8;                        /* fundo principal — areia */
  --n:#EFE7D8;
  --n2:#EFE7D8;
  --g:#A65A3C;                         /* terracota — acentos e botões */
  --gl:#C9A98C;                        /* argila clara — realces suaves */
  --gp:#A65A3C;
  --t:#1F2A3C;                         /* navy — títulos e texto estrutural */
  --ts:rgba(58,55,48,.85);             /* grafite — texto corrente */
  --td:rgba(58,55,48,.55);
  --l:rgba(31,42,60,.14);
  --ls:rgba(31,42,60,.26);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Manrope',system-ui,sans-serif;
  --navy:#1F2A3C; --sand:#EFE7D8; --clay:#C9A98C; --terra:#A65A3C; --graf:#3A3730;
}
body{background:var(--sand);color:var(--graf);font-weight:400}

/* ---------- pesos ---------- */
.hero h1,.st,.page-hero h1,.f-q,.show-copy h3,.nf-big,.num b,.gc-step,.gc-num,.mq-item,.hero-sub{font-weight:400}
.gc h3,.icard-body h3,.rail-item h3,.vlist h3,.faq-q,.prose h3{font-weight:500}
.sd,.gc p,.hero-desc,.prose p{font-weight:400}
.nav-links a,.btn-gold,.btn-outline,.nav-cta,.gc-label,.so span,.fl,.field label,
.c-lbl,.foot-col h4,.map-city,.test-a,.f-name{font-weight:600;letter-spacing:.16em}

/* ---------- chrome / navegação (areia) ---------- */
.topbar{background:rgba(239,231,216,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(31,42,60,.08)}
.topbar.scrolled{background:rgba(239,231,216,.98);border-bottom:1px solid var(--l);box-shadow:0 8px 30px rgba(31,42,60,.08)}
.brand-text{color:var(--navy)}
.brand-text small{color:var(--terra)}
.nav-links a{color:rgba(58,55,48,.72)}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--terra)}
.dropdown,.lang-menu,.drawer{background:rgba(239,231,216,.99);border-color:var(--l);box-shadow:0 24px 60px rgba(31,42,60,.16)}
.dropdown a,.lang-menu button,.drawer a{color:rgba(58,55,48,.75)}
.dropdown a:hover{background:rgba(201,169,140,.22);border-left-color:var(--terra);color:var(--navy)}
[dir="rtl"] .dropdown a:hover{border-right-color:var(--terra)}
.lang-menu button:hover{background:rgba(201,169,140,.22);color:var(--navy)}
.lang-menu button[aria-current="true"]{color:var(--terra)}
.lang-btn{color:var(--navy);border-color:var(--ls)}
.lang-btn:hover{border-color:var(--navy)}
.mob-tog{border-color:var(--ls)}
.mob-tog span{background:var(--navy)}
.drawer a:hover,.drawer a[aria-current="page"]{color:var(--terra)}
.drawer .dgroup-label{color:var(--terra)}
.drawer-lang button{border-color:var(--l);color:rgba(58,55,48,.72)}
.drawer-lang button[aria-current="true"]{color:var(--terra);border-color:var(--ls)}

/* ---------- botões: terracota na dose certa ---------- */
.btn-gold,.nav-cta{background:var(--terra);color:var(--sand);background-image:none}
.btn-gold:hover,.nav-cta:hover{box-shadow:0 10px 30px rgba(166,90,60,.35);transform:translateY(-2px);background:var(--terra)}
.btn-outline{border-color:var(--ls);color:var(--navy)}
.btn-outline:hover{border-color:var(--terra);color:var(--terra);background:rgba(166,90,60,.06)}

/* ---------- hero (faixa navy estrutural) ---------- */
.hero-bg{background:radial-gradient(120% 120% at 80% 10%,rgba(166,90,60,.16),transparent 48%),linear-gradient(158deg,#28364C 0%,var(--navy) 62%)}
.hero-bg::after{background-image:linear-gradient(rgba(239,231,216,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(239,231,216,.05) 1px,transparent 1px)}
.hero-line{background:linear-gradient(180deg,transparent,rgba(201,169,140,.28),transparent)}
.hero h1{color:var(--sand)}
.hero h1 em{color:var(--clay)}
.hero-sub{color:rgba(201,169,140,.95)}
.hero-desc{color:rgba(239,231,216,.68)}
.hero .btn-outline{color:rgba(239,231,216,.9);border-color:rgba(239,231,216,.35)}
.hero .btn-outline:hover{border-color:var(--sand);color:var(--sand);background:rgba(239,231,216,.08)}
.hero-trust-item .dot{background:var(--terra);animation:none;box-shadow:0 0 0 4px rgba(166,90,60,.2)}
.hero-trust-item span{color:rgba(239,231,216,.68)}

/* ---------- hero páginas internas (navy) ---------- */
.page-hero{border-bottom:1px solid rgba(31,42,60,.14)}
.page-hero h1{color:var(--sand)}
.page-hero p{color:rgba(239,231,216,.68)}
.page-hero .breadcrumb{color:rgba(239,231,216,.42)}
.page-hero .breadcrumb a{color:rgba(239,231,216,.62)}
.page-hero .breadcrumb a:hover,.page-hero .breadcrumb [aria-current="page"]{color:var(--clay)}
.page-hero .breadcrumb span.sep{color:rgba(201,169,140,.35)}

/* ---------- marquee (argila clara) ---------- */
.mq{background:rgba(201,169,140,.3);border-color:var(--l)}
.mq-item{color:rgba(58,55,48,.55)}
.mq-item::after{content:'·';color:var(--terra);font-size:1.1rem}

/* ---------- números ---------- */
.num b{color:var(--terra)}
.num span{color:var(--ts)}

/* ---------- secções ---------- */
.so::before{background:var(--terra)}
.so span{color:var(--terra)}
.st{color:var(--navy)}
.sd{color:var(--ts)}

/* ---------- cartões areia/argila ---------- */
.numbers,.g2,.g3,.g4,.g5,.facts,.sus,.f-grid,.show-grid,.lead-grid{background:rgba(239,231,216,.6)}
.gc:hover,.icard:hover{background:rgba(201,169,140,.16)}
.gc h3{color:var(--navy)}
.gc p{color:var(--ts)}
.gc-label{color:var(--terra)}
.gc-num{color:rgba(31,42,60,.1)}
.gc-step{color:var(--terra)}
.gc-more{color:var(--terra)}
.icard-img,.f-photo,.sus-img,.gallery button{background:rgba(201,169,140,.35)}

/* ---------- faixas navy estruturais (.map-s · fundador · rodapé) ---------- */
.map-s,.founder{background:linear-gradient(160deg,#28364C,var(--navy));border-top:1px solid rgba(31,42,60,.25);border-bottom:1px solid rgba(31,42,60,.25)}
.map-s .st,.founder .st,.map-s .gc h3,.map-s .icard-body h3,.founder h3,.map-s .test-q,.founder .f-q,.map-s .c-val,.map-s h2,.map-s h3{color:var(--sand)}
.map-s .sd,.map-s .gc p,.map-s p,.founder .f-bio p,.founder .f-q2,.map-s .cta-desc{color:rgba(239,231,216,.66)}
.map-s .so span,.founder .so span,.map-s .map-city,.map-s .gc-label,.map-s .gc-step,.map-s .test-a,.founder .f-name,.map-s .fk{color:var(--clay)}
.map-s .fv{color:var(--sand)}
.map-s .so::before,.founder .so::before{background:var(--terra)}
.map-s .g2,.map-s .g3,.map-s .g4,.map-s .g5,.map-s .facts,.map-s .gc,.founder .f-grid,.founder .f-content,.map-s .contact-block,.map-s .icard{background:transparent;border-color:rgba(239,231,216,.15)}
.map-s .gc:hover,.map-s .icard:hover{background:rgba(239,231,216,.05)}
.map-s .icard-img,.founder .f-photo{background:#28364C}
.map-s .gc-num{color:rgba(239,231,216,.09)}
.map-s .gc-more,.map-s .c-val a{color:var(--clay)}
.map-s .c-val a:hover{color:var(--sand)}
.founder .f-role{color:rgba(239,231,216,.48)}
.map-s .btn-outline,.founder .btn-outline{color:rgba(239,231,216,.85);border-color:rgba(239,231,216,.32)}
.map-s .btn-outline:hover,.founder .btn-outline:hover{border-color:var(--sand);color:var(--sand);background:rgba(239,231,216,.06)}
.map-s .contact-row,.founder .f-bio{border-color:rgba(239,231,216,.15)}
.map-s .c-lbl{color:var(--clay)}
.map-s .sus-list li{color:rgba(239,231,216,.7);border-color:rgba(239,231,216,.13)}
.map-s .sus-list li::before{color:var(--terra)}

/* ---------- showcase / overlays ---------- */
.show-item::before{background:linear-gradient(180deg,rgba(31,42,60,.08),rgba(31,42,60,.7))}
.show-copy h3{color:var(--sand)}
.show-copy p{color:rgba(239,231,216,.82)}

/* ---------- listas / testemunhos ---------- */
.sus-list li{color:var(--ts);border-color:var(--l)}
.sus-list li::before{content:'·';color:var(--terra);font-size:1.2rem}
.test-q{color:var(--navy)}
.test-a{color:var(--terra)}

/* ---------- lead / formulários (argila clara) ---------- */
.lead{background:rgba(201,169,140,.24);border-color:var(--l)}
.lead-copy .urgency{color:var(--terra)}
.form{background:rgba(201,169,140,.18)}
.form input,.form textarea,.form select{background:rgba(239,231,216,.85);border-color:var(--ls);color:var(--navy)}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--terra)}
.form input::placeholder,.form textarea::placeholder{color:rgba(58,55,48,.4)}
.form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%231F2A3C' stroke-width='1.5' fill='none'/%3E%3C/svg%3E")}
.fl,.field label{color:var(--terra)}
.consent{color:var(--ts)}
.consent input{accent-color:var(--terra)}
.consent a{color:var(--terra)}
.form-note{color:var(--td)}
.form-msg.ok{color:#6B3A20;border-color:var(--terra);background:rgba(166,90,60,.1)}
.form-msg.error{color:#7A2E14;border-color:var(--terra);background:rgba(166,90,60,.14)}
.form input:user-invalid,.form textarea:user-invalid,.form select:user-invalid{border-color:var(--terra)}

/* ---------- contactos ---------- */
.contact-block{background:rgba(201,169,140,.18);border-color:var(--l)}
.c-lbl{color:var(--terra)}
.c-val{color:var(--navy)}
.c-val a:hover{color:var(--terra)}
.map-embed{filter:grayscale(.3) sepia(.1) contrast(.98)}

/* ---------- FAQ ---------- */
.faq-q{color:var(--navy)}
.faq-q::after{color:var(--terra)}
.faq-a p{color:var(--ts)}
.faq-item{border-color:var(--l)}

/* ---------- prose / rail / facts ---------- */
.prose p,.prose li{color:var(--ts)}
.prose li::before{content:'·';color:var(--terra);font-size:1.2rem;top:4px}
.prose a{color:var(--terra)}
.prose h2{color:var(--navy)}
.rail{border-color:var(--l)}
.rail-item::before{background:var(--sand);border-color:var(--terra)}
.rail-step{color:var(--terra)}
.facts{background:rgba(201,169,140,.16)}
.facts .fk{color:var(--terra)}
.facts .fv{color:var(--navy)}

/* ---------- rodapé (navy — o mesmo azul do crachá) ---------- */
footer{background:var(--navy);border-top:1px solid rgba(31,42,60,.3)}
.foot-brand .brand-text{color:var(--sand)}
.foot-brand .brand-text small{color:var(--clay)}
.foot-brand p{color:rgba(239,231,216,.6)}
.foot-col h4{color:var(--clay)}
.foot-col a,.foot-bottom p,.foot-bottom a{color:rgba(239,231,216,.55)}
.foot-col a:hover,.foot-bottom a:hover{color:var(--sand)}
.foot-grid,.foot-bottom{border-color:rgba(239,231,216,.13)}
.foot-social a{border-color:rgba(239,231,216,.18);color:rgba(239,231,216,.6)}
.foot-social a:hover{color:var(--sand);border-color:rgba(239,231,216,.4)}

/* ---------- cookies ---------- */
.cookie{background:rgba(239,231,216,.99);border-color:var(--ls);box-shadow:0 24px 60px rgba(31,42,60,.2)}
.cookie p{color:var(--ts)}
.cookie p a{color:var(--terra)}

/* ---------- lightbox / antes-depois ---------- */
.lightbox{background:rgba(31,42,60,.96)}
.lightbox-close,.lightbox-nav{background:rgba(239,231,216,.12);border-color:rgba(239,231,216,.3);color:var(--sand)}
.lightbox-close:hover,.lightbox-nav:hover{background:rgba(239,231,216,.24)}
.lightbox img{border-color:rgba(239,231,216,.3)}
.ba{border-color:var(--l)}
.ba-handle{background:var(--terra)}
.ba-handle::before{background:var(--navy);border-color:var(--terra);color:var(--sand)}
.ba-tag{color:var(--sand);background:rgba(31,42,60,.65);border-color:rgba(239,231,216,.2)}

/* ---------- 404 ---------- */
.nf-big{color:rgba(166,90,60,.16)}