html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* ==========================================================================
   Pantallas de Error Escolar (Acceso Denegado / 404 / 500)
   ========================================================================== */
.error-page-body {
    background-color: #f4f6f9; /* Gris oficial de AdminLTE */
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-card-container {
    max-width: 500px;
    width: 100%;
    padding: 15px;
}

.error-card-professional {
    border: none;
    border-top: 4px solid #dc3545; /* Línea roja superior muy elegante */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Sombra suave de AdminLTE */
}

.error-icon-lg {
    font-size: 5rem;
}