/* ═══════════════════════════════════════════════════════════
   COMERCIAL 5A SEG — custom.css (home) — v3 formas fluidas
   ═══════════════════════════════════════════════════════════ */

/* ── HERO ───────────────────────────────────────── */
.hero{
  background:var(--grafite);color:#E7E9EB;position:relative;overflow:hidden;
  padding-block:clamp(2.6rem,5.5vw,4.6rem) clamp(3rem,6vw,5rem);
  border-radius:0 0 var(--r-xl) var(--r-xl);
}
/* massa clara arredondada no lugar do corte diagonal */
.hero::before{
  content:"";position:absolute;z-index:0;right:-14%;top:-38%;width:74%;height:170%;
  background:radial-gradient(closest-side,rgba(234,78,27,.16),rgba(234,78,27,0) 72%);
  border-radius:50%;
}
.hero::after{
  content:"";position:absolute;z-index:0;right:-18%;top:-10%;width:56%;height:120%;
  background:var(--grafite-2);border-radius:46% 54% 52% 48% / 44% 46% 54% 56%;
}
.hero .env{position:relative;z-index:1}
.hero__grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(2rem,4vw,3.6rem);align-items:center}
.hero h1{color:var(--branco)}
.hero h1 em{font-style:normal;color:var(--laranja)}

.selo--hero{margin-bottom:1.5rem;box-shadow:0 8px 22px rgba(32,174,68,.26)}

/* captura de 1 campo — o dispositivo de maior conversão da página */
.retorno{
  margin-top:1.9rem;background:var(--grafite-2);border:1px solid var(--linha-escura);
  border-radius:var(--r-lg);padding:1.3rem 1.4rem;max-width:520px;
}
.retorno strong{display:block;font-size:1.02rem;font-variation-settings:'wght' 700;color:var(--branco);margin-bottom:.15rem}
.retorno small{display:block;font-size:.84rem;color:#9AA0A6;margin-bottom:.85rem}
.retorno__linha{display:flex;gap:.5rem;background:var(--grafite);border:1px solid var(--linha-escura);border-radius:var(--r-pill);padding:.32rem .32rem .32rem 1.1rem}
.retorno input{
  flex:1;min-width:0;border:none;background:none;color:var(--branco);
  font-family:var(--fonte);font-size:1rem;min-height:48px;
}
.retorno input::placeholder{color:#767C83}
.retorno input:focus{outline:none}
.retorno__linha:focus-within{border-color:var(--laranja);box-shadow:0 0 0 4px rgba(234,78,27,.18)}
.retorno .btn{flex-shrink:0;min-height:48px;padding-inline:1.5rem}
.retorno__ok{display:none;font-size:.9rem;color:#5FD98A;margin-top:.7rem}
@media (max-width:480px){
  .retorno__linha{flex-direction:column;border-radius:var(--r-md);padding:.6rem;gap:.55rem}
  .retorno input{border:1px solid var(--linha-escura);border-radius:var(--r-pill);padding-inline:1.1rem}
  .retorno .btn{width:100%}
}

.hero__foto{aspect-ratio:4/3.1;border:1px solid var(--linha-escura);border-radius:var(--r-xl)}
@media (max-width:900px){
  .hero__grid{grid-template-columns:1fr}
  .hero::after{display:none}
  .hero__foto{aspect-ratio:16/10}
}

/* ── Barra de confiança — cápsulas soltas ───────── */
.confia{padding-block:clamp(1.4rem,3vw,2.2rem)}
.confia__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}
.confia__i{
  display:flex;gap:.8rem;align-items:flex-start;
  background:var(--areia);border-radius:var(--r-md);padding:1.1rem 1.2rem;
}
.confia__i svg{width:26px;height:26px;flex-shrink:0;color:var(--laranja-acao)}
.confia__i strong{display:block;font-size:.96rem;font-variation-settings:'wght' 700;line-height:1.25}
.confia__i span{font-size:.83rem;color:var(--cinza);line-height:1.4}
@media (max-width:900px){.confia__grid{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.confia__grid{grid-template-columns:1fr}}

/* ── Camadas de proteção ────────────────────────── */
.camadas{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;counter-reset:c}
.camada{
  counter-increment:c;background:var(--branco);border-radius:var(--r-lg);
  padding:1.8rem 1.6rem;box-shadow:var(--sombra);
}
.camada__n{
  display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  border-radius:var(--r-pill);background:var(--laranja-suave);color:var(--laranja-acao);
  font-variation-settings:'wght' 800;font-size:1.05rem;margin-bottom:1rem;
}
.camada__n::before{content:counter(c)}
.camada ul{margin-top:.9rem}
.camada li{list-style:none;position:relative;padding-left:1.5rem;margin-bottom:.5rem;font-size:.93rem;color:var(--cinza)}
.camada li::before{
  content:"";position:absolute;left:0;top:.58em;width:9px;height:9px;
  border-radius:var(--r-pill);background:var(--laranja);
}
@media (max-width:900px){.camadas{grid-template-columns:1fr}}

/* ── Serviços — cards soltos ────────────────────── */
.servs{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.serv{
  background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-lg);
  padding:1.8rem 1.6rem;text-decoration:none;display:block;
  transition:box-shadow .2s ease,border-color .2s ease,background .2s ease;
}
.serv:hover,.serv:focus-visible{box-shadow:var(--sombra-alta);border-color:transparent;background:var(--branco)}
.serv__ico{
  width:52px;height:52px;padding:11px;margin-bottom:1.1rem;
  border-radius:var(--r-pill);background:var(--laranja-suave);color:var(--laranja-acao);
}
.serv p{font-size:.93rem;color:var(--cinza);margin:0}
.serv__mais{
  display:inline-block;margin-top:1rem;font-size:.87rem;font-variation-settings:'wght' 700;
  color:var(--laranja-acao);background:var(--laranja-suave);padding:.35rem .9rem;border-radius:var(--r-pill);
}
@media (max-width:920px){.servs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.servs{grid-template-columns:1fr}}

/* ── Intelbras ──────────────────────────────────── */
.intel{
  display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.8rem,4vw,3rem);align-items:center;
  background:var(--branco);border-radius:var(--r-xl);padding:clamp(1.7rem,3.5vw,2.8rem);
  box-shadow:var(--sombra);position:relative;overflow:hidden;
}
.intel::before{
  content:"";position:absolute;left:0;top:12%;bottom:12%;width:6px;
  border-radius:0 var(--r-pill) var(--r-pill) 0;background:var(--verde-intel);
}
.intel__tag{display:inline-block;background:var(--verde-intel);color:#fff;font-size:.76rem;font-variation-settings:'wght' 700;padding:.35rem .95rem;border-radius:var(--r-pill);margin-bottom:1rem}
.intel ul{columns:2;column-gap:2rem;margin-top:1rem}
.intel li{list-style:none;font-size:.94rem;margin-bottom:.55rem;padding-left:1.7rem;position:relative;break-inside:avoid}
.intel li::before{
  content:"";position:absolute;left:0;top:.18em;width:19px;height:19px;border-radius:var(--r-pill);
  background:#E8F7ED;
}
.intel li::after{
  content:"";position:absolute;left:6px;top:.52em;width:8px;height:4px;
  border-left:2px solid var(--verde-intel);border-bottom:2px solid var(--verde-intel);transform:rotate(-45deg);
}
.intel__foto{aspect-ratio:4/3}
@media (max-width:820px){.intel{grid-template-columns:1fr}.intel ul{columns:1}}

/* ── Tabela comparativa ─────────────────────────── */
.comparaWrap{
  overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:2rem;
  border-radius:var(--r-lg);border:1px solid var(--linha);background:var(--branco);
}
.compara{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;font-size:.95rem}
.compara th,.compara td{padding:1rem 1.15rem;text-align:left}
.compara thead th{background:var(--grafite);color:var(--branco);font-variation-settings:'wght' 700;font-size:.9rem}
.compara thead th:first-child{border-top-left-radius:var(--r-lg)}
.compara thead th:last-child{border-top-right-radius:var(--r-lg)}
.compara thead th:nth-child(2){background:var(--laranja-acao)}
.compara tbody th{font-variation-settings:'wght' 600;width:44%;border-top:1px solid var(--linha)}
.compara tbody td{text-align:center;width:28%;border-top:1px solid var(--linha)}
.compara tbody tr:nth-child(even) th,.compara tbody tr:nth-child(even) td{background:var(--areia)}
.mark{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:var(--r-pill);font-size:.82rem;font-variation-settings:'wght' 800;color:#fff}
.mark--s{background:var(--verde-intel)}
.mark--n{background:#C3C8CE}
.compara__nota{font-size:.82rem;color:var(--cinza);margin-top:.9rem}

/* ── Cenários ───────────────────────────────────── */
.cenarios{display:grid;grid-template-columns:repeat(5,1fr);gap:.9rem}
.cenario{background:var(--grafite-2);border-radius:var(--r-lg);padding:1.5rem 1.3rem}
.cenario h3{font-size:1.02rem;margin-bottom:.4rem}
.cenario p{font-size:.88rem;margin:0;color:#A8AEB4}
@media (max-width:1000px){.cenarios{grid-template-columns:repeat(3,1fr)}}
@media (max-width:680px){.cenarios{grid-template-columns:repeat(2,1fr)}}
@media (max-width:440px){.cenarios{grid-template-columns:1fr}}

/* ── Blocos de duas colunas ─────────────────────── */
.duas{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.8rem,4vw,3.2rem);align-items:center}
.duas--top{align-items:start}
.duas__foto{aspect-ratio:3/2}
@media (max-width:820px){.duas{grid-template-columns:1fr}}

/* ── Região ─────────────────────────────────────── */
.bairros{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.3rem}
.bairros li{list-style:none;background:var(--branco);border:1px solid var(--linha);padding:.42rem .95rem;font-size:.87rem;border-radius:var(--r-pill)}
.mapa{aspect-ratio:16/10;background:var(--areia-2);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;text-align:center;padding:1.2rem;font-size:.82rem;color:#83887E}

/* ── Avaliações ─────────────────────────────────── */
.avals{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:2rem}
.aval{
  border:1px dashed #C8C8C2;border-radius:var(--r-lg);background:var(--branco);
  padding:1.6rem 1.4rem;font-size:.9rem;color:#83887E;text-align:center;
  min-height:170px;display:flex;align-items:center;justify-content:center;
}
@media (max-width:820px){.avals{grid-template-columns:1fr}}

/* ── FAQ — cards empilhados ─────────────────────── */
.faq{max-width:860px;display:grid;gap:.7rem}
.faq details{
  background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-md);
  padding:0 1.4rem;transition:box-shadow .2s ease;
}
.faq details[open]{box-shadow:var(--sombra)}
.faq summary{cursor:pointer;padding:1.15rem 2.6rem 1.15rem 0;position:relative;list-style:none;font-size:1.03rem;font-variation-settings:'wght' 700;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";position:absolute;right:0;top:50%;margin-top:-15px;width:30px;height:30px;
  border-radius:var(--r-pill);background:var(--laranja-suave);
}
.faq summary::before{
  content:"";position:absolute;right:11px;top:50%;margin-top:-5px;z-index:1;width:9px;height:9px;
  border-right:2px solid var(--laranja-acao);border-bottom:2px solid var(--laranja-acao);
  transform:rotate(45deg);transition:transform .2s ease;
}
.faq details[open] summary::before{transform:rotate(-135deg);margin-top:-1px}
.faq details p{padding-bottom:1.2rem;margin:0;color:var(--cinza);font-size:.97rem}

/* ── Conversão final ────────────────────────────── */
.conv{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,4vw,3.4rem);align-items:start}
@media (max-width:860px){.conv{grid-template-columns:1fr}}

/* ── NAP ────────────────────────────────────────── */
.nap{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem}
.nap > div{background:var(--grafite-2);border-radius:var(--r-md);padding:1.2rem 1.3rem}
.nap .rotulo{font-size:.74rem;letter-spacing:.14em;color:var(--laranja);margin-bottom:.6rem;font-variation-settings:'wght' 700}
.nap p{font-size:.95rem;margin:0}
.nap a{text-decoration:none;border-bottom:1px solid var(--linha-escura)}
@media (max-width:620px){.nap{grid-template-columns:1fr}}

/* ── Selo dentro do hero e da barra de confiança ─── */
/* card da Intelbras: verde inteiro, texto branco, arte sem caixa */
.confia__i--selo{
  background:linear-gradient(105deg,#1E9C3E 0%,#37C05B 100%);
  flex-direction:column;align-items:flex-start;gap:.85rem;
}
.confia__i--selo strong{color:var(--branco)}
.confia__i--selo span{color:rgba(255,255,255,.88)}
.confia__i--selo .selo__arte{filter:drop-shadow(0 1px 2px rgba(0,0,0,.14))}

/* ── Trilha de navegação ────────────────────────── */
.trilha ol{display:flex;flex-wrap:wrap;gap:.45rem;padding:0;margin:0;font-size:.86rem;color:var(--cinza)}
.trilha li{list-style:none;display:flex;align-items:center;gap:.45rem}
.trilha li:not(:last-child)::after{content:"";width:5px;height:5px;border-right:1.5px solid var(--cinza-claro);border-top:1.5px solid var(--cinza-claro);transform:rotate(45deg)}
.trilha a{color:var(--cinza);text-decoration:none}
.trilha a:hover{color:var(--laranja-acao)}
.trilha [aria-current]{color:var(--grafite);font-variation-settings:'wght' 600}

/* ── Lista com marcador da marca ────────────────── */
.lista{margin:1.2rem 0 0}
.lista li{list-style:none;position:relative;padding-left:1.6rem;margin-bottom:.65rem;font-size:.99rem}
.lista li::before{content:"";position:absolute;left:0;top:.52em;width:10px;height:10px;border-radius:var(--r-pill);background:var(--laranja)}
.escuro .lista li{color:#B4BAC0}

/* ── Soluções (dt/dd) ───────────────────────────── */
.solucoes{margin:1.2rem 0 0}
.solucoes dt{font-variation-settings:'wght' 700;margin-top:1.1rem}
.solucoes dt:first-child{margin-top:0}
.solucoes dd{margin:.2rem 0 0;color:var(--cinza);font-size:.95rem}

/* ── Tabela de planos / comparativo simples ─────── */
.planos{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:2rem}
.plano{background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-lg);padding:1.7rem 1.5rem}
.plano h3{margin-bottom:.5rem}
.plano p{font-size:.94rem;color:var(--cinza)}
@media (max-width:900px){.planos{grid-template-columns:1fr}}

/* ── Blog vazio ─────────────────────────────────── */
.vazio{border:1px dashed #C8C8C2;border-radius:var(--r-lg);padding:clamp(2rem,5vw,3.4rem);text-align:center;color:var(--cinza)}

/* ── Texto legal ────────────────────────────────── */
.legal{max-width:70ch}
.legal h2{font-size:clamp(1.3rem,2.6vw,1.7rem);margin-top:2.4rem}
.legal h3{margin-top:1.6rem}
.legal ul{margin:0 0 1.1em 1.2rem}
.legal li{margin-bottom:.4rem}

/* ═══════════════════════════════════════════════════════════
   PÁGINA DE SERVIÇO
   ═══════════════════════════════════════════════════════════ */

/* ── Hero ───────────────────────────────────────── */
.heroserv{
  background:var(--grafite);color:#E7E9EB;position:relative;overflow:hidden;
  padding-block:clamp(1.4rem,3vw,2rem) clamp(3rem,6vw,4.6rem);
  border-radius:0 0 var(--r-xl) var(--r-xl);
}
.heroserv::after{
  content:"";position:absolute;z-index:0;right:-16%;top:-14%;width:54%;height:128%;
  background:var(--grafite-2);border-radius:46% 54% 52% 48% / 44% 46% 54% 56%;
}
.heroserv .env{position:relative;z-index:1}
.heroserv .trilha{margin-bottom:clamp(1.6rem,3vw,2.4rem)}
.heroserv .trilha a,.heroserv .trilha li{color:#9AA0A6}
.heroserv .trilha [aria-current]{color:var(--branco)}
.heroserv .trilha li:not(:last-child)::after{border-color:#5C636A}
.heroserv h1{color:var(--branco)}
.heroserv__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(2rem,4vw,3.4rem);align-items:center}
.heroserv__foto{aspect-ratio:4/3.1;border:1px solid var(--linha-escura);border-radius:var(--r-xl)}
@media (max-width:900px){
  .heroserv__grid{grid-template-columns:1fr}
  .heroserv::after{display:none}
  .heroserv__foto{aspect-ratio:16/10}
}
.provas{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.9rem}
.provas li{list-style:none;font-size:.85rem;color:#B4BAC0;border:1px solid var(--linha-escura);
  border-radius:var(--r-pill);padding:.4rem .95rem;background:rgba(255,255,255,.03)}

/* ── Navegação de seções, fixa ao rolar ─────────── */
.secnav{
  position:sticky;top:calc(var(--header-h) + env(safe-area-inset-top,0px));z-index:70;
  background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--linha);
}
.secnav__in{display:flex;gap:.3rem;align-items:center;overflow-x:auto;scrollbar-width:none;padding-block:.55rem}
.secnav__in::-webkit-scrollbar{display:none}
.secnav a{
  flex-shrink:0;text-decoration:none;font-size:.9rem;font-variation-settings:'wght' 600;
  padding:.5rem .9rem;border-radius:var(--r-pill);color:var(--cinza);
  transition:background .18s ease,color .18s ease;
}
.secnav a:hover{background:var(--areia);color:var(--grafite)}
.secnav a.ativo{background:var(--grafite);color:var(--branco)}
.secnav__cta{margin-left:auto;background:var(--laranja-suave);color:var(--laranja-acao)!important}
.secnav__cta:hover{background:var(--laranja-acao);color:var(--branco)!important}
@media (max-width:760px){.secnav__cta{margin-left:0}}
/* as âncoras precisam parar abaixo do header + desta barra */
:target{scroll-margin-top:calc(var(--header-h) + 62px + env(safe-area-inset-top,0px))}

/* ── Etapas do mecanismo, com conector ──────────── */
.etapas{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;position:relative;margin-bottom:2.6rem}
.etapa{background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-lg);padding:1.7rem 1.5rem;position:relative}
.etapa__n{
  display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;
  border-radius:var(--r-pill);background:var(--laranja-acao);color:var(--branco);
  font-variation-settings:'wght' 800;font-size:1.02rem;margin-bottom:.95rem;
}
.etapa:not(:last-child)::after{
  content:"";position:absolute;right:-1.2rem;top:calc(1.7rem + 21px);width:1.2rem;height:2px;
  background:var(--linha);
}
.etapa p{font-size:.95rem;color:var(--cinza);margin:0}
@media (max-width:900px){.etapas{grid-template-columns:1fr}.etapa::after{display:none}}

.texto-duplo{columns:2;column-gap:2.6rem}
.texto-duplo p{break-inside:avoid;max-width:none}
@media (max-width:820px){.texto-duplo{columns:1}}

/* ── Faixa de destaque ──────────────────────────── */
.destaque__frase{
  font-size:clamp(1.3rem,3vw,2rem);line-height:1.25;letter-spacing:-.02em;
  font-variation-settings:'wdth' 104,'wght' 700;color:var(--branco);max-width:26ch;margin:0;
}
.destaque{border-left:0;position:relative;overflow:hidden}
.destaque::before{
  content:"";position:absolute;left:-40px;top:50%;transform:translateY(-50%);
  width:150px;height:150px;border-radius:var(--r-pill);background:rgba(234,78,27,.14);
}
.destaque .env{position:relative;z-index:1}

/* ── Modelos ────────────────────────────────────── */
.modelos{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.modelo{background:var(--branco);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sombra);
  transition:box-shadow .2s ease}
.modelo:hover{box-shadow:var(--sombra-alta)}
.modelo__foto{aspect-ratio:3/2;border-radius:0}
.modelo h3{margin:1.2rem 1.3rem .4rem}
.modelo p{margin:0 1.3rem 1.4rem;font-size:.93rem;color:var(--cinza)}
@media (max-width:940px){.modelos{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.modelos{grid-template-columns:1fr}}

/* ── Benefícios ─────────────────────────────────── */
.benefs{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.benef{display:flex;gap:.85rem;background:var(--areia);border-radius:var(--r-md);padding:1.3rem 1.35rem}
.benef__ico{flex-shrink:0;width:30px;height:30px;border-radius:var(--r-pill);
  background:var(--verde-intel);color:#fff;display:flex;align-items:center;justify-content:center}
.benef__ico svg{width:16px;height:16px}
.benef strong{display:block;font-size:.98rem;line-height:1.3;margin-bottom:.2rem}
.benef span{font-size:.89rem;color:var(--cinza);line-height:1.45}
@media (max-width:940px){.benefs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.benefs{grid-template-columns:1fr}}

/* ── Linha do tempo da instalação ───────────────── */
.linha-tempo{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;counter-reset:lt;margin:0;padding:0}
.linha-tempo li{list-style:none;position:relative;padding-top:2.6rem}
.linha-tempo li::before{
  content:"";position:absolute;left:0;top:19px;width:100%;height:2px;background:var(--linha-escura);
}
.linha-tempo li:last-child::before{width:0}
.linha-tempo__n{
  position:absolute;left:0;top:0;display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:var(--r-pill);background:var(--laranja);color:var(--branco);
  font-variation-settings:'wght' 800;font-size:.9rem;z-index:1;
}
.linha-tempo h3{margin-bottom:.35rem}
.linha-tempo p{font-size:.93rem;margin:0}
@media (max-width:980px){
  .linha-tempo{grid-template-columns:1fr;gap:0}
  .linha-tempo li{padding:0 0 1.8rem 3.4rem}
  .linha-tempo li::before{left:19px;top:40px;width:2px;height:calc(100% - 40px)}
  .linha-tempo li:last-child::before{height:0}
}

/* ── Escopo, em duas colunas com check ──────────── */
.escopo{margin:0;padding:0;columns:2;column-gap:2rem}
.escopo li{
  list-style:none;break-inside:avoid;position:relative;padding:.6rem 0 .6rem 1.9rem;
  font-size:.96rem;border-bottom:1px solid var(--linha);
}
.escopo li::before{
  content:"";position:absolute;left:0;top:1.05em;width:11px;height:6px;
  border-left:2.4px solid var(--verde-intel);border-bottom:2.4px solid var(--verde-intel);
  transform:rotate(-45deg);
}
@media (max-width:820px){.escopo{columns:1}}

/* ── Selo dentro do card de camada ──────────────── */
.camada .selo{margin-top:1rem}

/* Hero interno sem coluna de foto */
.heroserv--largo .heroserv__grid{grid-template-columns:1fr}
.heroserv--largo .sub{max-width:62ch}

/* Selo dentro das cápsulas de prova do hero */
.selo-inline{display:inline-flex;align-items:center}
.provas li:has(.selo-inline){padding:.3rem .8rem;background:none;border-color:transparent}

/* Imagem real ocupando o lugar do retângulo de placeholder */
.foto--img{display:block;padding:0;background:var(--areia-2)}
.foto--img img{width:100%;height:100%;object-fit:cover;display:block}

/* ── Avaliações reais do Google ──────────────────── */
.avals-reais{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
@media (max-width:1000px){.avals-reais{grid-template-columns:repeat(2,1fr)}}
.aval-real{
  margin:0;background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-lg);
  padding:1.7rem 1.6rem;display:flex;flex-direction:column;gap:1rem;
}
.aval-real__nota{display:flex;gap:2px;color:#F2B200}
.aval-real__nota svg{width:19px;height:19px}
.aval-real blockquote{margin:0;font-size:1.02rem;line-height:1.55;flex:1}
.aval-real blockquote::before{content:"“";color:var(--laranja);font-size:1.6rem;line-height:0;vertical-align:-.25em;margin-right:.1rem}
.aval-real blockquote::after{content:"”";color:var(--laranja);font-size:1.6rem;line-height:0;vertical-align:-.35em;margin-left:.1rem}
.aval-real figcaption{display:flex;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid var(--linha)}
.aval-real__ini{
  width:38px;height:38px;flex-shrink:0;border-radius:var(--r-pill);
  background:var(--grafite);color:var(--branco);display:flex;align-items:center;justify-content:center;
  font-variation-settings:'wght' 700;font-size:1rem;
}
.aval-real figcaption strong{display:block;font-size:.96rem;line-height:1.2}
.aval-real figcaption small{font-size:.8rem;color:var(--cinza)}
@media (max-width:680px){.avals-reais{grid-template-columns:1fr}}

/* Mapa provisório: clicável, leva para a ficha real no Google */
.mapa--link{text-decoration:none;flex-direction:column;transition:background .18s ease}
.mapa--link:hover{background:var(--areia)}
.mapa--link strong{color:var(--laranja-acao)}

/* Mapa = foto da fachada com selo de endereço, link para a ficha no Google Maps */
.mapa--foto{position:relative;display:block;padding:0;overflow:hidden;text-decoration:none;color:var(--grafite)}
.mapa--foto .mapa__foto{position:absolute;inset:0;width:100%;height:100%;border-radius:0;padding:0}
.mapa--foto .mapa__foto img{transition:transform .5s ease}
.mapa--foto:hover .mapa__foto img{transform:scale(1.03)}
.mapa__selo{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;display:flex;align-items:center;gap:.75rem;
  background:var(--branco);border-radius:var(--r-md);padding:.8rem 1rem;box-shadow:var(--sombra-alta);text-align:left}
.mapa__selo svg{color:var(--laranja-acao);flex:none}
.mapa__selo small{display:block;font-size:.8rem;color:var(--cinza);line-height:1.35}
.mapa__selo strong{display:block;font-size:.92rem;color:var(--laranja-acao)}
.mapa--foto:focus-visible{outline:3px solid var(--laranja-acao);outline-offset:3px}
@media (min-width:560px){.mapa__selo{right:auto;max-width:calc(100% - 28px)}}