/* TEMA CONSTRUÇÃO — "Estrutura": industrial claro, slate + laranja de obra, tipografia técnica */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');

:root {
  --brand: #EA580C;
  --dark: #0F172A;
  --ink: #0F172A;
  --muted: #55627a;
  --paper: #ffffff;
  --soft: #F3F5F8;
  --line: #E1E6ee;
  --font-head: 'Archivo', sans-serif;
  --radius: 8px;
}

h1, h2, h3 { font-family: var(--font-head); font-weight: 800; letter-spacing: -0.02em; }
.kicker { color: var(--brand); }
.btn { border-radius: 6px; }
.btn-solid { background: var(--brand); color: #fff; }
.btn-solid:hover { filter: brightness(1.1); }

.brand-mark { letter-spacing: .26em; }
.brand-name { color: #fff; }
.topbar .brand-name { color: #fff; }
.footer .brand-name { color: #fff; }

/* hero técnico com faixa de medição */
.hero-badge { background: rgba(234,88,12,.18); border-color: rgba(234,88,12,.4); }
.hero-badge svg { color: var(--brand); }

/* seções escuras viram claras (o site é predominantemente claro) */
.section-dark { background: var(--soft); color: var(--ink); }
.section-dark .kicker { color: var(--brand); }
.section-dark h2 { color: var(--ink); }
.section-dark p, .section-dark .col-text p { color: var(--muted); }

.mod-card { background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.mod-card:hover { border-color: var(--brand); box-shadow: 0 18px 40px -22px rgba(15,23,42,.25); }
.mod-card h3 { color: var(--ink); }
.mod-card p { color: var(--muted); }
.mod-icon { background: rgba(234,88,12,.1); color: var(--brand); border-radius: 8px; }

.hour-card { background: #fff; border: 1px solid var(--line); }
.hour-card h3 { color: var(--ink); }
.hour-card p { color: var(--muted); }
.hour-card svg { color: var(--brand); }
.hour-cta { background: var(--dark); border-color: var(--dark); }
.hour-cta h3, .hour-cta p { color: #fff; }
.hour-cta p { color: rgba(255,255,255,.75); }

.stats { background: var(--dark); }
.stat strong { color: var(--brand); font-weight: 800; }

.shot { border-radius: 10px; }
.shot figcaption { background: linear-gradient(transparent, rgba(15,23,42,.85)); }
.perks svg, .contact-list svg { color: var(--brand); }
.form-ok { background: rgba(234,88,12,.08); border-color: var(--brand); }
.form-ok svg { color: var(--brand); }
.tag-capa { background: var(--brand); color: #fff; }