/* Página editorial reutilizável de segmentos.
   Herda todo o visual de tatames.css; aqui só o que é específico do modo genérico.
   O hero de cada segmento vem da variável --seg-hero (definida inline no template);
   o seletor .seg-page tem especificidade maior que .tatame-hero de tatames.css. */
.seg-page.tatames-page{background:#fafcff}
.seg-page .tatame-hero{background:#eef5ff var(--seg-hero, url('../img/eva-hero-2026.png')) center/cover no-repeat}
/* Sem imagem dedicada de hero, o texto precisa continuar legível sobre a foto padrão. */
.seg-page .tatame-hero:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,#eef5ffee 32%,#eef5ff55 55%,transparent 72%)}
@media(max-width:760px){.seg-page .tatame-hero:before{background:linear-gradient(#f0f5ff00 30%,#f0f5ffcc 55%,#f0f5ff)}}