/* SCM Transportes | páginas de SEO (complementa scm.css) */
.seo-hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#0c0d0a 0%,var(--preto) 100%);padding:40px 0 48px}
.seo-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(45% 70% at 88% 30%,rgba(179,205,10,.17),rgba(179,205,10,.05) 45%,transparent 72%)}
.seo-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(179,205,10,.5),transparent)}
.migalha{font-size:13.5px;color:var(--mudo);margin-bottom:22px}
.migalha ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.migalha li+li::before{content:"/";margin-right:6px;color:var(--mudo-esc)}
.migalha a{text-decoration:none;color:var(--mudo)}
.migalha a:hover{color:var(--lime)}
.seo-hero h1{font-size:clamp(32px,4vw,56px);max-width:22ch;margin-bottom:18px;text-shadow:var(--s-txt)}
.seo-hero__sub{font-size:clamp(16px,1.35vw,19px);color:#dcdfd2;max-width:62ch;margin-bottom:26px}
.seo-hero__ctas{display:flex;flex-wrap:wrap;gap:14px}
.seo-pontos{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--linha-fraca)}
.seo-pontos li{padding:18px 22px 4px 0}
.seo-pontos li+li{padding-left:22px;border-left:1px solid var(--linha-fraca)}
.seo-pontos b{display:block;font-family:"Archivo",sans-serif;font-size:16.5px;margin-bottom:4px;color:var(--texto)}
.seo-pontos span{font-size:14.5px;color:var(--mudo)}

.artigo{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.texto{max-width:72ch}
.texto h2{font-size:clamp(24px,2.4vw,32px);margin:40px 0 14px;color:var(--tinta)}
.texto h2:first-child{margin-top:0}
.texto p{color:#2d2f27;font-size:17px;line-height:1.72;margin:0 0 16px}
.texto p.abre{font-size:18.5px;color:var(--tinta)}
.lateral{position:sticky;top:96px;display:grid;gap:18px}
.lat-cx{border-radius:16px;padding:24px 22px;background:linear-gradient(160deg,#16170f,#0b0b09);color:var(--texto);box-shadow:var(--s-card)}
.lat-cx h3{color:var(--texto);font-size:19px;margin-bottom:8px}
.lat-cx p{color:var(--mudo);font-size:14.5px;margin-bottom:16px}
.lat-cx .btn{width:100%}
.lat-links{border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:20px 22px;background:rgba(255,255,255,.55)}
.lat-links h3{font-size:15px;margin-bottom:10px}
.lat-links ul{list-style:none;margin:0;padding:0}
.lat-links li{border-top:1px solid rgba(0,0,0,.08)}
.lat-links a{display:block;padding:9px 0;text-decoration:none;font-size:14.5px;color:var(--tinta2)}
.lat-links a:hover{color:#4a5504}

.relac{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;list-style:none;margin:0;padding:0}
.relac li{border-bottom:1px solid var(--linha-fraca)}
.relac a{display:flex;align-items:center;gap:10px;padding:13px 0;text-decoration:none;color:var(--mudo);font-size:15px;transition:color .15s}
.relac a::before{content:"";width:10px;height:10px;flex:0 0 10px;background:var(--lime);-webkit-mask:var(--mk) center/contain no-repeat;mask:var(--mk) center/contain no-repeat}
.relac a:hover{color:var(--texto)}

.mapa-grupo{margin-bottom:44px}
.mapa-grupo h2{font-size:clamp(22px,2.2vw,28px);margin-bottom:6px;color:var(--tinta)}
.mapa-grupo p{color:var(--tinta2);margin-bottom:14px}
.mapa-lista{columns:3 260px;column-gap:32px;margin:0;padding:0 0 0 22px}
.mapa-lista li{break-inside:avoid;padding:5px 0;color:var(--tinta2)}
.mapa-lista li::marker{color:#5c6a04;font-weight:700}
.mapa-lista a{color:var(--tinta);text-decoration:none;border-bottom:1px solid rgba(92,106,4,.3)}
.mapa-lista a:hover{color:#4a5504;border-color:#4a5504}

@media (max-width:1000px){
  .artigo{grid-template-columns:1fr;gap:34px}
  .lateral{position:static}
  .relac{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .seo-pontos{grid-template-columns:1fr}
  .seo-pontos li,.seo-pontos li+li{padding:14px 0 4px;border-left:0}
  .seo-pontos li+li{border-top:1px solid var(--linha-fraca)}
  .relac{grid-template-columns:1fr}
  .seo-hero__ctas .btn{width:100%}
  .texto p{font-size:16.5px}
}
.rod__grid--4{grid-template-columns:1.3fr 1fr 1fr 1fr}
@media (max-width:1000px){.rod__grid--4{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.rod__grid--4{grid-template-columns:1fr}}