/* Páginas locais (/automacao-com-ia-ribeirao-preto/): foto no topo, mapa esquemático da região em "Onde atende". Papel claro, cobre só no destaque.
   Só esta página carrega este arquivo, por isso os seletores gerais (.sv-hero) não afetam as outras. */

/* celular: título, 2 frases e o botão antes da foto; a assinatura vai para depois da foto (o botão fica na primeira tela) */
@media(max-width:900px){
  .sv-hero{gap:0}
  .sv-hero>.sv-hero-texto{display:contents}
  .sv-hero .section-label{order:1}
  .sv-hero h1{order:2;margin-top:8px}
  .sv-hero .sv-lead{order:3;margin-top:14px}
  .sv-hero .sv-acoes{order:4;margin-top:20px;gap:12px 24px}
  .sv-hero>.sv-foto{order:5;margin-top:24px}
  .sv-hero .sv-assina{order:6;margin-top:16px}
}

/* onde atende: texto à esquerda, mapa à direita */
.lc-onde{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px 64px;align-items:center}
.lc-onde .sv-titulo p:not(.section-label){font-size:15px;max-width:52ch;margin-top:8px}
@media(max-width:900px){.lc-onde{grid-template-columns:1fr}}
.lc-mapa{margin:0;width:100%;max-width:560px;justify-self:center;background:#FFF;border:1px solid rgba(21,22,24,.08);border-radius:22px;padding:18px 18px 14px;box-shadow:0 40px 80px -50px rgba(21,22,24,.45);background-image:linear-gradient(rgba(21,22,24,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(21,22,24,.045) 1px,transparent 1px);background-size:28px 28px}
.lc-mapa svg{display:block;width:100%;height:auto;overflow:visible}
.lc-linhas line{stroke:#C2814F;stroke-width:1.5;stroke-dasharray:4 5;opacity:.55}
.lc-p circle{fill:#151618}
.lc-p text{font:500 16px Inter,Arial,sans-serif;fill:#151618}
.lc-rp circle{fill:#151618;stroke:#C2814F;stroke-width:4}
.lc-rp text{font-weight:650;font-size:17px}
.lc-base circle{fill:#C2814F}
.lc-base text{fill:#7A4A24;font-weight:600}
.lc-mapa figcaption{margin-top:8px;font-size:13px;line-height:1.5;color:#55575B;text-align:center}
@media(max-width:900px){.lc-mapa{padding:12px 10px 10px}}

.sv-ligados{list-style:none;margin:0;padding:0}