/* Prometheus Elétrica — home.css
   Só o que é da home. Tokens e componentes vêm do estilos.css (Identidade Visual v1.2). */

/* ---------- S2. Hero ---------- */
/* Computador: foto de ponta a ponta, escurecida e sumindo no fundo nas bordas (sem moldura).
   O texto fica à esquerda, sobre a parte mais escura. Celular: texto em cima, foto 4:3 embaixo. */
.hero { position: relative; isolation: isolate; display: flex; align-items: center; min-height: 640px; padding: var(--esp-12) 0; overflow: hidden; }
.hero__foto { position: absolute; inset: 0; z-index: -1; border-radius: 0; background: var(--cor-fundo); }
.hero__foto img { object-position: 70% center; filter: brightness(.82) saturate(.92); }
.hero__foto::after {      /* véu: escurece a esquerda para o texto e funde topo e base com o fundo da página */
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    linear-gradient(0deg, var(--cor-fundo) 0%, rgba(20, 18, 16, 0) 32%),
    linear-gradient(180deg, rgba(20, 18, 16, .72) 0%, rgba(20, 18, 16, 0) 24%),
    linear-gradient(90deg, rgba(20, 18, 16, .97) 0%, rgba(20, 18, 16, .9) 36%, rgba(20, 18, 16, .62) 62%, rgba(20, 18, 16, .48) 100%);
}
.hero__foto.foto--vaga { border: 0; background-position: 76% center, center, center; background-size: auto 24%, auto, auto; }
.hero__texto { max-width: 640px; }
.hero__titulo { font-size: clamp(2rem, 1.2rem + 2.2vw, 2.75rem); line-height: 1.08; letter-spacing: -.015em; margin-bottom: var(--esp-3); }
.hero__apoio { font-size: var(--t-lg); color: var(--cor-texto); opacity: .86; max-width: 44ch; margin-bottom: var(--esp-4); }
.hero__acoes { display: flex; flex-wrap: wrap; gap: var(--esp-2); }
.hero__acoes .botao--secundario { background: rgba(20, 18, 16, .6); }

@media (max-width: 900px) {
  .hero { display: flex; flex-direction: column; min-height: 0; padding: var(--esp-6) 0 0; overflow: visible; }
  .hero__foto { order: -1; position: relative; inset: auto; z-index: auto; aspect-ratio: 4 / 3; margin: 0 var(--margem-lateral) var(--esp-6);   /* foto primeiro: o fio atravessa a foto antes do texto */ border-radius: var(--raio); overflow: hidden; }
  .hero__foto img { filter: none; }
  .hero__foto::after { background: linear-gradient(0deg, rgba(20, 18, 16, .5) 0%, rgba(20, 18, 16, 0) 40%); }
  .hero__foto.foto--vaga { border: 1px solid var(--cor-borda); background-position: center, center, center; }
}

/* ---------- S3. História ---------- */
.historia__grade { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--esp-8); align-items: center; }
.historia__foto { aspect-ratio: 4 / 5; }
.historia__texto p { font-size: 1.0625rem; }
.historia__assinatura { color: var(--cor-texto-suave); font-size: var(--t-sm) !important; margin-top: var(--esp-3); }
.historia__link {
  display: inline-block; margin-top: var(--esp-1);
  font-family: var(--fonte-titulo); font-stretch: var(--largura-titulo); font-weight: var(--peso-forte);
  font-size: var(--t-lg); color: var(--cor-texto); text-decoration: none;
}
.historia__link:hover { opacity: 1; color: var(--cor-primaria-texto); }

@media (max-width: 900px) {
  .historia__grade { grid-template-columns: 1fr; }
  .historia__foto { aspect-ratio: 3 / 2; }
}

/* ---------- S4. Marca ---------- */
.marca__abertura { max-width: 900px; }
.marca__titulo { font-size: clamp(1.75rem, 1.1rem + 2.8vw, 3rem); line-height: 1.08; }
.marca__apoio { font-size: var(--t-lg); color: var(--cor-texto-suave); }
.marca__subtitulo {
  margin-top: var(--esp-8); margin-bottom: var(--esp-4);
  font-size: var(--t-lg); padding-top: var(--esp-3); border-top: 1px solid var(--cor-borda);
}
.titas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tita { padding: 0 var(--esp-4); border-left: 1px solid var(--cor-borda); }
.tita:first-child { padding-left: 0; border-left: 0; }
.tita:last-child { padding-right: 0; }
.tita__desenho { width: 100%; height: 120px; margin-bottom: var(--esp-3); overflow: visible; }
.tita__eixo { stroke: var(--cor-borda); stroke-width: 1; }
.tita__traco { fill: none; stroke: var(--cor-primaria); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 6px rgba(255, 106, 19, .45)); }
.tita__onda-b, .tita__grade { fill: none; stroke: var(--cor-texto-suave); stroke-width: 1; opacity: .7; }
.tita__equip { fill: var(--cor-superficie); stroke: var(--cor-texto-suave); stroke-width: 1; }
.tita__raio { fill: none; stroke: var(--cor-destaque); stroke-width: 2; stroke-linejoin: round; }
/* corrente (animação aprovada nº 3) também nos desenhos dos titãs: uma faísca passa devagar pelo traço laranja */
.tita__desenho .fio-guia__corrente { fill: none; stroke: #FFE7C2; stroke-width: 3px; stroke-linecap: round; filter: drop-shadow(0 0 6px var(--cor-destaque)) drop-shadow(0 0 10px var(--cor-primaria)); }
.tita__linha {
  margin: 0 0 8px; font-family: var(--fonte-rotulo); font-stretch: var(--largura-rotulo);
  font-weight: var(--peso-medio); font-size: var(--t-sm); letter-spacing: var(--espaco-letra-rotulo);
  text-transform: uppercase; color: var(--cor-primaria-texto);
}
.tita__nome { font-family: var(--fonte-titulo); font-stretch: var(--largura-titulo); font-weight: var(--peso-forte); line-height: var(--altura-linha-titulo); font-size: var(--t-lg); margin: 0 0 var(--esp-2); }
.tita p { color: var(--cor-texto-suave); }
.tita__ligacao { margin-top: var(--esp-3); padding-top: var(--esp-2); border-top: 1px solid var(--cor-borda); color: var(--cor-texto) !important; }
.tita__ligacao span { display: block; font-size: var(--t-sm); color: var(--cor-texto-suave); margin-bottom: 4px; }

@media (max-width: 900px) {
  .titas { grid-template-columns: 1fr; gap: var(--esp-6); }
  .tita, .tita:first-child { padding: 0; border-left: 0; }
  .tita__desenho { max-width: 320px; }
}

/* ---------- S5. O que fazemos ----------
   Cada linha é um bloco grande (painel) com os serviços dela em cartões. Pedido em 27/10/2026. */
.linhas__lista { display: grid; gap: var(--esp-8); margin-top: var(--esp-6); }
.linha-bloco {
  padding: var(--esp-8) var(--esp-8) var(--esp-8);
  background: var(--cor-fundo); border: 1px solid var(--cor-borda); border-top: var(--linha) solid var(--cor-primaria); border-radius: var(--raio);
}
.fio-vertical > section:nth-of-type(odd) .linha-bloco { background: var(--cor-superficie); }
.linha-bloco__topo {
  display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 6fr) auto; gap: var(--esp-4); align-items: center;
  padding-bottom: var(--esp-6); margin-bottom: var(--esp-6); border-bottom: 1px solid var(--cor-borda);
}
.linha-bloco__nome { display: flex; align-items: center; gap: var(--esp-3); }
.linha-bloco__nome h3 { margin: 0; font-size: clamp(1.563rem, 1.2rem + 1.2vw, 2rem); }
.linha-bloco__marca { margin: 0 0 4px; color: var(--cor-texto-suave); font-size: var(--t-sm); }
.linha-bloco__texto { margin: 0; line-height: 1.75; color: var(--cor-texto-suave); }
.linha-bloco__link { font-weight: var(--peso-medio); text-decoration: none; white-space: nowrap; }
.linha-bloco__cartoes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--esp-3); }
.opcao {
  display: grid; align-content: start; gap: var(--esp-2); height: 100%; padding: var(--esp-4);
  background: rgba(255, 255, 255, .02); border: 1px solid var(--cor-borda); border-radius: var(--raio);
  color: var(--cor-texto); text-decoration: none;
  transition: border-color var(--duracao-media) var(--curva-padrao), background var(--duracao-media) var(--curva-padrao);
}
.opcao .icone { color: var(--cor-texto-suave); margin-bottom: var(--esp-1); transition: color var(--duracao-media) var(--curva-padrao); }
.opcao:hover { border-color: var(--cor-primaria); background: rgba(255, 106, 19, .04); opacity: 1; }
.opcao:hover .icone { color: var(--cor-primaria-texto); }
.opcao__nome { font-family: var(--fonte-titulo); font-stretch: var(--largura-titulo); font-weight: var(--peso-titulo); font-size: 1.125rem; line-height: 1.25; }
.opcao__texto { color: var(--cor-texto-suave); font-size: .9375rem; line-height: 1.7; }

@media (max-width: 1100px) { .linha-bloco__cartoes { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) {
  .linha-bloco { padding: var(--esp-6) var(--esp-4) var(--esp-4); }
  .linha-bloco__topo { grid-template-columns: minmax(0, 1fr); gap: var(--esp-2); }
  .linha-bloco__cartoes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .linha-bloco { padding: var(--esp-4) var(--esp-3) var(--esp-3); }
  .linha-bloco__cartoes { grid-template-columns: minmax(0, 1fr); gap: var(--esp-2); }
  .opcao { grid-template-columns: auto minmax(0, 1fr); gap: var(--esp-1) var(--esp-2); padding: var(--esp-3) var(--esp-2); }
  .opcao .icone { grid-row: 1 / span 2; margin: 2px 0 0; }
}

/* ---------- S6. Para quem ---------- */
.publico__abertura { margin-bottom: var(--esp-4); }
.publico__grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--esp-4); }
.publico__foto { aspect-ratio: 4 / 5; margin-bottom: var(--esp-3); }
.publico__item h3 { font-size: var(--t-h3); }
.publico__item p { color: var(--cor-texto-suave); }
.publico__item a { font-weight: var(--peso-medio); text-decoration: none; }

@media (max-width: 900px) {
  .publico__grade { grid-template-columns: 1fr; gap: var(--esp-6); }
  .publico__foto { aspect-ratio: 3 / 2; }
}

/* ---------- S7. Emergência ---------- */
.emergencia__bloco {
  grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--esp-4);
  padding: var(--esp-6);
}
.emergencia__bloco h2 { margin-bottom: var(--esp-1); }
.emergencia__bloco p { margin: 0; color: var(--cor-texto-suave); font-size: var(--t-lg); }
.emergencia__acoes { display: flex; flex-wrap: wrap; gap: var(--esp-2); }

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

/* ---------- S8. Sinais de alerta ---------- */
.sinais__grade { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--esp-6); }
.sinais__lema {
  font-family: var(--fonte-titulo); font-stretch: var(--largura-titulo); font-weight: var(--peso-medio);
  font-size: var(--t-lg); color: var(--cor-texto-suave); line-height: 1.3;
}
.sinais__lista { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--esp-4); }
.sinais__lista li {
  display: flex; align-items: flex-start; gap: var(--esp-2); padding: var(--esp-2) 0;
  border-top: 1px solid var(--cor-borda); font-size: 1.0625rem;
}
.sinais__lista .icone { color: var(--cor-primaria); margin-top: 2px; }   /* faz o papel do antigo marcador laranja */
.sinais__fecho {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--esp-2);
  margin-top: var(--esp-3); padding-top: var(--esp-3); border-top: 1px solid var(--cor-borda);
}
.sinais__fecho p { margin: 0; font-weight: var(--peso-medio); }

@media (max-width: 900px) {
  .sinais__grade { grid-template-columns: 1fr; gap: var(--esp-3); }
  .sinais__lista { grid-template-columns: 1fr; }
}

/* ---------- S9. Diferencial: tablet com o quadro de OS ---------- */
.diferencial__grade { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--esp-8); align-items: center; }
.diferencial__texto p:first-of-type { font-size: var(--t-lg); }
.diferencial__figura figcaption { margin-top: var(--esp-2); text-align: right; }
.tablet {
  padding: 16px; border-radius: 24px;
  background: linear-gradient(160deg, #2A2622, #0F0E0C);
  border: 1px solid var(--cor-borda); box-shadow: 0 30px 60px rgba(0, 0, 0, .45);
}
.tablet__tela { border-radius: 8px; overflow: hidden; background: #181614; border: 1px solid #000; }
.app__topo { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--cor-borda); }
.app__simbolo { width: 16px; height: 18px; fill: var(--cor-primaria); }
.app__titulo { font-weight: var(--peso-medio); font-size: var(--t-sm); }
.app__busca { margin-left: auto; width: 112px; height: 24px; border-radius: var(--raio); background: var(--cor-superficie); border: 1px solid var(--cor-borda); }
.kanban { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 16px; min-height: 224px; }
.kanban__coluna { background: rgba(255, 255, 255, .02); border-radius: var(--raio); padding: 8px; display: grid; align-content: start; gap: 8px; }
.kanban__titulo { display: flex; justify-content: space-between; margin: 0 4px 4px; font-size: 11px; font-weight: var(--peso-medio); color: var(--cor-texto-suave); }
.kanban__titulo span { color: var(--cor-texto); }
.kanban__cartao {
  display: grid; gap: 4px; padding: 12px; border-radius: var(--raio);
  background: var(--cor-superficie); border: 1px solid var(--cor-borda); line-height: 1.3;
}
.kanban__os { font-size: 10px; color: var(--cor-texto-suave); font-variant-numeric: tabular-nums; }
.kanban__nome { font-size: 12px; font-weight: var(--peso-medio); }
.kanban__meta { font-size: 10px; color: var(--cor-texto-suave); }
.kanban__cartao--ativo { border-color: var(--cor-primaria); box-shadow: 0 0 0 1px rgba(255, 106, 19, .25), 0 0 16px rgba(255, 106, 19, .15); }
.kanban__barra { display: block; height: 3px; border-radius: 2px; background: var(--cor-borda); overflow: hidden; }
.kanban__barra span { display: block; height: 100%; background: var(--cor-primaria); }
.kanban__cartao--feito .kanban__meta { color: var(--cor-sucesso); }

@media (max-width: 900px) {
  .diferencial__grade { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .kanban { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .app__busca { display: none; }
}

/* ---------- S10. Normas ---------- */
.normas__intro { font-size: var(--t-lg); max-width: 60ch; }
.normas__lista { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--esp-6) 0 0; border-top: 2px solid var(--cor-borda); }
.norma { display: grid; align-content: start; grid-template-rows: 48px auto auto; row-gap: var(--esp-2); padding: var(--esp-3) var(--esp-3) 0 0; }
.norma__icone { grid-row: 1; color: var(--cor-texto-suave); }
.norma dt { grid-row: 2; }
.norma dd { grid-row: 3; }
.norma + .norma { padding-left: var(--esp-3); border-left: 1px solid var(--cor-borda); }
.norma dt {
  font-family: var(--fonte-titulo); font-stretch: var(--largura-titulo); font-weight: var(--peso-forte);
  font-size: clamp(2rem, 1.3rem + 2.6vw, 3.25rem); line-height: 1; color: var(--cor-primaria-texto);
  margin-bottom: 0; white-space: nowrap;
}
.norma dd { margin: 0; color: var(--cor-texto-suave); }
@media (min-width: 701px) and (max-width: 1100px) { .norma dt { font-size: 4vw; } }  /* tablet: "NBR 5410" cabe na coluna */

@media (max-width: 700px) {
  .normas__lista { grid-template-columns: 1fr; }
  .norma, .norma + .norma { padding: var(--esp-3) 0; border-left: 0; border-bottom: 1px solid var(--cor-borda); }
}

/* ---------- S11. Números ---------- */
.numeros__lista { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--esp-3); margin-top: var(--esp-4); }
.numeros__lista li { display: grid; gap: 4px; padding-top: var(--esp-2); border-top: 2px solid var(--cor-borda); }
.numeros__lista li:first-child { border-top-color: var(--cor-primaria); }
.numeros__lista strong {
  font-family: var(--fonte-titulo); font-stretch: var(--largura-titulo); font-weight: var(--peso-forte);
  font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.441rem); line-height: 1.1; font-variant-numeric: tabular-nums;
}
.numeros__lista span:not([data-anima]) { color: var(--cor-texto-suave); font-size: var(--t-sm); }

@media (max-width: 900px) { .numeros__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- S12. Processo ---------- */
.processo__lista { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--esp-6) var(--esp-4); margin-top: var(--esp-4); counter-reset: etapa; }
.etapa { padding-top: var(--esp-2); border-top: 1px solid var(--cor-borda); }
.etapa__topo { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--esp-2); color: var(--cor-texto-suave); }
.etapa__numero {
  display: block;
  font-family: var(--fonte-titulo); font-stretch: var(--largura-titulo); font-weight: var(--peso-forte);
  font-size: var(--t-h3); color: var(--cor-primaria-texto); font-variant-numeric: tabular-nums;
}
.etapa h3 { font-size: var(--t-lg); margin-bottom: var(--esp-1); }
.etapa p { color: var(--cor-texto-suave); margin: 0; }

@media (max-width: 900px) { .processo__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .processo__lista { grid-template-columns: 1fr; gap: var(--esp-4); } }

/* ---------- S13. Garantia ---------- */
.garantia__grade {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--esp-8); align-items: center;
}
.garantia__numero {
  margin: 0; display: flex; align-items: baseline; gap: 8px;
  font-family: var(--fonte-titulo); font-stretch: var(--largura-titulo); font-weight: var(--peso-forte);
  font-size: clamp(4.5rem, 3rem + 6vw, 8.5rem); line-height: .9; color: var(--cor-primaria-texto); font-variant-numeric: tabular-nums;
}
.garantia__numero small { font-size: var(--t-h3); color: var(--cor-texto); font-weight: var(--peso-medio); }
.garantia__icone { color: var(--cor-texto-suave); margin-bottom: var(--esp-2); }
.garantia__grade p:not(.garantia__numero) { color: var(--cor-texto-suave); font-size: var(--t-lg); }

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

/* ---------- S14. Parceiros ---------- */
.parceiros__lista { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--esp-2); margin-top: var(--esp-3); }
@media (max-width: 700px) { .parceiros__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {     /* em 2 colunas, o último sozinho fica no meio, do mesmo tamanho dos outros */
  .parceiro:last-child:nth-child(odd) { grid-column: 1 / -1; justify-self: center; width: calc((100% - var(--esp-2)) / 2); }
}
.parceiro { display: grid; place-items: center; min-height: 88px; padding: var(--esp-2); border: 1px solid var(--cor-borda); border-radius: var(--raio); }
.parceiro img { width: auto; max-width: 100%; height: auto; max-height: 56px; object-fit: contain; }

/* ---------- S15. Depoimentos ---------- */
.depoimentos__grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--esp-4); margin-top: var(--esp-3); }
.depoimento { padding-top: var(--esp-3); border-top: 2px solid var(--cor-primaria); }
.depoimento blockquote {
  margin: 0 0 var(--esp-2); font-size: var(--t-lg); line-height: 1.45;
}
.depoimento figcaption { color: var(--cor-texto-suave); font-size: var(--t-sm); }
@media (max-width: 900px) { .depoimentos__grade { grid-template-columns: 1fr; } }

/* ---------- S16. Portfólio ---------- */
.portfolio__grade {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 224px;
  gap: var(--esp-2); margin-top: var(--esp-3);
}
.portfolio__foto--grande { grid-column: span 2; grid-row: span 2; }
.portfolio__foto.foto--vaga { background-size: auto 22%, auto, auto; }
@media (max-width: 700px) {
  .portfolio__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 160px; }
}

/* ---------- S17. Blog ---------- */
.blog__topo { display: flex; align-items: baseline; justify-content: space-between; gap: var(--esp-2); }
.blog__topo a { font-weight: var(--peso-medio); text-decoration: none; }
.blog__grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--esp-4); margin-top: var(--esp-3); }
.post { padding-top: var(--esp-2); border-top: 1px solid var(--cor-borda); }
.post__data { margin-bottom: var(--esp-1); }
.post__titulo { font-size: var(--t-lg); }
.post__titulo a { color: var(--cor-texto); text-decoration: none; }
.post__titulo a:hover { color: var(--cor-primaria-texto); opacity: 1; }
@media (max-width: 900px) { .blog__grade { grid-template-columns: 1fr; gap: var(--esp-3); } }

/* ---------- S18. Mensagem final ---------- */
.final__frase { font-size: clamp(1.5rem, 1rem + 2.2vw, 2.6rem); line-height: 1.15; max-width: 30ch; }
.final__acoes { display: flex; flex-wrap: wrap; gap: var(--esp-2); margin-top: var(--esp-4); }

/* ---------- S19. Região ---------- */
.regiao__grade { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--esp-6); align-items: center; }
.regiao__grade p:first-of-type { font-size: var(--t-lg); }
.regiao__mapa { width: 100%; max-width: 464px; justify-self: center; overflow: visible; }
.regiao__anel { fill: none; stroke: var(--cor-borda); stroke-width: 1; }
.regiao__limite { fill: rgba(255, 106, 19, .05); stroke: var(--cor-primaria); stroke-width: 2; filter: drop-shadow(0 0 8px rgba(255, 106, 19, .35)); }
.regiao__raio { stroke: var(--cor-texto-suave); stroke-width: 1; stroke-dasharray: 4 6; }
.regiao__rotulo, .regiao__cidade { font-family: var(--fonte-rotulo); font-stretch: var(--largura-rotulo); font-weight: var(--peso-medio); font-size: 13px; fill: var(--cor-texto-suave); }
.regiao__cidade { fill: var(--cor-texto); font-size: 16px; }
.regiao__centro { fill: var(--cor-destaque); filter: drop-shadow(0 0 6px var(--cor-primaria)); }
@media (max-width: 900px) { .regiao__grade { grid-template-columns: 1fr; } }