/* ==========================================================
   Colégio ECCOS — Abertura das páginas internas
   (faixa de título + indicação de onde o visitante está)
   ========================================================== */

.pagina-topo {
  background:
    radial-gradient(800px 420px at 90% 0%, var(--turquesa-claro), transparent 70%),
    var(--gelo);
  border-bottom: 1px solid var(--linha);
}
.pagina-topo .container { padding-block: 56px 60px; }
.migalhas { display: flex; gap: 8px; margin-bottom: 18px; font-size: 14.5px; color: #5b6f8c; }
.migalhas a { color: var(--azul); font-weight: 700; }
.migalhas a:hover { text-decoration: underline; }
.pagina-topo h1 {
  margin: 0 0 14px;
  font-family: var(--fonte-titulo);
  font-weight: 800;
  font-size: clamp(2.1rem, 3.9vw, 3.15rem);
  line-height: 1.1;
  letter-spacing: -.015em;
  color: var(--azul-profundo);
}
.pagina-topo p { margin: 0; max-width: 56ch; font-size: 1.15rem; line-height: 1.65; color: #3d5273; }


@media (max-width: 560px) {
  .pagina-topo .container { padding-block: 40px 44px; }
}