/* ============================================
   KAROL FEITOSA — PORTAL DO ALUNO
   ============================================ */


/* ——————————————————————————————
   FUNDO DARK — página inteira
—————————————————————————————— */

.portal-page {
  background-color: var(--color-bg-dark);
}


/* ——————————————————————————————
   CABEÇALHO DA PÁGINA
—————————————————————————————— */

.portal__header {
  padding-top: calc(var(--navbar-height, 72px) + var(--space-16));
  padding-bottom: var(--space-12);
  text-align: center;
}

.portal__label {
  display: block;
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  letter-spacing: var(--tracking-wide);
  color: var(--color-turquoise);
  margin-bottom: var(--space-4);
}

.portal__headline {
  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: var(--font-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-white);
  margin-bottom: var(--space-4);
}

.portal__headline span {
  color: var(--color-pink);
}

.portal__desc {
  font-size: var(--text-base);
  color: rgba(255, 255, 255, 0.50);
  line-height: var(--leading-normal);
}


/* ——————————————————————————————
   ÁREA DO WIDGET — bordas arredondadas
—————————————————————————————— */

.portal__widget-wrapper {
  padding-bottom: var(--space-24);
}

.portal__widget-wrapper .container {
  max-width: 960px;
  background: var(--color-white);
  border-radius: var(--radius-xl);
  overflow: hidden;
  padding: 0;
}


/* ——————————————————————————————
   CTA ATIVO NA NAVBAR
—————————————————————————————— */

.navbar__cta--active {
  background: var(--gradient-brand);
  opacity: 1;
}