:root{--azul:#0f3d5e;--escuro:#09283f;--verde:#188a5d;--dourado:#f0b429;--fundo:#f4f7f6;--txt:#1f2a32;--muted:#65737e;--line:#dde8ec;--shadow:0 18px 45px rgba(8,31,49,.12)}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--fundo);color:var(--txt);line-height:1.6}a{text-decoration:none}h1,h2,h3{line-height:1.1;margin-top:0}.hero{min-height:76vh;display:flex;align-items:center;justify-content:center;text-align:center;color:white;padding:50px 20px;background:linear-gradient(135deg,rgba(9,40,63,.94),rgba(15,61,94,.84)),url('../assets/interior-sp-hero.svg');background-size:cover;background-position:center}.hero>div{max-width:1050px}.hero h1{font-size:clamp(2.2rem,5vw,4.8rem);margin:12px 0}.hero p{font-size:1.22rem;max-width:900px;margin:0 auto 25px;color:#e8f2f5}.tag{display:inline-block;background:rgba(240,180,41,.18);color:#ffe5a4;border:1px solid rgba(240,180,41,.45);padding:7px 12px;border-radius:999px;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--verde);color:#fff;padding:12px 18px;border-radius:12px;border:0;font-weight:800;cursor:pointer;margin:5px}.btn.ghost{background:white;color:var(--azul);border:1px solid var(--line)}main{max-width:1180px;margin:auto;padding:30px 20px}.aviso{background:#fff8e5;border:1px solid #f1d48c;border-radius:20px;padding:20px;margin-top:-58px;position:relative;box-shadow:var(--shadow)}.grid2{display:grid;grid-template-columns:1.35fr .75fr;gap:24px;margin:28px 0}.card,.faixa,.quiz-area,.resultado,.cidade-section{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.premium strong{display:block;font-size:2.4rem;color:var(--dourado)}.metricas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metricas article{background:white;border:1px solid var(--line);padding:18px;border-radius:18px}.metricas b{display:block;color:var(--azul)}.metricas span,small,.lead{color:var(--muted)}.rankwrap{display:grid;gap:22px}.faixa ol{list-style:none;padding:0;margin:0;display:grid;gap:12px}.faixa li{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#f8fbfc;border:1px solid #e5eef2;border-radius:16px;padding:15px}.faixa small{display:block}.faixa a,.faixa span{white-space:nowrap;border-radius:999px;padding:8px 12px;font-weight:800;background:#eaf7f1;color:var(--verde)}.premiumbar{margin:30px 0;background:linear-gradient(135deg,var(--escuro),var(--azul));color:white;border-radius:24px;padding:28px}.quiz-cabecalho{text-align:center;max-width:850px;margin:auto}.barra{height:12px;background:#e7eef1;border-radius:999px;overflow:hidden;margin:20px 0}.barra div{height:100%;width:10%;background:linear-gradient(90deg,var(--verde),var(--dourado));transition:.25s}.pergunta{display:none;border:0;padding:0;margin:0}.pergunta.ativa{display:block}.pergunta legend{font-size:1.35rem;font-weight:900;color:var(--azul);margin-bottom:12px}.pergunta label{display:block;background:#f8fbfc;border:2px solid #e5eef2;border-radius:16px;padding:13px 15px;margin:10px 0;cursor:pointer;font-weight:700}.pergunta label:has(input:checked){background:#eefaf5;border-color:var(--verde)}.grid-contato{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-contato input{padding:14px;border:2px solid #dfe9ee;border-radius:12px}.botoes{display:flex;justify-content:space-between;margin-top:18px}.oculto{display:none!important}.lista-resultado{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cidade-card{background:#f8fbfc;border:1px solid var(--line);border-radius:18px;padding:16px}.cidade-top{background:white;margin-top:-58px;position:relative;border-radius:24px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--line)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpis div{background:#f7fafb;border:1px solid var(--line);border-radius:16px;padding:14px}.cidade-section{margin:20px 0}.cidade-section ul{columns:2}.fontes{font-size:.95rem;color:#52616c;background:#f8fbfc;border-left:4px solid var(--verde);padding:16px;border-radius:12px}footer{text-align:center;padding:30px;color:#6d7a83}@media(max-width:850px){.grid2,.metricas,.kpis,.grid-contato,.lista-resultado{grid-template-columns:1fr}.faixa li{align-items:flex-start;flex-direction:column}.hero{min-height:68vh}.cidade-section ul{columns:1}}


/* Camada visual premium: movimento leve sem quebrar a estrutura */
html{scroll-behavior:smooth}.hero{position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -35% -10%;height:55%;background:radial-gradient(circle at 50% 0,rgba(240,180,41,.25),transparent 60%);animation:pulseLuz 5s ease-in-out infinite}.hero>div{position:relative;z-index:2}.hero-vivo{background:linear-gradient(135deg,rgba(9,40,63,.92),rgba(15,61,94,.78)),url('../assets/campinas-vida.svg');background-size:cover;background-position:center}.hero-campinas{background:linear-gradient(135deg,rgba(9,40,63,.9),rgba(24,138,93,.72)),url('../../assets/campinas-vida.svg');background-size:cover;background-position:center}.frase-impacto{font-size:clamp(1.35rem,2.4vw,2rem)!important;font-weight:900;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.22)}.reveal{animation:subir .75s ease both}.painel-vida,.rotina-cidade,.chamada-quiz{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;margin:28px 0;box-shadow:var(--shadow)}.tag.escura{background:#eefaf5;color:var(--verde);border-color:#bdebd8}.mini-cenas{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-cenas article{background:linear-gradient(180deg,#f8fbfc,#eef7f4);border:1px solid var(--line);border-radius:20px;padding:18px;min-height:120px;transition:.25s}.mini-cenas article:hover,.cidade-card:hover,.faixa li:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(8,31,49,.12)}.mini-cenas b{display:block;color:var(--azul);font-size:1.25rem}.mini-cenas span{color:var(--muted)}.midia-home{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.imagem-viva{min-height:310px;border-radius:28px;background:url('../assets/vida-interior.svg') center/cover no-repeat;box-shadow:var(--shadow);border:1px solid var(--line)}.video-placeholder{min-height:210px;border-radius:22px;border:2px dashed #b7cbd4;background:linear-gradient(135deg,#f8fbfc,#eef7f4);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;color:var(--azul);padding:20px;position:relative;overflow:hidden}.video-placeholder:before{content:"▶";display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:var(--verde);color:white;margin-right:12px;box-shadow:0 12px 25px rgba(24,138,93,.22)}.chamada-quiz{grid-template-columns:1fr auto;background:linear-gradient(135deg,#09283f,#0f3d5e);color:white}.chamada-quiz p{color:#e8f2f5}.barras p{margin:12px 0}.barras b{display:block;color:var(--azul);margin-bottom:5px}.barras span{display:block;height:13px;border-radius:999px;background:#e7eef1;overflow:hidden}.barras i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--verde),var(--dourado));animation:carregar 1.2s ease both}.galeria-viva{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.galeria-viva div{min-height:150px;border-radius:22px;padding:16px;display:flex;align-items:flex-end;font-weight:900;color:white;background:linear-gradient(135deg,rgba(9,40,63,.9),rgba(24,138,93,.72)),url('../../assets/vida-interior.svg') center/cover;box-shadow:var(--shadow);transition:.25s}.galeria-viva div:hover{transform:scale(1.025)}.comentario-form label{display:block;font-weight:800;color:var(--azul);margin:12px 0}.comentario-form input,.comentario-form select,.comentario-form textarea{width:100%;padding:13px 14px;border:2px solid #dfe9ee;border-radius:14px;font:inherit;background:white;margin-top:6px}.comentarios-lista{display:grid;gap:14px;margin-top:20px}.comentario-item{background:#f8fbfc;border:1px solid var(--line);border-radius:18px;padding:16px}.comentario-item b{color:var(--azul)}.comentario-item small{display:block;margin:4px 0 10px}.comentario-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.comentario-meta span{background:#eefaf5;color:var(--verde);border-radius:999px;padding:5px 9px;font-size:.9rem;font-weight:800}.cidade-section{transition:.25s}.cidade-section:hover{box-shadow:0 22px 54px rgba(8,31,49,.14)}@keyframes subir{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes pulseLuz{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.75;transform:scale(1.05)}}@keyframes carregar{from{width:0}}@media(max-width:850px){.painel-vida,.rotina-cidade,.chamada-quiz,.midia-home,.mini-cenas,.galeria-viva{grid-template-columns:1fr}.chamada-quiz{text-align:center}.video-placeholder:before{margin-right:8px}}


/* =========================================================
   PADRONIZAÇÃO VISUAL DAS PÁGINAS DE CIDADES
   Mantém o conteúdo, mas força todas as cidades a usar
   o mesmo CSS, cartões, espaçamento, botões e aparência.
   ========================================================= */
body.pagina-cidade{background:var(--fundo);color:var(--txt)}
body.pagina-cidade main{max-width:1180px;margin:auto;padding:30px 20px}
.section{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);margin:20px 0}
.section.card,.card.section{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}
.section h2,.cidade-section h2{color:var(--azul);font-size:1.55rem;margin-bottom:12px;border-bottom:1px solid #e8f0f3;padding-bottom:10px}
.section h3,.cidade-section h3{color:var(--escuro)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.badge{display:inline-block;background:#eefaf5;color:var(--verde);border:1px solid #bdebd8;padding:7px 11px;border-radius:999px;margin:4px;font-weight:800}
body.pagina-cidade label{display:block;font-weight:800;color:var(--azul);margin:12px 0}
body.pagina-cidade input,body.pagina-cidade textarea,body.pagina-cidade select{width:100%;padding:13px 14px;border:2px solid #dfe9ee;border-radius:14px;font:inherit;background:white;margin-top:6px}
body.pagina-cidade button{display:inline-flex;align-items:center;justify-content:center;background:var(--verde);color:#fff;padding:12px 18px;border-radius:12px;border:0;font-weight:800;cursor:pointer;margin:10px 0}
body.pagina-cidade a{color:var(--verde);font-weight:800}
body.pagina-cidade .hero a{color:inherit}
.hero-cidade-padrao{background:linear-gradient(135deg,rgba(9,40,63,.92),rgba(15,61,94,.78)),url('../../assets/vida-interior.svg');background-size:cover;background-position:center;min-height:48vh}
.cidade-intro-card{background:white;margin-top:-58px;position:relative;border-radius:24px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--line)}
.cidade-intro-card p{margin:0 0 10px}
body.pagina-cidade .cidade-section{margin:20px 0;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}
@media(max-width:850px){.grid{grid-template-columns:1fr}.hero-cidade-padrao{min-height:42vh}}