/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* Mejorar la legibilidad del texto sobre la imagen principal con degradado oscuro */
.bg-holder.overlay:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.5) 100%) !important;
}

/* Ajustar el tamaño del encabezado principal para que no se vea tan grande */
section.text-center.overflow-hidden.py-0 {
    max-height: 500px;
    min-height: 400px;
    height: 500px;
    overflow: hidden;
}

/* Ajustar la imagen de fondo del encabezado */
section.text-center.overflow-hidden.py-0 .bg-holder {
    background-size: cover !important;
    background-position: center center !important;
    height: 100%;
}

/* Ajustar el padding del contenido del encabezado */
section.text-center.overflow-hidden.py-0 .position-relative {
    padding-top: 8rem !important;
    padding-bottom: 5rem !important;
}

/* ========================================================================== */
/* ESTILOS DEL MENÚ DE NAVEGACIÓN - TODOS LOS ELEMENTOS EN BLANCO BRILLANTE */
/* ========================================================================== */

/* Todos los enlaces del menú en blanco */
.navbar-dark .nav-link,
.navbar-dark .nav-link .nav-link-text,
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-item .nav-link,
.navbar-dark .nav-item .nav-link,
.navbar-dark a.nav-link,
.navbar-dark .dropdown-toggle {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
    font-weight: 500 !important;
}

/* Estados hover y focus */
.navbar-dark .nav-link:hover,
.navbar-dark .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .dropdown-toggle:hover,
.navbar-dark .dropdown-toggle:focus {
    color: #ffffff !important;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.8);
}

/* Logo/Brand blanco */
.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand span,
.navbar-dark .navbar-brand .navbar-brand-i {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
}

/* Todos los span dentro de enlaces blancos */
.navbar-dark .nav-link span,
.navbar-dark .dropdown-toggle span,
.navbar-dark a span {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
}

/* Flechas de dropdown */
.navbar-dark .dropdown-toggle::after {
    color: #ffffff !important;
}

/* Asegurar que todos los items de navegación sean blancos */
.navbar-dark .navbar-nav > li > a {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
}

/* Estilos para los dropdown items (submenús) */
.dropdown-menu {
    background-color: rgba(23, 25, 27, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dropdown-item {
    color: #ffffff !important;
    padding: 0.5rem 1.5rem !important;
    transition: all 0.3s ease !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

.dropdown-item:active {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}