/* =========================================================
   AML EVENTOS — folha de estilo principal
   ========================================================= */

:root{
  /* ---------- PALETA DO CLIENTE (só isto muda por cliente) ---------- */
  --dark-900:#080c14;   /* mais escuro — header, rodapé, hero */
  --dark-800:#0e1420;   /* títulos de seção */
  --dark-700:#141d2e;
  --dark-600:#1c283e;
  --dark-500:#283852;   /* mais claro da escala */

  --accent:#2b7fff;     /* destaque — CTA, eyebrow, estrelas */
  --accent-dark:#1f66d6;/* hover do CTA */
  --accent-rgb:43,127,255;

  --ink:#101725;        /* texto principal sobre claro */
  --ink-soft:#334158;   /* texto de depoimento */
  --muted:#66748c;      /* texto secundário */

  --shadow-rgb:8,12,20; /* cor base das sombras */
  --overlay-rgb:6,10,18;/* cor base dos véus sobre foto */

  /* ---------- TEXTO SOBRE FUNDO ESCURO (5 níveis) ---------- */
  --on-dark-1:#e5ebf5;  /* mais claro */
  --on-dark-2:#d6dfec;
  --on-dark-3:#c5d1e2;
  --on-dark-4:#a8b6cc;
  --on-dark-5:#8b9ab2;  /* mais apagado */

  /* ---------- SUPERFÍCIES CLARAS ---------- */
  --white:#fff;
  --line:#e3e8f1;       /* borda padrão */
  --line-soft:#e5ecf8;  /* borda mais suave */
  --line-hover:#cbd8ec; /* borda em hover/aberto */
  --bg-soft:#f5f8fc;    /* fundo claro alternado */
  --bg-tint-1:#eef4fc;  /* degradê claro — topo */
  --bg-tint-2:#f9fbfe;  /* degradê claro — base */

  /* ---------- FIXOS (nunca mudam) ---------- */
  --wpp:#25d366;
  --wpp-dark:#0f7a3d;
  --radius:16px;
  --radius-lg:22px;
  --shadow-sm:0 4px 16px rgba(var(--shadow-rgb),.06);
  --shadow-md:0 12px 34px rgba(var(--shadow-rgb),.10);
  --shadow-lg:0 24px 60px rgba(var(--overlay-rgb),.18);
  --container:1180px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{
  margin:0;
  font-family:'Plus Jakarta Sans',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  color:var(--ink);
  background:var(--white);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.02em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}

.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}
.container--narrow{max-width:900px}
/* respiro igual acima e abaixo do título da seção (64px), com uma base maior
   para separar uma seção da outra */
.section{padding:64px 0 96px}
.center{text-align:center}
.ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ico-wpp{width:20px;height:20px;flex:none}

/* ---------- botões ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 28px;border-radius:999px;font-weight:700;font-size:.9rem;
  letter-spacing:.02em;text-align:center;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease);
}
.btn--yellow{background:var(--accent);color:var(--dark-900);box-shadow:0 10px 26px rgba(var(--accent-rgb),.32)}
.btn--yellow:hover{background:var(--accent-dark);transform:translateY(-3px);box-shadow:0 16px 34px rgba(var(--accent-rgb),.42)}
.btn--outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55)}
.btn--outline:hover{background:rgba(255,255,255,.1);border-color:#fff;transform:translateY(-3px)}
.btn--sm{padding:12px 20px;font-size:.78rem}
.btn--lg{padding:18px 34px;font-size:.95rem}
.btn .ico-wpp{color:var(--wpp-dark)}

/* ---------- header ---------- */
.header{
  position:fixed;inset:0 0 auto 0;z-index:60;
  background:linear-gradient(180deg,rgba(var(--overlay-rgb),.92),rgba(var(--overlay-rgb),.55));
  backdrop-filter:blur(8px);
  transition:background .3s var(--ease),box-shadow .3s var(--ease),padding .3s var(--ease);
}
.header.is-stuck{background:var(--dark-900);box-shadow:0 8px 30px rgba(0,0,0,.28)}
.header__inner{display:flex;align-items:center;gap:28px;min-height:78px}

.logo{display:flex;align-items:center;gap:10px;color:#fff;flex:none}
.logo__bolt{display:grid;place-items:center;width:34px;height:34px;color:var(--accent)}
.logo__bolt svg{width:30px;height:30px}
.logo__text{display:flex;flex-direction:column;line-height:1}
.logo__text strong{font-size:1.42rem;font-weight:800;letter-spacing:.02em}
.logo__text small{font-size:.56rem;letter-spacing:.34em;color:var(--on-dark-3);margin-top:3px}

.nav{display:flex;align-items:center;gap:26px;margin-left:18px}
.nav__link{
  position:relative;color:var(--on-dark-1);font-size:.76rem;font-weight:600;letter-spacing:.08em;
  padding:6px 0;transition:color .2s var(--ease);
}
.nav__link::after{
  content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--accent);
  transition:right .3s var(--ease);
}
.nav__link:hover{color:#fff}
.nav__link:hover::after,.nav__link.is-active::after{right:0}
.nav__link.is-active{color:#fff}
.header__cta{margin-left:auto}

.burger{display:none;flex-direction:column;gap:5px;padding:8px;margin-left:auto}
.burger span{width:24px;height:2px;background:#fff;border-radius:2px;transition:.3s var(--ease)}
.burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.is-open span:nth-child(2){opacity:0}
.burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:140px 0 64px;overflow:hidden}
.hero__media{position:absolute;inset:0;z-index:-2}
.hero__media img{width:100%;height:100%;object-fit:cover}
/* a foto já traz um degradê azul-marinho embutido do lado esquerdo (onde fica o
   texto), então aqui só reforçamos o suficiente para garantir contraste do
   texto branco em qualquer tela, sem "lavar" a foto por cima */
.hero__overlay{
  position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(var(--overlay-rgb),.36) 0%,rgba(var(--overlay-rgb),.24) 38%,rgba(var(--overlay-rgb),.08) 68%,rgba(var(--overlay-rgb),0) 100%);
}
.hero__content{max-width:620px;color:#fff}
.hero__title{font-size:clamp(2.1rem,4.6vw,3.35rem);font-weight:800;margin-bottom:22px}
.hero__title span{color:var(--accent)}
.hero__text{color:var(--on-dark-2);font-size:1.02rem;max-width:520px;margin-bottom:34px}
.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}

/* ---------- barra de números ----------
   faixa cheia (não é mais um cartão flutuante) encostada direto embaixo do
   hero, pra aparecer já na primeira tela — sem o degrau/sobreposição que
   empurrava ela pra fora da área visível sem rolar a página */
.stats{background:linear-gradient(135deg,var(--dark-700),var(--dark-800))}
.stats__list{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 24px;padding:32px 0}
.stats__list li{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px}
.stats__num{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;color:var(--accent);letter-spacing:-.01em;line-height:1}
.stats__label{font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-3);line-height:1.45;text-wrap:balance}

/* ---------- títulos de seção ---------- */
.eyebrow{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.16em;margin-bottom:14px}
/* engorda um pouco o traço além do peso 800 já usado (a fonte não carrega
   nada mais pesado que isso, então um contorno finíssimo faz esse reforço) */
.section__title{font-size:clamp(1.55rem,3vw,2.15rem);font-weight:800;color:var(--dark-800);-webkit-text-stroke:.3px currentColor}
.section__title--light{color:#fff}
.section__sub{color:var(--muted);max-width:640px;margin:16px auto 0;font-size:.98rem}
.section__head{margin-bottom:64px}

/* ---------- serviços ---------- */
.services{background:var(--white)}
.services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:52px}

.service{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);
  overflow:hidden;box-shadow:var(--shadow-sm);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);
}
.service:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:var(--line-hover)}
.service__media{position:relative}
/* o recorte (overflow:hidden) precisa ficar só na foto — se ficasse no
   .service__media inteiro, cortava metade do selo que fica pendurado
   por baixo da foto, sobre o corpo branco do card */
.service__photo{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--dark-700)}
.service__photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.service:hover .service__photo img{transform:scale(1.07)}
.service__photo::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(var(--overlay-rgb),0) 45%,rgba(var(--overlay-rgb),.55) 100%);
}
.service__icon{
  position:absolute;left:24px;bottom:-24px;z-index:2;
  width:56px;height:56px;border-radius:16px;display:grid;place-items:center;
  background:var(--white);color:var(--dark-600);box-shadow:0 10px 24px rgba(var(--shadow-rgb),.18);
  transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease);
}
.service__icon .ico{width:26px;height:26px}
.service:hover .service__icon{background:var(--accent);color:var(--dark-900);transform:translateY(-4px)}
.service__body{padding:44px 26px 30px}
.service__body h3{font-size:1.12rem;font-weight:800;color:var(--dark-800);margin-bottom:12px}
.service__body p{color:var(--muted);font-size:.96rem}

/* ---------- por que escolher (3 + 3) ---------- */
.why{background:linear-gradient(180deg,var(--bg-tint-1),var(--bg-tint-2))}
.why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.why__item{
  background:var(--white);border:1px solid var(--line-soft);border-radius:var(--radius-lg);
  padding:38px 30px;text-align:center;box-shadow:var(--shadow-sm);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.why__item:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.why__icon{
  width:64px;height:64px;border-radius:20px;display:grid;place-items:center;margin:0 auto 20px;
  background:linear-gradient(140deg,var(--dark-600),var(--dark-800));color:#fff;
  box-shadow:0 12px 26px rgba(var(--shadow-rgb),.28);
  transition:transform .35s var(--ease);
}
.why__item:hover .why__icon{transform:rotate(-6deg) scale(1.05)}
.why__icon .ico{width:28px;height:28px}
.why__item h3{font-size:1.02rem;font-weight:800;color:var(--dark-800);margin-bottom:10px}
.why__item p{color:var(--muted);font-size:.96rem}

/* ---------- trabalhos (3 + 3) ---------- */
.works{background:linear-gradient(160deg,var(--dark-700),var(--dark-900))}
.works__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.work{
  position:relative;margin:0;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}
.work img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.work:hover img{transform:scale(1.08)}

/* ---------- depoimentos ---------- */
.reviews{background:var(--white)}
.reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.review{
  border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 28px;
  background:var(--white);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.review:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.stars{color:var(--accent);letter-spacing:4px;font-size:1.05rem}
.review p{color:var(--ink-soft);font-size:.96rem}
.review footer{display:flex;align-items:center;gap:12px;margin-top:auto;font-size:.96rem;color:var(--muted)}
.review footer img{width:40px;height:40px;border-radius:50%}
.review footer strong{color:var(--dark-800)}

/* ---------- como funciona (redesenhado) ---------- */
.process{position:relative;background:linear-gradient(150deg,var(--dark-800),var(--dark-900) 55%,var(--dark-700));overflow:hidden}
.process .container{position:relative;z-index:2}

.steps{
  display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;margin-bottom:56px;
}
.steps::before{
  content:"";position:absolute;top:76px;left:12%;right:12%;height:2px;
  background:repeating-linear-gradient(90deg,rgba(var(--accent-rgb),.55) 0 10px,transparent 10px 20px);
  z-index:0;
}
.step{
  position:relative;z-index:1;text-align:center;padding:40px 24px 32px;border-radius:var(--radius-lg);
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(6px);color:#fff;
  transition:transform .35s var(--ease),background .35s var(--ease),border-color .35s var(--ease);
}
.step:hover{transform:translateY(-10px);background:rgba(255,255,255,.11);border-color:rgba(var(--accent-rgb),.5)}
.step__num{
  position:absolute;z-index:2;top:14px;right:22px;font-size:2.4rem;font-weight:800;
  color:rgba(255,255,255,.32);letter-spacing:-.04em;
}
.step__icon{
  position:relative;z-index:2;
  width:72px;height:72px;border-radius:24px;display:grid;place-items:center;margin:0 auto 22px;
  background:#fff;color:var(--dark-700);box-shadow:0 14px 30px rgba(0,0,0,.3);
  transition:transform .35s var(--ease),background .35s var(--ease),color .35s var(--ease);
}
.step__icon .ico{width:30px;height:30px}
.step__icon .ico-wpp{width:30px;height:30px;color:var(--wpp)}
.step:hover .step__icon{background:var(--accent);color:var(--dark-900);transform:translateY(-4px) rotate(-5deg)}
.step:hover .step__icon .ico-wpp{color:var(--dark-900)}
.step h3{font-size:1.02rem;font-weight:800;margin-bottom:10px}
.step p{color:var(--on-dark-3);font-size:.96rem}

/* ---------- FAQ ---------- */
.faq{background:var(--bg-soft)}
.accordion{display:flex;flex-direction:column;gap:12px}
.acc{
  background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  box-shadow:var(--shadow-sm);transition:border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.acc[open]{border-color:var(--line-hover);box-shadow:var(--shadow-md)}
.acc summary{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:20px 24px;font-weight:700;font-size:.96rem;color:var(--dark-800);cursor:pointer;list-style:none;
}
.acc summary::-webkit-details-marker{display:none}
.acc summary:hover{color:var(--dark-500)}
.acc__chev{
  width:28px;height:28px;border-radius:50%;background:var(--bg-soft);flex:none;position:relative;
  transition:transform .3s var(--ease),background .3s var(--ease);
}
.acc__chev::after{
  content:"";position:absolute;top:44%;left:50%;width:8px;height:8px;
  border-right:2px solid var(--dark-600);border-bottom:2px solid var(--dark-600);
  transform:translate(-50%,-50%) rotate(45deg);
}
.acc[open] .acc__chev{transform:rotate(180deg);background:var(--accent)}
.acc__body{padding:0 24px 22px;color:var(--muted);font-size:.96rem}

.faq__help{
  margin-top:34px;display:flex;align-items:center;justify-content:center;gap:20px 24px;flex-wrap:wrap;
  text-align:center;
  background:linear-gradient(135deg,var(--dark-700),var(--dark-800));color:#fff;
  padding:26px 30px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);
}
.faq__help-text{display:flex;align-items:center;justify-content:center;gap:16px}
.faq__help-icon{
  width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none;
  background:rgba(255,255,255,.12);color:var(--accent);
}
.faq__help-icon .ico{width:24px;height:24px}
.faq__help p{font-size:.96rem;color:var(--on-dark-2)}
.faq__help strong{color:#fff}

/* ---------- rodapé ---------- */
.footer{background:var(--dark-900);color:var(--on-dark-3);padding-top:64px;font-size:.88rem}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:36px;padding-bottom:48px}
.logo--footer{margin-bottom:18px}
.footer__brand p{max-width:280px;color:var(--on-dark-4)}
.footer__col h4{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:16px;position:relative;padding-bottom:10px}
.footer__col h4::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;background:var(--accent)}
.footer__col p{margin-bottom:8px;color:var(--on-dark-4)}
.footer__col a:hover{color:var(--accent)}
.footer__note{font-size:.8rem;color:var(--on-dark-5)}
.footer__social{display:flex;gap:12px;margin-top:20px}
.footer__social a{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:rgba(255,255,255,.08);color:var(--on-dark-1);transition:.25s var(--ease);
}
.footer__social a:hover{background:var(--accent);color:var(--dark-900)}
.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;text-align:center;color:var(--on-dark-5);font-size:.82rem}

/* ---------- botão flutuante ---------- */
.wpp-float{
  position:fixed;right:22px;bottom:22px;z-index:70;width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;background:var(--wpp);color:#fff;
  box-shadow:0 12px 30px rgba(37,211,102,.45);transition:transform .3s var(--ease);
}
.wpp-float svg{width:30px;height:30px}
.wpp-float:hover{transform:scale(1.08)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/* =========================================================
   RESPONSIVO
   ========================================================= */
@media (max-width:1080px){
  .header__cta{display:none}
  .nav{gap:18px;margin-left:8px}
  .services__grid,.why__grid,.works__grid,.reviews__grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .steps::before{display:none}
  .footer__grid{grid-template-columns:1.4fr 1fr 1fr}
}

@media (max-width:900px){
  .burger{display:flex}
  .nav{
    position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;
    background:var(--dark-900);padding:0 24px;max-height:0;overflow:hidden;margin:0;
    transition:max-height .35s var(--ease),padding .35s var(--ease);
  }
  .nav.is-open{max-height:400px;padding:12px 24px 22px;box-shadow:0 20px 40px rgba(0,0,0,.35)}
  .nav__link{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.85rem}
  .nav__link::after{display:none}
  .stats__list{grid-template-columns:repeat(2,1fr);gap:26px;padding:24px 0}
  .hero{padding:104px 0 72px;min-height:100vh;min-height:100svh}
  /* a foto é bem larga (1721x914); numa tela alta e estreita o object-fit:cover
     precisa ampliar muito para cobrir a altura, e o recorte central (50%) caía
     bem antes do técnico/aparelho — desloca o enquadramento pra mostrar a cena */
  .hero__media img{object-position:78% center}
  /* nesse enquadramento o fundo mostra o técnico/aparelho (textura de roupa,
     pele, metal) em vez do degradê liso do desktop — o degradê horizontal fraco
     não segura mais o texto, então aqui é um véu mais forte e uniforme */
  .hero__overlay{background:rgba(var(--overlay-rgb),.6)}
  .section{padding:48px 0 72px}
  .section__head{margin-bottom:48px}
}

@media (max-width:680px){
  .services__grid,.why__grid,.works__grid,.reviews__grid,.steps{grid-template-columns:1fr}
  .stats__list{grid-template-columns:repeat(2,1fr);gap:28px 20px;padding:22px 0}
  .faq__help{flex-direction:column;text-align:center;align-items:center}
  .faq__help-text{flex-direction:column}
  .footer__grid{grid-template-columns:1fr;gap:28px}
  .footer__brand p{max-width:none}
  .section__title br{display:none}
  /* a fonte só carrega até o corte 800 (extra-bold) — pedir font-weight:900
     não engrossa nada porque o navegador só reaproveita o 800 já carregado,
     sem negrito sintético. Um contorno fino da própria cor do texto engrossa
     o traço de verdade. */
  .section__title{-webkit-text-stroke:.6px currentColor}
  .hero__title{font-size:2rem}
  .wpp-float{width:52px;height:52px;right:16px;bottom:16px}
  /* pílulas de 999px de raio, com padding grande e texto longo em maiúsculas,
     viravam cápsulas esticadas ao quebrar em 2-3 linhas nas telas estreitas */
  .btn{width:100%;padding:14px 20px;font-size:.85rem;border-radius:16px;letter-spacing:0}
  .btn--lg{padding:16px 22px;font-size:.88rem}
  .btn--sm{padding:12px 18px;font-size:.78rem;border-radius:14px}
  /* botão secundário (ex.: "Ver soluções") fica compacto, do tamanho do
     texto — só o CTA principal ocupa a largura toda */
  .btn--outline{width:auto}
}

/* ============================================================
   PREÇO NO CARD DE SERVIÇO
   Bloco adicional, no padrão do card-cta.css: fica no fim do
   arquivo e não altera nenhuma regra acima.
   Vai por último dentro de .service__body, separado da descrição
   por uma linha — o valor precisa ser lido sozinho, não no meio
   do texto corrido.
   Nichos sem preço público é só não usar a classe.
   ============================================================ */
/* O preço tem que ficar na mesma altura nos cards da mesma linha, e as
   descrições têm comprimentos diferentes. Em vez de encostar o preço no
   fim do texto (que varia), o card vira uma coluna e o preço é empurrado
   para o rodapé com margin-top:auto — assim ele fica na base do card,
   que o grid já deixa com altura igual.
   Cascata: estas três regras repetem seletores que existem lá em cima e
   vencem por virem depois. O bloco original continua intocado. */
.service{display:flex;flex-direction:column}
.service__body{display:flex;flex-direction:column;flex:1 1 auto}

.service__price{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  margin:auto 0 0;padding-top:18px;border-top:1px solid var(--line);
}
.service__price span{
  font-size:.72rem;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);
}
/* peso 800 é o topo da fonte — o destaque real vem da cor de acento
   contra o cinza do rótulo e o corpo do card */
.service__price strong{
  font-size:1.32rem;font-weight:800;letter-spacing:-.01em;color:var(--accent);
}
@media (max-width:680px){
  .service__price strong{font-size:1.2rem}
}

/* ============================================================
   LOGO DO CLIENTE
   O slot .logo__bolt nasceu para um pictograma de 30px. A logo
   real é uma arte quadrada com bastante ar em volta do círculo,
   então a 34px o símbolo saía com ~19px e ficava ilegível.
   46px devolve o peso visual sem encostar em nada: o header tem
   78px de altura e o rodapé não tem restrição.
   Nichos que voltarem a usar SVG é só apagar este bloco.
   ============================================================ */
.logo__bolt{width:46px;height:46px}
.logo__bolt img{width:100%;height:100%;object-fit:contain}

/* ============================================================
   HERO — FOTO PRÓPRIA NO MOBILE
   Abaixo de 680px o <picture> troca a foto larga por uma
   vertical (864x1821), enquadrada para tela de celular.
   Isso desfaz as duas correções feitas lá em cima no bloco de
   900px, que só existiam por causa da foto larga:

   1. object-position:78% deslocava o recorte porque a foto
      larga, ampliada para cobrir uma tela alta, cortava a cena.
      A foto vertical já nasce na proporção certa — recorte
      volta ao centro.
   2. o véu uniforme de .6 substituía o degradê porque, naquele
      enquadramento, o fundo virava textura e o degradê fraco
      não segurava o texto. A foto nova já traz o escurecimento
      embutido à esquerda, então volta a ser degradê — agora
      vertical: pesa em cima, onde fica o texto, e alivia
      embaixo, onde está a tenda.

   Ao trocar a foto do mobile, é este bloco que se reconfere.
   ============================================================ */
@media (max-width:680px){
  .hero__media img{object-position:center}
  .hero__overlay{
    background:linear-gradient(180deg,
      rgba(var(--overlay-rgb),.72) 0%,
      rgba(var(--overlay-rgb),.46) 45%,
      rgba(var(--overlay-rgb),.14) 100%);
  }
}