/*
 =====================================================
  ADMISIÓN / PORTAL DEL ALUMNADO
  Depende de: /style.css (tokens globales)
 =====================================================
*/

/* ================================================
   LAYOUT DE PÁGINA
================================================ */
body {
  max-width: 100%;
  margin: 0 auto;
  padding: var(--space-lg);
}

/* ================================================
   CABECERA
================================================ */
header {
  text-align: center;
  margin-bottom: var(--space-xl);
}
header p {
  font-size: var(--text-base);
  color: var(--text-muted);
  margin-top: var(--space-sm);
}

/* ================================================
   RESULTADO / LOCALIZADOR
================================================ */
.resultado {
  display: block;
  text-align: center;
  margin-bottom: 1em;
  height: auto !important;
  padding: var(--space-sm);
}

.contenido {
  font-size: clamp(0.85rem, 2vw, 1rem);
  text-align: center;
  width: 100%;
  color: var(--text-muted);
}

.registro {
  font-size: clamp(1.2em, 6vw, 2em);
  font-weight: 700;
  color: var(--color-negro);
  cursor: pointer;
  margin-top: var(--space-sm);
  word-wrap: break-word;
  text-align: center;
  font-family: var(--font-titulo);
}

.nota {
  font-size: clamp(0.75rem, 2vw, 0.9rem);
  font-style: italic;
  color: var(--text-muted);
  margin-top: var(--space-sm);
}

/* ================================================
   FECHA Y BOTÓN PDF
================================================ */
#registroFechaConsulta {
  font-size: var(--text-sm);
  color: var(--text-muted);
  margin-top: var(--space-sm);
}

.button-container {
  text-align: right;
  margin-top: var(--space-lg);
}

#registroPdfButton {
  width: auto;
  padding: var(--space-sm) var(--space-lg);
}

/* ================================================
   RESPONSIVE
================================================ */
@media (max-width: 480px) {
  body {
    padding: var(--space-md);
  }
}

/* Escapar de los contenedores de Astra */
.admision-container,
#admision-app {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* ================================================
   FIX: LEGIBILIDAD DEL SUMMARY EN HOVER
================================================ */
summary:hover h2,
summary:hover h3 {
  color: var(--color-blanco);
}