/* Páginas públicas de atividades (geradas por scripts/gerar_seo.py) */
body{background:var(--creme)}
.faixa{background:var(--rosa);color:#fff;text-align:center;font-weight:800;padding:9px 16px;font-size:.9rem}
.faixa b{background:#fff;color:var(--rosa);padding:1px 7px;border-radius:6px;margin:0 2px}
.topo{position:sticky;top:0;z-index:40;background:rgba(255,251,242,.94);backdrop-filter:blur(8px);border-bottom:1px solid #F1ECDD}
.topo .container{display:flex;align-items:center;justify-content:space-between;height:64px;gap:10px}
.logo img{height:46px;width:auto}
.topo nav{display:flex;gap:10px;align-items:center}
.topo .btn{padding:10px 18px;font-size:.95rem}
main.container{padding-top:22px;padding-bottom:60px}
.migalhas{font-size:.86rem;font-weight:700;color:var(--texto-suave);margin-bottom:10px}
.migalhas a{color:#2B8ED4;text-decoration:none}
.migalhas a:hover{text-decoration:underline}
main h1{font-size:clamp(1.8rem,4.4vw,2.7rem);line-height:1.1;margin-bottom:12px}
main h2{font-size:clamp(1.25rem,2.6vw,1.6rem);margin:34px 0 14px}
main h2 a{color:inherit}
main h2 small{font-family:'Nunito';font-size:.9rem;color:var(--texto-suave);font-weight:700;margin-left:6px}
.intro{font-size:1.08rem;max-width:820px;color:var(--texto-suave)}
.intro b{color:var(--texto)}
.grade-cad{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}
.cad{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(58,53,87,.10);text-decoration:none;color:inherit;transition:transform .2s}
.cad:hover{transform:translateY(-5px)}
.cad img{width:100%;aspect-ratio:360/510;object-fit:cover}
.cad span{display:block;padding:9px 12px;border-top:1px solid #F1ECF7}
.cad b{display:block;font-size:.92rem;line-height:1.25}
.cad small{color:var(--texto-suave);font-weight:700;font-size:.78rem}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{background:#fff;border-radius:50px;padding:8px 16px;font-weight:800;font-size:.9rem;text-decoration:none;box-shadow:0 4px 12px rgba(183,156,245,.18)}
.chips a:hover{background:var(--texto);color:#fff}
.blocos{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.blocos a{background:#fff;border-radius:18px;padding:18px;text-decoration:none;box-shadow:var(--sombra);border-top:6px solid var(--cor,var(--rosa))}
.blocos b{display:block;font-family:'Baloo 2';font-size:1.35rem}
.blocos small{color:var(--texto-suave);font-weight:700}
.previas{display:flex;gap:14px;overflow-x:auto;padding:16px 2px 8px;scroll-snap-type:x mandatory}
.previas img{width:200px;flex-shrink:0;border-radius:12px;box-shadow:0 10px 24px rgba(58,53,87,.14);scroll-snap-align:start;background:#fff}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.lista{list-style:none;display:grid;gap:6px;font-weight:600}
.lista li::before{content:'✓ ';color:var(--verde);font-weight:800}
.bncc{margin-top:12px;font-size:.92rem;color:var(--texto-suave)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tags span{background:#fff;border-radius:50px;padding:5px 12px;font-weight:800;font-size:.82rem}
.passos-uso li::before{content:'💡 '}
.faq-seo{display:grid;gap:10px;max-width:860px}
.faq-seo details{background:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 4px 14px rgba(91,184,245,.1)}
.faq-seo summary{font-weight:800;cursor:pointer}
.faq-seo p{margin-top:8px;color:var(--texto-suave)}
.cta-seo{margin-top:48px;background:#fff;border:3px solid var(--rosa);border-radius:26px;padding:28px 22px;text-align:center;box-shadow:0 18px 44px rgba(255,143,177,.22)}
.cta-seo h2{margin:0 0 8px}
.cta-seo p{color:var(--texto-suave);max-width:640px;margin:0 auto 18px}
.pulsa{animation:pulso 2.4s infinite}
@keyframes pulso{0%,100%{scale:1}50%{scale:1.03}}
@media (max-width:700px){
  .duas{grid-template-columns:1fr}
  .grade-cad{grid-template-columns:repeat(2,1fr);gap:12px}
  .topo .btn-sec{display:none}
  .previas img{width:150px}
}