/* ============================================
   FONDOS BLANCOS GLOBALES - AMDGSI
   ============================================ */

/* Fondo blanco para body y html */
html, body {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Eliminar pseudo-elementos de fondo */
body::before,
body::after {
    display: none !important;
}

/* Barra de menú - fondo blanco sin borde */
.bg-dark {
    background-color: #ffffff !important;
    border-bottom: none;
}

    .bg-dark .text-white-50 {
        color: #666666 !important;
    }

    .bg-dark .text-secondary {
        color: #333333 !important;
    }

/* Navbar - fondo blanco sin borde */
.bg-sagem {
    background-color: #ffffff !important;
    border-bottom: none;
    box-shadow: none;
}

/* Links del navbar en oscuro */
.navbar-light .nav-link {
    color: #333333 !important;
    font-weight: 500;
    transition: color 0.3s ease;
}

    .navbar-light .nav-link:hover {
        color: #008000 !important;
    }

/* NavLink activo - clase automática de Blazor */
.navbar-light .nav-link.active {
    color: #008000 !important;
    font-weight: 600;
    border-bottom: 2px solid #008000;
}

/* También para nav-item con active */
.navbar-light .nav-item .nav-link.active {
    color: #008000 !important;
    font-weight: 600;
}

/* Asegurar que los NavLinks inactivos no tengan borde */
.navbar-light .nav-link:not(.active) {
    border-bottom: 2px solid transparent;
}

/* Dropdown del navbar */
.navbar-light .dropdown-toggle {
    color: #333333 !important;
}

    .navbar-light .dropdown-toggle:hover {
        color: #008000 !important;
    }

.dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.dropdown-item {
    color: #333333 !important;
}

    .dropdown-item:hover {
        background-color: #f8f9fa !important;
        color: #008000 !important;
    }

/* Topbar texto oscuro */
.topbar small {
    color: #666666 !important;
}

.topbar .text-muted {
    color: #666666 !important;
}

/* Secciones - fondo blanco */
.bg-light {
    background-color: #ffffff !important;
}

.bg-amdgsil {
    background-color: #ffffff !important;
}

    .bg-amdgsil::before {
        display: none !important;
    }

.bg-amdg {
    background-color: #ffffff !important;
}

    .bg-amdg::before {
        display: none !important;
    }

.bg-parrafo {
    background-color: #ffffff !important;
}

/* Servicios y soluciones */
.services-card {
    background-color: #ffffff !important;
}

    .services-card.hover-shadow {
        background-color: #f8f9fa !important;
    }

.section-servicios {
    background-color: #ffffff !important;
}

/* Contenedores */
.contenedor-textos-main {
    background-color: #ffffff !important;
}

.aboutresponsive {
    background-color: #ffffff !important;
}

/* Gradientes a blanco */
.gradient-bg {
    background: #ffffff !important;
}

/* Cards y elementos */
.bg-white {
    background-color: #ffffff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

/* Carousel - tarjetas blancas */
.carousel-content.bg-white {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}

.carousel-content .text-dark {
    color: #333333 !important;
}

.carousel-content .text-muted {
    color: #666666 !important;
}

/* Mantener solo fondos de éxito (verde) para badges y botones */
.bg-success {
    /* No cambiar - mantener verde */
}

/* Footer - opcional: mantener o cambiar a blanco */
footer {
    background-color: #f8f9fa !important;
    border-top: 1px solid #e0e0e0;
}

/* Asegurar texto legible en fondos blancos */
.text-white {
    color: #333333 !important;
}

/* Excepciones: mantener texto blanco en elementos verdes */
.bg-success .text-white,
.btn-success .text-white,
.badge .text-white {
    color: #ffffff !important;
}

/* Sombras suaves para diferenciar secciones */
section {
    box-shadow: none;
    border-bottom: 1px solid #f0f0f0;
}

/* Carousel específico */
.carousel-wrapper {
    background: #ffffff !important;
}

.carousel-split-layout {
    background: #ffffff !important;
}

.carousel-text-section {
    background: #ffffff !important;
}

.carousel-image-section {
    background: #ffffff !important;
}

/* NavLinks con mejor contraste */
a.nav-link,
a.navbar-brand {
    text-decoration: none;
}

a.nav-link:focus {
    color: #008000 !important;
}

/* Toggler del navbar para fondo blanco */
.navbar-toggler {
    border-color: #333333;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 33, 33, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
