/* Ajustes do tema Bowl para o site real (o tema vem de bowl.css, extraído de tema/receitas.html sem alteração). */
.marca .ff { width: 30px; height: 28px; --fit: var(--verde-vivo); color: var(--verde-escuro); }
.marca b { color: var(--verde-vivo); font-weight: 800; }
.marca-setor { font-size: 15px; letter-spacing: .1em; color: var(--verde); font-weight: 700; }
.rodape .marca { color: #fff; } .rodape .marca .ff { color: #fff; --fit: var(--lima); } .rodape .marca b, .rodape .marca-setor { color: var(--lima); }
.topo .setores a[aria-current="page"] { color: var(--verde); }
.porcao-individual { text-align: center; margin: 14px 0 0; font-size: 15px; }
.troca, .opcionais, .mais-dietas, .dieta-texto { color: var(--tinta); font-size: 16px; }
.troca { background: var(--lima-claro); border-radius: 12px; padding: 10px 14px; }
.ficha-grade .etiquetas { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; } .etiqueta { text-decoration: none; }
.pilulas-info { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 0; justify-content: center; }
.pilulas-info span { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; background: var(--menta); font-weight: 700; font-size: 14px; }
.versao .bowl { --anel: 12px; width: min(100%, 320px); margin: 0 auto; }
@media (min-width: 861px) { .versao .bowl { --anel: 14px; width: min(100%, 420px); } }
.versao h2 { font-family: var(--titulo); font-weight: 800; font-size: 28px; line-height: 1.1; margin: 0 0 12px; }
.ficha .info-nutri, .versao .info-nutri { margin: 22px auto 0; }
.paginacao { display: flex; gap: 14px; align-items: center; justify-content: center; margin-top: 28px; }
details.versao { background: #fff; border-radius: 22px; box-shadow: var(--sombra); padding: 18px 20px; margin-top: 14px; }
details.versao summary { cursor: pointer; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-family: var(--titulo); font-size: 19px; }
details.versao summary span { font-family: var(--corpo); font-size: 14px; color: var(--tinta-suave); }
details.versao[open] summary { margin-bottom: 14px; }
.sem-foto { display: grid; place-items: center; width: 100%; height: 100%; padding: 12%; text-align: center; font-family: var(--titulo); font-weight: 700; color: var(--verde); background: var(--menta); line-height: 1.1; }
.filtros a.pilula { text-decoration: none; }
.defs { position: absolute; width: 0; height: 0; overflow: hidden; }
/* grade comum do site */
.largura { max-width: 1200px; padding-left: 24px; padding-right: 24px; box-sizing: border-box; }
.secao { padding: 72px 0; }
@media (max-width: 900px) { .secao { padding: 48px 0; } }
main > .largura > .ff-anuncio { margin: 32px auto; }
.heroi-lista .largura { grid-template-columns: minmax(0, 1fr) !important; }
.heroi-lista { padding: 40px 0 48px; }
.heroi-lista h1 { font-size: clamp(38px, 5vw, 64px); }
.vitrine { display: block; text-decoration: none; color: inherit; }
.vitrine .dado { white-space: nowrap; }
.filtros { margin: 24px 0 8px; }
.heroi h1, .ficha h1 { line-height: 1.1; }
