/* ===========================================================
   SANTA MADEIRA ARQUITETURA E CONSTRUÇÃO | style.css
   =========================================================== */

/* ===== CONFIGURAÇÕES EDITÁVEIS (cores, fontes, espaçamentos) ===== */
:root{
  --verde-escuro: #243f33;
  --verde-escuro-2: #1a2e26;
  --verde-marca: #5a9e81;
  --lima: #cad743;
  --off-white: #f7f5ef;
  --branco: #fffdf9;
  --texto: #23281f;
  --texto-suave: #5a5f54;
  --borda: rgba(35,40,31,0.12);

  --font-display: 'Archivo', Arial, Helvetica, sans-serif;
  --font-body: 'Jost', Arial, Helvetica, sans-serif;

  --container: 1240px;
  --radius: 2px;
  --transition: 0.5s cubic-bezier(.22,.61,.36,1);
}

/* ===== RESET ===== */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--texto);
  background:var(--off-white);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;margin:0;padding:0;}
button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit;}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;margin:0 0 .5em;line-height:1.12;}
p{margin:0 0 1em;line-height:1.7;color:var(--texto-suave);}
:focus-visible{outline:2px solid var(--lima);outline-offset:3px;}

.container{max-width:var(--container);margin:0 auto;padding:0 24px;}

.skip-link{
  position:absolute;left:-999px;top:0;background:var(--verde-escuro);color:#fff;
  padding:12px 20px;z-index:999;
}
.skip-link:focus{left:16px;top:16px;}

/* ===== TYPE HELPERS ===== */
.eyebrow{
  font-family:var(--font-body);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.75rem;
  color:var(--verde-marca);
  font-weight:500;
  margin-bottom:1em;
}
.eyebrow--light{color:var(--lima);}
.section-title{font-size:clamp(1.8rem,4vw,2.6rem);max-width:16ch;}
.section-title--light{color:var(--branco);}
.section-lead{max-width:56ch;font-size:1.05rem;}

.link-underline{
  display:inline-block;
  border-bottom:1px solid currentColor;
  padding-bottom:2px;
  font-weight:500;
  transition:opacity var(--transition);
}
.link-underline:hover{opacity:.6;}

/* ===== BUTTONS ===== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:16px 32px;
  font-size:.85rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-weight:500;
  border-radius:var(--radius);
  transition:transform var(--transition), background var(--transition), color var(--transition), box-shadow var(--transition);
  border:1px solid transparent;
  white-space:nowrap;
}
.btn--primary{background:var(--verde-escuro);color:var(--branco);}
.btn--primary:hover{background:var(--verde-marca);transform:translateY(-2px);}
.btn--secondary{background:var(--lima);color:var(--verde-escuro-2);}
.btn--secondary:hover{background:var(--branco);transform:translateY(-2px);}
.btn--ghost{border-color:currentColor;background:transparent;}
.btn--ghost:hover{background:rgba(36,63,51,.06);}
.btn--small{padding:11px 20px;font-size:.72rem;}
.btn--large{padding:20px 44px;font-size:.9rem;}

/* ===== HEADER ===== */
.header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:transparent;
  transition:background var(--transition), box-shadow var(--transition), padding var(--transition);
  padding:20px 0;
}
.header.is-scrolled{
  background:rgba(247,245,239,.92);
  backdrop-filter:blur(10px);
  box-shadow:0 1px 0 var(--borda);
  padding:12px 0;
}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.header__logo{position:relative;display:block;}
.header__logo-img{height:58px;width:auto;transition:height var(--transition), opacity var(--transition);}
.header.is-scrolled .header__logo-img{height:46px;}
.header__logo-img--dark{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0;}
.header__logo-img--light{opacity:1;}
.header.is-scrolled .header__logo-img--light{opacity:0;}
.header.is-scrolled .header__logo-img--dark{opacity:1;}

.nav{display:flex;align-items:center;gap:32px;}
.nav__list{display:flex;gap:28px;}
.nav__list a{
  font-size:.82rem;letter-spacing:.03em;font-weight:500;
  position:relative;padding:4px 0;
}
@media (min-width:861px){.header:not(.is-scrolled) .nav__list a{color:var(--branco);}}
.nav__list a::after{
  content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:currentColor;
  transition:width var(--transition);
}
.nav__list a:hover::after{width:100%;}

.menu-toggle{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:40px;height:40px;
}
.menu-toggle span{width:24px;height:2px;background:var(--branco);transition:transform var(--transition), opacity var(--transition);}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ===== HERO ===== */
.hero{
  position:relative;
  min-height:100svh;
  display:flex;align-items:flex-end;
  color:var(--branco);
  overflow:hidden;
}
.hero__media{position:absolute;inset:0;z-index:0;}
.hero__img{width:100%;height:100%;object-fit:cover;object-position:center;}
.hero__overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.6) 40%, rgba(0,0,0,.95) 100%);
}
.hero__content{position:relative;z-index:1;padding-bottom:min(10vh,90px);padding-top:140px;}
.hero__title{font-size:clamp(2.1rem,4.6vw,3.6rem);max-width:20ch;color:var(--branco);}
.hero__title em{font-style:italic;color:var(--lima);}
.hero__subtitle{max-width:48ch;font-size:1.05rem;color:rgba(255,253,249,.85);}
.hero__actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;}
.hero__actions .btn--ghost{color:var(--branco);}

.hero__scroll{
  position:absolute;bottom:28px;left:50%;transform:translateX(-50%);
  width:26px;height:42px;border:1px solid rgba(255,253,249,.6);border-radius:20px;
  z-index:1;
}
.hero__scroll span{
  display:block;width:4px;height:8px;background:var(--lima);border-radius:2px;
  margin:8px auto 0;animation:scrollDot 1.8s infinite;
}
@keyframes scrollDot{
  0%{transform:translateY(0);opacity:1;}
  70%{transform:translateY(14px);opacity:0;}
  100%{opacity:0;}
}

/* ===== SECTION BASE ===== */
.section{padding:min(14vw,120px) 0;}
.section--tight{padding:60px 0;}

/* ===== SOBRE ===== */
.about__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:min(8vw,90px);align-items:center;}
.about__media{position:relative;}
.about__media img{width:100%;height:auto;border-radius:var(--radius);}
.about__badge{
  position:absolute;left:-24px;bottom:-24px;
  background:var(--verde-escuro);color:var(--branco);
  padding:22px 26px;max-width:220px;
  box-shadow:0 20px 40px rgba(26,46,38,.25);
}
.about__badge-number{display:block;font-family:var(--font-display);font-size:2.2rem;color:var(--lima);line-height:1;}
.about__badge-label{display:block;font-size:.75rem;letter-spacing:.03em;margin-top:6px;color:rgba(255,253,249,.85);}
.about__text h2{font-size:clamp(1.8rem,3.6vw,2.5rem);}
.about__emphasis{font-family:var(--font-display);font-style:italic;font-size:1.15rem;color:var(--texto);}

/* ===== DIFERENCIAL ===== */
.diferencial{background:var(--verde-escuro-2);color:var(--branco);}
.diferencial p{color:rgba(255,253,249,.78);}
.diferencial__grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:1px;background:rgba(255,253,249,.12);
  margin-top:56px;border:1px solid rgba(255,253,249,.12);
}
.diferencial__card{
  background:var(--verde-escuro-2);
  padding:36px 28px;
  transition:background var(--transition);
}
.diferencial__card:hover{background:var(--verde-escuro);}
.diferencial__index{font-family:var(--font-display);font-size:1.1rem;color:var(--lima);}
.diferencial__card h3{color:var(--branco);font-size:1.2rem;margin-top:14px;}
.diferencial__cta{text-align:center;margin-top:56px;}

/* ===== PORTFOLIO ===== */
.portfolio__filters{display:flex;gap:10px;flex-wrap:wrap;margin:36px 0 40px;}
.filter-btn{
  padding:10px 20px;border:1px solid var(--borda);border-radius:30px;
  font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;
  transition:background var(--transition), color var(--transition), border-color var(--transition);
}
.filter-btn:hover{border-color:var(--verde-marca);}
.filter-btn.is-active{background:var(--verde-escuro);color:var(--branco);border-color:var(--verde-escuro);}

.portfolio__grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
}
.portfolio-card{position:relative;overflow:hidden;border-radius:var(--radius);}
.portfolio-card[hidden]{display:none;}
.portfolio-card__media{aspect-ratio:4/5;overflow:hidden;}
.portfolio-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.22,.61,.36,1);}
.portfolio-card:hover .portfolio-card__media img{transform:scale(1.06);}
.portfolio-card__info{
  position:absolute;left:0;right:0;bottom:0;
  padding:22px;
  background:linear-gradient(0deg, rgba(26,46,38,.92) 0%, rgba(26,46,38,0) 100%);
  color:var(--branco);
}
.portfolio-card__tag{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--lima);}
.portfolio-card__info h3{font-size:1.15rem;margin:6px 0 2px;color:var(--branco);}
.portfolio-card__info p{font-size:.82rem;margin:0;color:rgba(255,253,249,.75);}
.portfolio__note{margin-top:28px;font-size:.8rem;color:var(--texto-suave);font-style:italic;}
.portfolio__note code{background:rgba(35,40,31,.06);padding:2px 6px;border-radius:3px;}

/* ===== VIDEO ===== */
.video-section{background:var(--verde-escuro-2);color:var(--branco);}
.video-section p{color:rgba(255,253,249,.78);}
.video__grid{display:grid;grid-template-columns:1fr .6fr;gap:min(8vw,80px);align-items:center;}
.video__player{
  position:relative;max-width:360px;margin:0 auto;
  aspect-ratio:9/16;border-radius:14px;overflow:hidden;
  box-shadow:0 30px 60px rgba(0,0,0,.35);
  border:1px solid rgba(255,253,249,.12);
}
.video__el{width:100%;height:100%;object-fit:cover;background:#000;}
.video__play{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(26,46,38,.28);transition:opacity var(--transition);
}
.video__play.is-hidden{opacity:0;pointer-events:none;}
.video__play-icon{
  width:64px;height:64px;border-radius:50%;background:var(--lima);
  position:relative;
}
.video__play-icon::after{
  content:'';position:absolute;top:50%;left:56%;transform:translate(-50%,-50%);
  border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--verde-escuro-2);
}

/* ===== DEPOIMENTOS ===== */
.depoimentos__track{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px;
}
.depoimento-card{
  margin:0;background:var(--branco);border:1px solid var(--borda);
  padding:32px 28px;border-radius:var(--radius);
}
.depoimento-card--placeholder{opacity:.55;border-style:dashed;}
.depoimento-card p{font-family:var(--font-display);font-size:1.15rem;color:var(--texto);font-style:italic;margin-bottom:20px;}
.depoimento-card footer{display:flex;flex-direction:column;gap:2px;}
.depoimento-card__name{font-weight:500;font-size:.85rem;}
.depoimento-card__loc{font-size:.75rem;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.05em;}

/* ===== REGIOES ===== */
.regioes__grid{display:grid;grid-template-columns:1fr .8fr;gap:min(8vw,80px);align-items:center;}
.regioes__list{display:flex;flex-direction:column;gap:14px;margin:28px 0 32px;}
.regioes__list li{
  display:flex;align-items:center;gap:14px;
  font-family:var(--font-display);font-size:1.3rem;
  padding-bottom:14px;border-bottom:1px solid var(--borda);
}
.regioes__list li::before{
  content:'';width:8px;height:8px;border-radius:50%;background:var(--lima);flex-shrink:0;
}
.regioes__map-card{
  position:relative;background:var(--verde-escuro-2);border-radius:6px;
  padding:clamp(40px,7vw,88px) clamp(28px,6vw,72px) clamp(48px,7vw,80px);
  box-shadow:0 30px 60px rgba(26,46,38,.18);
}
.regioes__map{width:100%;max-width:420px;height:auto;margin:0 auto;display:block;overflow:visible;}
.map-state path{
  fill:rgba(202,215,67,.03);stroke:#cad743;stroke-width:2;stroke-linejoin:round;
  transition:fill .35s ease, stroke-width .35s ease, filter .35s ease;cursor:pointer;
}
.map-state text{
  font-family:var(--font-display);font-weight:600;font-size:24px;fill:var(--branco);
  text-anchor:middle;pointer-events:none;transition:fill .35s ease;
}
.map-state:hover path,.map-state:focus-visible path,.map-state.is-active path{
  fill:#cad743;stroke-width:2.6;filter:drop-shadow(0 0 14px rgba(202,215,67,.55));
}
.map-state:hover text,.map-state:focus-visible text,.map-state.is-active text{fill:var(--verde-escuro-2);}
.map-state:focus{outline:none;}
.map-tooltip{
  position:absolute;left:0;top:0;pointer-events:none;z-index:2;
  background:var(--branco);color:var(--texto);padding:12px 16px;border-radius:4px;
  font-size:.8rem;line-height:1.4;max-width:220px;
  box-shadow:0 12px 30px rgba(0,0,0,.25);
  opacity:0;transform:translate(-50%,calc(-100% - 14px));transition:opacity .2s ease;
}
.map-tooltip.is-visible{opacity:1;}
.map-tooltip__state{display:block;font-family:var(--font-display);font-size:.95rem;color:var(--verde-escuro);margin-bottom:2px;}
.regioes__map-hint{
  text-align:center;margin:28px 0 0;font-size:.78rem;letter-spacing:.04em;color:rgba(255,253,249,.6);
}
.regioes__link{transition:color .3s ease;}
.regioes__link:hover,.regioes__link.is-active{color:var(--verde-marca);}
@media (hover:hover){.regioes__map-hint{display:none;}}

/* ===== FAQ ===== */
.faq__list{max-width:820px;margin-top:36px;}
.faq-item{border-bottom:1px solid var(--borda);}
.faq-item__question{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:22px 4px;text-align:left;font-family:var(--font-display);font-size:1.1rem;
}
.faq-item__icon{position:relative;width:16px;height:16px;flex-shrink:0;}
.faq-item__icon::before,.faq-item__icon::after{
  content:'';position:absolute;background:var(--verde-escuro);transition:transform var(--transition);
}
.faq-item__icon::before{left:0;top:50%;width:100%;height:1px;transform:translateY(-50%);}
.faq-item__icon::after{top:0;left:50%;width:1px;height:100%;transform:translateX(-50%);}
.faq-item__question[aria-expanded="true"] .faq-item__icon::after{transform:translateX(-50%) rotate(90deg);opacity:0;}

.faq-item__answer{
  max-height:0;overflow:hidden;transition:max-height var(--transition), padding var(--transition);
}
.faq-item__answer p{padding-bottom:0;margin:0 4px 22px;max-width:64ch;}
.faq-item.is-open .faq-item__answer{max-height:300px;}

/* ===== CTA FINAL ===== */
.cta-final{position:relative;color:var(--branco);text-align:center;padding:min(16vw,150px) 0;}
.cta-final__media{position:absolute;inset:0;z-index:0;}
.cta-final__media img{width:100%;height:100%;object-fit:cover;}
.cta-final__overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(26,46,38,.75), rgba(26,46,38,.9));}
.cta-final__content{position:relative;z-index:1;max-width:620px;}
.cta-final h2{color:var(--branco);font-size:clamp(1.9rem,4.4vw,2.8rem);}
.cta-final p{color:rgba(255,253,249,.85);margin-bottom:32px;}

/* ===== FOOTER ===== */
.footer{background:var(--verde-escuro-2);color:rgba(255,253,249,.7);padding:70px 0 0;}
.footer__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:48px;padding-bottom:50px;border-bottom:1px solid rgba(255,253,249,.1);}
.footer__brand img{width:auto;height:72px;margin-bottom:20px;}
.footer__brand p{color:rgba(255,253,249,.6);max-width:32ch;}
.footer__social{display:flex;gap:18px;margin-top:14px;}
.footer__social a{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,253,249,.3);padding-bottom:2px;}
.footer h4{color:var(--branco);font-family:var(--font-body);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px;font-weight:500;}
.footer__col ul{display:flex;flex-direction:column;gap:10px;font-size:.88rem;}
.footer__col a:hover{color:var(--lima);}
.footer__bottom{padding:24px;text-align:center;font-size:.75rem;}

/* ===== WHATSAPP FLOAT ===== */
.whatsapp-float{
  position:fixed;right:20px;bottom:20px;z-index:90;
  width:56px;height:56px;border-radius:50%;
  background:var(--verde-escuro);color:var(--branco);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 28px rgba(26,46,38,.35);
  transition:transform var(--transition), background var(--transition);
}
.whatsapp-float svg{width:28px;height:28px;}
.whatsapp-float:hover{transform:scale(1.08);background:var(--verde-marca);}

/* ===== SCROLL REVEAL ===== */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,.61,.36,1), transform .8s cubic-bezier(.22,.61,.36,1);}
.reveal.is-visible{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
}

/* ===========================================================
   RESPONSIVE
   =========================================================== */
@media (max-width:1080px){
  .about__grid,.video__grid,.regioes__grid{grid-template-columns:1fr;}
  .about__media{margin-bottom:8px;}
  .portfolio__grid{grid-template-columns:repeat(2,1fr);}
  .depoimentos__track{grid-template-columns:1fr;}
}

@media (max-width:860px){
  .nav{
    position:fixed;top:0;right:0;height:100vh;width:min(320px,84vw);
    background:var(--off-white);
    flex-direction:column;align-items:flex-start;justify-content:flex-start;
    padding:110px 32px 40px;gap:40px;
    transform:translateX(100%);
    transition:transform var(--transition);
    box-shadow:-10px 0 40px rgba(0,0,0,.12);
  }
  .nav.is-open{transform:translateX(0);}
  .nav__list{flex-direction:column;gap:22px;}
  .nav__list a{font-size:1.05rem;}
  .menu-toggle{display:flex;}
  .about__badge{position:static;margin-top:0;max-width:100%;display:flex;align-items:center;gap:14px;box-shadow:none;border-radius:0 0 var(--radius) var(--radius);}
  .about__media img{border-radius:var(--radius) var(--radius) 0 0;}
  .about__badge-label{margin-top:0;}
}

@media (max-width:640px){
  .section{padding:64px 0;}
  .portfolio__grid{grid-template-columns:1fr 1fr;gap:12px;}
  .hero__content{padding-top:110px;}
  .hero__actions{flex-direction:column;align-items:stretch;}
  .hero__actions .btn{width:100%;}
  .diferencial__grid{grid-template-columns:1fr;}
  .footer__grid{grid-template-columns:1fr;gap:36px;}
  .whatsapp-float{width:50px;height:50px;right:14px;bottom:14px;}
  .whatsapp-float svg{width:24px;height:24px;}
}

@media (max-width:400px){
  .portfolio__grid{grid-template-columns:1fr;}
}

/* Menu hamburguer: branco sobre o hero, verde quando o header fica claro ou o menu abre */
.header.is-scrolled .menu-toggle span,
.menu-toggle[aria-expanded="true"] span{background:var(--verde-escuro);}
.menu-toggle{position:relative;z-index:2;}

/* Depoimentos: centraliza quando há poucos cards visíveis */
.depoimentos__track{grid-template-columns:repeat(auto-fit,minmax(280px,440px));justify-content:start;}
.depoimentos__track{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;}
.depoimento-card p{font-size:1.05rem;line-height:1.6;}
.depoimentos__more{margin-top:36px;}
.depoimentos__track{grid-template-columns:repeat(3,1fr);}
@media (max-width:1080px){.depoimentos__track{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.depoimentos__track{grid-template-columns:1fr;}}