/* =========================================================
   ESCOLA SEMENTES — Elementos derivados da marca
   Carregado em todas as páginas. Cada regra age apenas onde
   a classe correspondente existe. Elementos em assets/marca/.

   Fase 1: os elementos da identidade antiga (flor de alecrim,
   guirlanda de famílias) foram trocados pelo elemento de
   SEMENTES, que é o derivado institucional da marca nova.

   Por que sementes e não a folha de alecrim: na marca antiga
   "alecrim" era o nome da escola inteira, então a flor servia
   de elemento institucional. Na marca nova, Alecrim é a
   submarca da Educação Infantil — usá-la nas páginas gerais
   atribuiria o segmento errado. O par semente/roda é o que
   vale para todo mundo.

   Tamanhos: cada troca mantém a MESMA ALTURA de antes, para
   não mexer no espaço vertical que o elemento ocupava. Como
   o elemento novo é quadrado (1:1) e os antigos eram
   deitados, a largura encolhe — é o preço de trocar a forma.
   ========================================================= */

/* ---------------------------------------------------------
   1) Elemento coroando cabeçalhos CENTRALIZADOS
   Antes: flor deitada, 132 x 47px (aspect 452/161)
   Agora: sementes, 47 x 47px — mesma altura
   --------------------------------------------------------- */
.sec-head, .ciclos__head, .extras__head, .alim-intro__in, .blk-head--center{ position:relative; }
.sec-head::before, .ciclos__head::before, .extras__head::before,
.alim-intro__in::before, .blk-head--center::before{
  content:""; display:block; width:47px; aspect-ratio:1; margin:0 auto .9rem;
  background:url('assets/marca/semente.svg') center/contain no-repeat;
  opacity:.92;
}

/* cabeçalho do manifesto (centralizado, fundo branco) — elemento removido a pedido */
.manifesto__inner{ position:relative; }
.manifesto__inner::before{ display:none; }

/* ---------------------------------------------------------
   2) Elemento à ESQUERDA em cabeçalhos alinhados à esquerda
   Antes: flor deitada, 108 x 38px
   Agora: sementes, 38 x 38px
   --------------------------------------------------------- */
/* NAO inclua .responde__intro no seletor de position:relative abaixo.
   Esta regra so existe para dar contexto de posicionamento ao ::before
   decorativo — e o ::before e display:block em fluxo normal, entao nem
   precisa disso. Quando .responde__intro estava na lista, o
   position:relative daqui (arquivo carregado depois do home.css)
   sobrescrevia o position:sticky do desktop E o position:static do
   mobile, mas deixava vivo o top:108px do home.css. Resultado no
   celular: o bloco de intro descia 108px sobre a primeira pergunta do
   FAQ e os dois textos se sobrepunham. */
.receitas__head{ position:relative; }
.receitas__head::before, .responde__intro::before{
  content:""; display:block; width:38px; aspect-ratio:1; margin:0 0 .75rem;
  background:url('assets/marca/semente.svg') left center/contain no-repeat;
  opacity:.9;
}

/* (marcas d'água removidas a pedido) */