/* ==========================================================================
   ClinicusMed — Design System v2
   layout.css — grid, containers e estrutura de página
   ==========================================================================
   Preenchido progressivamente: Etapa 1 traz só o container base e a grade
   de fundo (glow radial) usados no Hero novo (Etapa 2). O restante do
   layout específico de cada seção (navbar, dashboard, cards de semestre
   etc.) é adicionado na etapa correspondente, pra manter esse arquivo
   organizado por ordem de construção, não uma lista solta de regras.
   ========================================================================== */

.cx-container{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 var(--cx-space-5);
}

.cx-container-wide{
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 var(--cx-space-5);
}

/* Fundo com gradiente radial sutil + glow verde discreto,
   usado atrás do Hero e de seções de destaque. */
.cx-radial-bg{
  position: relative;
  background:
    radial-gradient(circle at 20% 0%, rgba(29,185,84,.10), transparent 45%),
    radial-gradient(circle at 85% 15%, rgba(216,165,59,.06), transparent 40%),
    var(--cx-bg);
}

.cx-section{
  padding: var(--cx-space-9) 0;
}

@media (max-width: 720px){
  .cx-section{ padding: var(--cx-space-7) 0; }
  .cx-container, .cx-container-wide{ padding: 0 var(--cx-space-4); }
}