/* Ecopedinha: entrada e categorias (0.8.0). Fundo creme, cores por tema e por idade. */
.eco { --eco-tinta: #24303A; --eco-creme: #FFFBF2; --eco-cor: #2F9E44; --eco-fundo: #D3F9D8; color: var(--eco-tinta); font-size: 18px; line-height: 1.5; max-width: 1080px; margin: 0 auto; padding: 8px 0 32px; }
.eco * { box-sizing: border-box; }
.eco [hidden] { display: none !important; }
.eco h1, .eco h2 { color: var(--eco-tinta); text-transform: none !important; letter-spacing: 0 !important; line-height: 1.2 !important; }
.eco-oculto { position: absolute; left: -9999px; }
.eco-topo { background: var(--eco-creme); border-radius: 20px; padding: 28px 28px 24px; margin: 0 0 24px; }
.eco-topo-tema { background: var(--eco-fundo); }
.eco-marca { font-weight: 800; font-size: 26px; color: #1B6B3A; margin: 0 0 6px; }
.eco-marca span { font-weight: 500; font-size: 16px; color: #3D4652; }
.eco-titulo { font-size: 34px !important; margin: 0 0 8px !important; }
.eco-lead { font-size: 19px; margin: 0 0 16px; }
.eco-busca { display: flex; gap: 8px; flex-wrap: wrap; }
.eco-busca input[type=search] { flex: 1 1 240px; min-height: 52px; border: 2px solid #CED4DA; border-radius: 14px; padding: 0 16px; font-size: 18px; background: #FFF; }
.eco-busca button { min-height: 52px; padding: 0 24px; border: 0; border-radius: 14px; background: #1B6B3A; color: #FFF; font-weight: 700; font-size: 18px; cursor: pointer; }
.eco-bloco { margin: 0 0 28px; }
.eco-bloco h2 { font-size: 26px !important; margin: 0 0 14px !important; }
.eco-idades { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin: 0 0 22px; }
.eco-idade { display: flex; flex-direction: column; gap: 2px; text-align: left; font: inherit; cursor: pointer; text-decoration: none !important; border: 3px solid var(--eco-cor, #CED4DA); background: #FFF; color: var(--eco-tinta); border-radius: 18px; padding: 14px 16px; min-height: 76px; transition: transform .1s; }
.eco-idade strong { font-size: 21px; }
.eco-idade span { font-size: 15px; }
.eco-idade:hover { transform: translateY(-2px); }
.eco-idade.ativo { background: var(--eco-cor); color: var(--eco-texto, #24303A); }
.eco-todas { --eco-cor: #ADB5BD; justify-content: center; }
.eco-todas.ativo { background: #495057; border-color: #495057; color: #FFF; }
.eco-temas { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.eco-tema { display: flex; flex-direction: column; justify-content: space-between; min-height: 120px; padding: 18px; border-radius: 18px; background: var(--eco-fundo); border-left: 8px solid var(--eco-cor); color: var(--eco-tinta) !important; text-decoration: none !important; transition: transform .1s; }
.eco-tema:hover { transform: translateY(-2px); }
.eco-tema-nome { font-weight: 800; font-size: 21px; line-height: 1.25; }
.eco-tema-conta { font-size: 15px; }
.eco-caminho { font-size: 15px; margin: 0 0 10px; }
.eco-perguntas { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.eco-pergunta { display: flex; flex-direction: column; background: #FFF; border: 2px solid var(--eco-fundo); border-radius: 18px; overflow: hidden; color: var(--eco-tinta) !important; text-decoration: none !important; transition: transform .1s; }
.eco-pergunta:hover { transform: translateY(-2px); border-color: var(--eco-cor); }
.eco-foto { display: block; aspect-ratio: 3 / 2; background: var(--eco-fundo) center / cover no-repeat; }
.eco-pergunta-texto { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px 18px; }
.eco-pergunta-titulo { font-weight: 700; font-size: 19px; line-height: 1.3; }
.eco-selo { display: inline-block; align-self: flex-start; font-size: 13px; font-weight: 700; border-radius: 999px; padding: 2px 10px; }
.eco-selo-grande { font-size: 16px; vertical-align: middle; padding: 4px 14px; }
.eco-vazio { color: #5B6470; }
.eco-adultos { background: #F2F7FB; border-left: 4px solid #415678; padding: 14px 18px; border-radius: 8px; font-size: 16px; }
@media (max-width: 600px) {
    .eco-topo { padding: 20px 16px; }
    .eco-titulo { font-size: 27px !important; }
    .eco-idades { grid-template-columns: 1fr 1fr; }
}

/* 0.14.1: ver mais e fim da página */
.eco .eco-alem { display: none !important; }
.eco-ver-mais { display: block; margin: 20px auto 0; min-height: 48px; padding: 0 26px; border: 2px solid var(--eco-cor, #415678); border-radius: 999px; background: #fff; color: var(--eco-cor, #415678); font: inherit; font-weight: 800; font-size: 17px; cursor: pointer; }
.eco-ver-mais:hover, .eco-ver-mais:focus-visible { background: var(--eco-fundo, #F2F7FB); }
.eco-fim { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 32px 0 8px; padding-top: 20px; border-top: 2px dashed var(--eco-fundo, #E5E7EB); }
.eco-fim-botao { display: inline-flex; align-items: center; min-height: 48px; padding: 0 22px; border-radius: 14px; background: var(--eco-fundo, #F2F7FB); color: var(--eco-cor, #415678) !important; font-weight: 800; text-decoration: none !important; border: 2px solid var(--eco-cor, #415678); }
.eco-fim-tema { background: var(--eco-cor, #415678); color: #fff !important; }
#eco-escolha-idade, #eco-temas { scroll-margin-top: 90px; }