:root{
  --paper:#F2EFEA;
  --paper-alt:#E9E4DB;
  --ink:#171614;
  --orange:#FF6B15;
  --orange-dark:#C65310;
  --steel:#2B2E33;
  --steel-2:#3B4048;
  --yellow:#F5B700;
  --line: rgba(23,22,20,0.14);
  --line-invert: rgba(242,239,234,0.22);
  --radius: 2px;
  --display: 'Big Shoulders Display', sans-serif;
  --body: 'Inter', sans-serif;
  --mono: 'Space Mono', monospace;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--body);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{animation-duration:.001ms !important; transition-duration:.001ms !important;}
}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:.75rem 1.25rem;z-index:999;}
.skip-link:focus{left:1rem;top:1rem;}

.wrap{max-width:1180px;margin:0 auto;padding:0 1.5rem;}

a{color:inherit;}
h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.02;margin:0 0 .6em;letter-spacing:.01em;text-transform:uppercase;}
h1{font-size:clamp(2.4rem,6vw,4.6rem);}
h2{font-size:clamp(1.9rem,4vw,2.9rem);}
h3{font-size:1.3rem;}
p{margin:0 0 1em;}

.eyebrow{font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin:0 0 1rem;}
.eyebrow-dark{color:var(--orange-dark);}

button, input, select, textarea{font-family:var(--body);font-size:1rem;}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:.9rem 1.6rem;border-radius:var(--radius);border:1px solid transparent;transition:transform .15s ease, background .2s ease, color .2s ease;}
.btn-solid{background:var(--orange);color:var(--paper);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));}
.btn-solid:hover{background:var(--orange-dark);transform:translateY(-2px);}
.btn-line{border-color:var(--ink);color:var(--ink);}
.btn-line:hover{background:var(--ink);color:var(--paper);}
.btn-line-invert{border-color:var(--line-invert);color:var(--paper);}
.btn-line-invert:hover{background:var(--paper);color:var(--ink);}
.btn-full{width:100%;justify-content:center;}

/* ===== Header ===== */
.site-header{position:sticky;top:0;z-index:100;background:rgba(242,239,234,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem 1.5rem;}
.logo{display:flex;align-items:center;line-height:1;text-decoration:none;}
.logo-img{height:34px;width:auto;display:block;}
.main-nav{display:flex;gap:1.8rem;font-family:var(--mono);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;}
.main-nav a{text-decoration:none;position:relative;padding-bottom:2px;}
.main-nav a:hover{color:var(--orange-dark);}
.header-cta{display:flex;align-items:center;gap:1rem;}
.header-phone{font-family:var(--mono);font-size:.85rem;}
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:0;cursor:pointer;}
.nav-toggle span{display:block;height:2px;background:var(--ink);}
.mobile-nav{display:none;flex-direction:column;gap:1rem;padding:1.2rem 1.5rem 1.6rem;border-top:1px solid var(--line);background:var(--paper);}
.mobile-nav a{text-decoration:none;font-family:var(--mono);text-transform:uppercase;font-size:.9rem;}
.mobile-nav.is-open{display:flex;}

@media (max-width:900px){
  .main-nav, .header-cta{display:none;}
  .nav-toggle{display:flex;}
}

/* ===== Hero ===== */
.hero{position:relative;padding:6.5rem 0 5rem;overflow:hidden;}
.hero-wrap{position:relative;}
.hero-inner{position:relative;max-width:880px;z-index:1;margin:0 auto;text-align:center;}
.hero h1{margin-bottom:.7em;}
.cut-underline{display:block;position:relative;color:var(--orange);margin-top:.15em;}
.cut-underline::after{content:'';position:absolute;left:0;bottom:-.1em;width:100%;height:.09em;background:repeating-linear-gradient(90deg,var(--ink) 0 10px,transparent 10px 16px);animation:cutline 1.4s steps(24) 1 both;animation-delay:.3s;}
@keyframes cutline{from{clip-path:inset(0 100% 0 0);}to{clip-path:inset(0 0 0 0);}}
.hero-lead{max-width:52ch;font-size:1.08rem;color:#3a3733;margin-left:auto;margin-right:auto;}
.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:1.8rem 0 2.4rem;}
.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:0 1.6rem;list-style:none;padding:0;margin:0;font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#6b675f;}
.hero-tags li::before{content:'— ';}


/* ===== About ===== */
.about{padding:5rem 0;border-top:1px solid var(--line);}
.about-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:3.5rem;align-items:start;}
.about-copy blockquote{margin:1.6rem 0 0;padding-left:1.1rem;border-left:3px solid var(--orange);font-style:italic;font-size:1.05rem;color:#3a3733;}
.about-stats{display:flex;flex-direction:column;gap:1.1rem;}
.stat-card{background:var(--paper-alt);border:1px solid var(--line);padding:1.6rem;opacity:0;transform:translateY(14px);transition:opacity .5s ease, transform .5s ease;}
.stat-card.is-visible{opacity:1;transform:translateY(0);}
.stat-num{display:block;font-family:var(--display);font-weight:900;font-size:2.4rem;color:var(--orange-dark);line-height:1;}
.stat-label{font-family:var(--mono);font-size:.8rem;color:#55524b;display:block;margin-top:.5rem;}

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

/* ===== Services ===== */
.services{padding:5rem 0;background:var(--steel);color:var(--paper);}
.services .eyebrow-dark{color:var(--yellow);}
.services h2{color:var(--paper);}
.section-lead{max-width:60ch;color:#c8c5bd;}
.service-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-invert);margin-top:2.5rem;}
.service-group{background:var(--steel);padding:2rem 1.6rem;opacity:0;transform:translateY(14px);transition:opacity .5s ease, transform .5s ease;}
.service-group.is-visible{opacity:1;transform:translateY(0);}
.service-icon{width:42px;height:42px;color:var(--orange);display:block;margin:0 auto 1.1rem;}
.service-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;gap:.5rem;margin-bottom:1.1rem;}
.service-index{grid-column:1;justify-self:start;font-family:var(--mono);color:var(--orange);font-size:.85rem;}
.service-group h3{grid-column:2;margin:0;font-size:1.1rem;text-align:center;}
.service-group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem;font-size:.92rem;color:#d9d6cf;}
.service-group li{position:relative;padding-left:1rem;}
.service-group li::before{content:'';position:absolute;left:0;top:.55em;width:6px;height:1px;background:var(--orange);}

@media (max-width:950px){.service-groups{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.service-groups{grid-template-columns:1fr;}}

/* ===== Method ===== */
.method{padding:5rem 0;}
.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.5rem;}
.method-step{border-top:2px solid var(--ink);padding-top:1.2rem;opacity:0;transform:translateY(14px);transition:opacity .5s ease, transform .5s ease;}
.method-step.is-visible{opacity:1;transform:translateY(0);}
.step-num{font-family:var(--display);font-weight:900;font-size:2.2rem;color:var(--orange);display:block;margin-bottom:.4rem;}
.method-step p{color:#4a463f;font-size:.96rem;}

@media (max-width:800px){.method-steps{grid-template-columns:1fr;}}

/* ===== Mission ===== */
.mission{background:var(--ink);color:var(--paper);padding:4.5rem 0;text-align:center;}
.mission-text{font-family:var(--display);font-weight:700;font-size:clamp(1.4rem,3.4vw,2.1rem);text-transform:uppercase;line-height:1.25;max-width:850px;margin:0 auto 1.8rem;}
.mission-text em{color:var(--orange);font-style:normal;}

/* ===== Clients ===== */
.clients{padding:5rem 0 3rem;}
.clients h2{max-width:30ch;}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:2.5rem;padding:1.4rem 0;}
.marquee-track{display:flex;gap:3.5rem;width:max-content;animation:scroll 28s linear infinite;}
.marquee-track span{font-family:var(--display);font-weight:800;font-size:1.6rem;text-transform:uppercase;color:#8a8579;white-space:nowrap;}
@keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ===== Contact ===== */
.contact{padding:5rem 0 0;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start;}
.contact-details{list-style:none;padding:0;margin:2rem 0 0;display:flex;flex-direction:column;gap:1.1rem;}
.contact-details li{display:flex;flex-direction:column;gap:.15rem;font-size:.98rem;}
.contact-details a{text-decoration:none;}
.contact-details a:hover{color:var(--orange-dark);}
.contact-details span{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#8a8579;}

.contact-form{background:var(--paper-alt);border:1px solid var(--line);padding:2rem;display:flex;flex-direction:column;gap:1.1rem;}
.contact-form label{display:flex;flex-direction:column;gap:.4rem;font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#55524b;}
.contact-form input, .contact-form select, .contact-form textarea{border:1px solid var(--line);background:var(--paper);padding:.7rem .8rem;font-family:var(--body);color:var(--ink);border-radius:var(--radius);}
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus{outline:2px solid var(--orange);outline-offset:1px;}
.form-note{font-family:var(--body);font-size:.78rem;color:#8a8579;text-align:center;margin:0;}
.hp-field{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}
.contact-form .consent-field{flex-direction:row !important;align-items:flex-start !important;gap:.6rem !important;text-transform:none !important;font-family:var(--body) !important;font-size:.85rem !important;color:#3a3733 !important;letter-spacing:normal !important;}
.contact-form .consent-field input{width:16px !important;height:16px !important;flex-shrink:0;margin-top:.2rem;accent-color:var(--orange);}
.contact-form .consent-field a{color:var(--orange-dark);}
.form-feedback{font-family:var(--body);font-size:.85rem;text-align:center;margin:0;min-height:1.2em;}
.form-feedback.is-success{color:#2f7a3d;font-weight:600;}
.form-feedback.is-error{color:var(--orange-dark);font-weight:600;}
.btn:disabled{opacity:.65;cursor:default;}

.map-wrap{margin-top:4rem;border-top:1px solid var(--line);}
.map-wrap iframe{display:block;}
.map-link{display:block;text-align:center;padding:.9rem;font-family:var(--mono);font-size:.8rem;letter-spacing:.04em;color:var(--orange-dark);text-decoration:none;border-top:1px solid var(--line);background:var(--paper-alt);}
.map-link:hover{text-decoration:underline;}
.review-cta{display:inline-flex;align-items:center;gap:.7rem;padding:.75rem 1.1rem;margin-top:1.3rem;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);background:rgba(255,255,255,.04);text-decoration:none;transition:background .2s ease, border-color .2s ease;}
.review-cta:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.3);}
.review-cta-icon{width:24px;height:24px;flex-shrink:0;}
.review-cta-text{display:flex;flex-direction:column;gap:.15rem;}
.review-cta-text strong{font-family:var(--body);font-size:.85rem;color:var(--paper);}
.review-cta-stars{color:#F4B400;font-size:.78rem;letter-spacing:.1em;}

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

/* ===== Footer ===== */
.site-footer{background:var(--ink);color:var(--paper);margin-top:4.5rem;}
.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2.5rem;padding:3.5rem 1.5rem 2.5rem;}
.footer-brand .logo-img{height:32px;}
.footer-mark{height:112px;width:auto;display:block;}
.footer-brand p{font-family:var(--mono);font-size:.78rem;color:#a19d92;margin-top:.8rem;}
.footer-nav, .footer-social{display:flex;flex-direction:column;gap:.7rem;font-family:var(--mono);font-size:.82rem;text-transform:uppercase;}
.footer-nav a, .footer-social a{text-decoration:none;color:#d9d6cf;}
.footer-nav a:hover, .footer-social a:hover{color:var(--orange);}
.footer-bottom{border-top:1px solid var(--line-invert);padding:1.2rem 1.5rem;font-family:var(--mono);font-size:.72rem;color:#8a8579;text-align:center;}

/* ===== WhatsApp float ===== */
.wa-float{position:fixed;right:1.4rem;bottom:1.4rem;width:58px;height:58px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:200;animation:pulse 2.6s ease-in-out infinite;}
.wa-float svg{width:30px;height:30px;fill:#fff;}
.wa-float:hover{transform:scale(1.06);}
@keyframes pulse{0%,100%{box-shadow:0 6px 18px rgba(0,0,0,.25),0 0 0 0 rgba(37,211,102,.5);}50%{box-shadow:0 6px 18px rgba(0,0,0,.25),0 0 0 10px rgba(37,211,102,0);}}

/* ===== Legal pages (Termos / Privacidade) ===== */
.legal{padding:4.5rem 0 5rem;}
.legal .wrap{max-width:820px;}
.legal-updated{font-family:var(--mono);font-size:.8rem;color:#8a8579;margin-bottom:2.2rem;}
.legal-intro{font-size:1.02rem;color:#3a3733;margin-bottom:2.5rem;max-width:70ch;}
.legal h2{font-size:1.3rem;margin:2.4rem 0 .9rem;padding-top:1.6rem;border-top:1px solid var(--line);}
.legal h2:first-of-type{border-top:0;padding-top:0;margin-top:0;}
.legal p{margin:0 0 1rem;color:#3a3733;}
.legal ul{margin:0 0 1rem;padding-left:1.3rem;color:#3a3733;}
.legal li{margin-bottom:.5rem;}
.legal a{color:var(--orange-dark);}
.legal address{font-style:normal;}
.legal-box{background:var(--paper-alt);border:1px solid var(--line);padding:1.4rem 1.6rem;margin:0 0 1rem;}
.legal-box p:last-child{margin-bottom:0;}
.complaints-cta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;background:var(--paper-alt);border:1px solid var(--line);padding:1.6rem;margin-top:1rem;}
.complaints-cta img{height:52px;width:auto;flex-shrink:0;}
.complaints-cta .btn{flex-shrink:0;}

/* ===== Gallery / Trabalhos ===== */
.gallery{padding:5rem 0;border-top:1px solid var(--line);}
.gallery .wrap{margin-bottom:2.5rem;}
.section-lead-light{color:#6b675f;margin-top:.5rem;}
.gallery-wrap{position:relative;display:flex;align-items:center;gap:.75rem;padding:0 1.5rem;}
.gallery-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.25rem 0 1rem;flex:1;-webkit-overflow-scrolling:touch;}
.gallery-track::-webkit-scrollbar{height:6px;}
.gallery-track::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px;}
.gallery-slide{flex:0 0 auto;width:min(360px,78vw);aspect-ratio:4/3;scroll-snap-align:start;border-radius:var(--radius);overflow:hidden;cursor:zoom-in;position:relative;background:var(--paper-alt);border:1px solid var(--line);}
.gallery-slide img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.gallery-slide:hover img{transform:scale(1.05);}
.gallery-slide .zoom-hint{position:absolute;right:.6rem;bottom:.6rem;width:30px;height:30px;border-radius:50%;background:rgba(23,22,20,.72);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;pointer-events:none;}
.gallery-empty{font-family:var(--mono);font-size:.85rem;color:#8a8579;padding:2rem 0;}
.gallery-nav{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease, color .2s ease;}
.gallery-nav:hover:not(:disabled){background:var(--ink);color:var(--paper);}
.gallery-nav:disabled{opacity:.35;cursor:default;}

@media (max-width:700px){
  .gallery-wrap{padding:0 1rem;gap:.4rem;}
  .gallery-nav{width:36px;height:36px;font-size:1.2rem;}
  .gallery-slide{width:72vw;}
}

/* ===== Lightbox ===== */
.lightbox{position:fixed;inset:0;background:rgba(10,9,8,.94);z-index:1000;display:none;align-items:center;justify-content:center;}
.lightbox.is-open{display:flex;}
.lightbox-img{max-width:88vw;max-height:82vh;object-fit:contain;box-shadow:0 20px 60px rgba(0,0,0,.5);}
.lightbox-close{position:absolute;top:1.2rem;right:1.4rem;background:none;border:0;color:#fff;font-size:2.2rem;line-height:1;cursor:pointer;width:44px;height:44px;}
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fff;font-size:1.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.lightbox-nav:hover{background:rgba(255,255,255,.16);}
.lightbox-prev{left:1.2rem;}
.lightbox-next{right:1.2rem;}
.lightbox-count{position:absolute;bottom:1.4rem;left:50%;transform:translateX(-50%);color:#c8c5bd;font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;}

@media (max-width:700px){
  .lightbox-nav{width:42px;height:42px;font-size:1.4rem;}
  .lightbox-close{top:.8rem;right:.9rem;}
}

/* ===== FAQ ===== */
.faq{padding:5rem 0;border-top:1px solid var(--line);}
.faq .wrap{max-width:820px;}
.faq-list{margin-top:2rem;display:flex;flex-direction:column;gap:.75rem;}
.faq-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-alt);padding:1.1rem 1.4rem;}
.faq-item summary{cursor:pointer;font-weight:600;font-size:1rem;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:'+';font-family:var(--display);font-size:1.3rem;color:var(--orange-dark);flex-shrink:0;transition:transform .2s ease;}
.faq-item[open] summary::after{transform:rotate(45deg);}
.faq-item p{margin:.9rem 0 0;color:#3a3733;font-size:.96rem;}

/* ===== Modal de confirmação do formulário ===== */
.confirm-modal{position:fixed;inset:0;background:rgba(10,9,8,.72);z-index:1100;display:none;align-items:center;justify-content:center;padding:1.2rem;}
.confirm-modal.is-open{display:flex;}
.confirm-modal-box{background:var(--paper);border-radius:var(--radius);max-width:420px;width:100%;padding:2.4rem 2rem 2rem;text-align:center;position:relative;box-shadow:0 24px 60px rgba(0,0,0,.35);animation:modalPop .25s ease;}
@keyframes modalPop{from{transform:scale(.94);opacity:0;}to{transform:scale(1);opacity:1;}}
.confirm-modal-close{position:absolute;top:.8rem;right:1rem;background:none;border:0;font-size:1.6rem;line-height:1;color:#8a8579;cursor:pointer;}
.confirm-modal-close:hover{color:var(--ink);}
.confirm-modal-icon{width:56px;height:56px;border-radius:50%;background:#e7f4e9;color:#2f7a3d;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 1.1rem;}
.confirm-modal-icon.is-error{background:#fbe9e2;color:var(--orange-dark);}
.confirm-modal-box h3{font-family:var(--display);font-size:1.5rem;margin:0 0 .6rem;}
.confirm-modal-box p{color:#3a3733;margin:0 0 1.6rem;font-size:.95rem;}
