@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css");

/* DMS Framework */
@import url("dms-framework/dms-framework.css");  

/* Estilos Adicionales */
@import url("styles-administrador-master.css");
@import url("custom/color-profesoresweb.css");

:root {
  --azul-principal: #0B4A8F;
  --azul-oscuro: #083566;
  --azul-medio: #1E6FD9;
  --azul-claro: #E8F1FB;
  --blanco: #FFFFFF;

}
:root {
  --navbar-height: 72px;
}
[id] {
  scroll-margin-top: calc(var(--navbar-height) + 16px);
}
@media (max-width: 991.98px) {
  :root {
    --navbar-height: 64px;
  }
}

 

/* Botones personalizados */
.btn-azul {
  background-color: var(--azul-principal);
  border-color: var(--azul-principal);
  color: var(--blanco);
  font-weight: 600;
}
.btn-azul:hover,
.btn-azul:focus {
  background-color: var(--azul-oscuro);
  border-color: var(--azul-oscuro);
  color: var(--blanco);
}
.btn-azul-outline {
  background-color: transparent;
  border: 2px solid var(--azul-principal);
  color: var(--azul-principal);
  font-weight: 600;
}
.btn-azul-outline:hover,
.btn-azul-outline:focus {
  background-color: var(--azul-principal);
  color: var(--blanco);
}
/* Hero */
#hero {
  background: linear-gradient(180deg, var(--blanco) 0%, var(--azul-claro) 100%);
}
#hero h1 {
  color: var(--azul-oscuro);
}
/* Cards */
.card-beneficio {
  border: 1px solid var(--azul-claro);
  border-top: 4px solid var(--azul-principal);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-beneficio:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(11, 74, 143, 0.12) !important;
}
/* Iconos */
.icono-azul {
  color: var(--azul-principal);
}
/* Badges numerados */
.badge-paso {
  background-color: var(--azul-principal);
}
/* Badges de localidades */
.badge-localidad {
  background-color: var(--azul-claro);
  color: var(--azul-oscuro);
  font-weight: 500;
  padding: 0.5em 0.9em;
}
/* Acordeón */
.accordion-button:not(.collapsed) {
  background-color: var(--azul-claro);
  color: var(--azul-oscuro);
}
.accordion-button:focus {
  box-shadow: 0 0 0 0.2rem rgba(11, 74, 143, 0.2);
  border-color: var(--azul-medio);
}
/* Sección lista de espera */
#lista-espera {
  background: linear-gradient(135deg, var(--azul-principal) 0%, var(--azul-oscuro) 100%);
}
/* Footer */
footer {
  background-color: var(--azul-oscuro);
}
.palabra-clic {
  cursor: pointer;
  border-bottom: 1px dashed var(--azul-medio, #5a9bd4);
  padding: 1px 2px;
  border-radius: 4px;
  transition: background-color .15s ease;
}
.palabra-clic:hover {
  background-color: var(--azul-claro, #e7f0ff);
}
.palabra-clic.palabra-activa {
  background-color: var(--azul-claro, #e7f0ff);
  border-bottom-style: solid;
}