/* ========================================
   CORRECCIONES GLOBALES DE FONDOS Y BORDES
   Aplicar después de merged-styles.css
   ======================================== */

/* GLASSMORPHISM Y TRANSPARENCIAS */

/* Header - Completamente transparente por defecto */
.header-final {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: background 0.3s ease, backdrop-filter 0.3s ease !important;
}

/* Header con fondo al hacer scroll */
.header-final.scrolled {
    background: rgba(26, 26, 26, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

/* Hero - Sin margen superior porque el header es transparente */
.hero-final {
    margin-top: 0 !important;
}

@media (min-width: 1024px) {
    .hero-final {
        height: 1080px !important;
        margin-top: 0 !important;
    }
}

.hero-content-final h1 {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 16px !important;
}

.hero-content-final h1.hero-animate {
    border: none !important;
}

.news-right-box-full {
    background: rgba(26, 26, 26, 0.75) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 12px !important;
}

/* Botones de Partners */
.partner-btn {
    background: rgba(26, 26, 26, 0.75) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 12px !important;
}

/* Botones de enlaces de noticias */
.link-noticia-btn {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 8px !important;
}

/* Stats Bar - Duplicado para asegurar aplicación */
.stats-bar {
    background: rgba(26, 26, 26, 0.85) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px !important;
}

/* Modales y Overlays */
.modal-content {
    background: rgba(26, 26, 26, 0.95) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 16px !important;
}

.modal-overlay {
    background: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

/* Panel de Navegación */
.nav-panel-content {
    background: rgba(26, 26, 26, 0.95) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 16px !important;
}

.nav-panel-overlay {
    background: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

/* Navegación Mobile */
.mobile-nav-content {
    background: rgba(26, 26, 26, 0.98) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 0 0 16px 16px !important;
}

/* Search Box */
.search-box-header input {
    background: rgba(42, 42, 42, 0.8) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 8px !important;
}

/* Menú de Accesibilidad */
.accessibility-menu {
    background: rgba(26, 26, 26, 0.95) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px !important;
}

/* Sales Points Cards */
.sales-point-card {
    background: rgba(247, 246, 242, 0.95) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 12px !important;
}

.sales-modal {
    border-radius: 16px !important;
}

/* Inputs y Formularios Generales */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea,
select {
    border-radius: 8px !important;
}

/* Botones Generales */
button:not(.mobile-menu-toggle):not(.modal-close):not(.nav-panel-close) {
    border-radius: 8px !important;
}

/* Cards y Boxes Generales */
.card,
.box,
.panel {
    border-radius: 12px !important;
}

/* Tooltips y Popovers */
.tooltip,
.popover {
    background: rgba(26, 26, 26, 0.95) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 8px !important;
}

/* Dropdowns */
.dropdown-menu,
.select-menu {
    background: rgba(26, 26, 26, 0.95) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 8px !important;
}

/* Alerts y Notificaciones */
.alert,
.notification,
.toast {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px !important;
}

/* Tabs */
.tab-content {
    border-radius: 0 12px 12px 12px !important;
}

.tab-button {
    border-radius: 12px 12px 0 0 !important;
}

/* Acordeones */
.accordion-item {
    border-radius: 12px !important;
    margin-bottom: 10px;
}

/* Badges */
.badge {
    border-radius: 20px !important;
}

/* Progress Bars */
.progress-bar {
    border-radius: 20px !important;
}

.progress-bar-fill {
    border-radius: 20px !important;
}

/* Breadcrumbs */
.breadcrumb {
    background: rgba(247, 246, 242, 0.8) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 8px !important;
}

/* Pagination */
.pagination-item {
    border-radius: 8px !important;
}

/* Tables */
.table-wrapper {
    border-radius: 12px !important;
    overflow: hidden;
}

/* Sidebar */
.sidebar {
    background: rgba(26, 26, 26, 0.95) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

/* Floating Action Buttons */
.fab,
.nav-float-button {
    border-radius: 50% !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(26, 26, 26, 0.7) !important;
    display: none !important;
    /* Oculto por defecto */
}

@media (min-width: 1024px) {
    .nav-float-button {
        display: flex !important;
    }
}

/* Chips */
.chip {
    border-radius: 20px !important;
}

/* Stepper */
.stepper-item {
    border-radius: 50% !important;
}

/* REGLAS ESPECÍFICAS PARA ELEMENTOS SOBRE FONDO BLANCO */

/* Footer - Mantener sólido porque está sobre fondo blanco */
.footer-final {
    background: #1a1a1a !important;
    /* Sin backdrop-filter porque es sólido */
}

/* Elementos sobre .news-section (fondo blanco #f7f6f2) */
.news-section .card,
.news-section .box {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

/* Elementos sobre .industries-section (fondo blanco #f7f6f2) */
.industries-section .card:not(.description-box),
.industries-section .box:not(.description-box) {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

/* Elementos sobre .values-section (fondo blanco #f7f6f2) */
/* Ya están configurados como transparentes oscuros, que es correcto */

/* ANIMACIONES Y TRANSICIONES */
* {
    transition-property: background, backdrop-filter, border-radius;
    transition-duration: 0.3s;
    transition-timing-function: ease;
}

/* SOPORTE PARA NAVEGADORES SIN BACKDROP-FILTER */
@supports not (backdrop-filter: blur(10px)) {

    .header-final,
    .modal-content,
    .nav-panel-content,
    .mobile-nav-content {
        background: rgba(26, 26, 26, 0.98) !important;
    }

    .news-left-box,
    .news-right-box-full,
    .values-title-box,
    .values-intro-box,
    .value-card,
    .industries-descriptions .description-box {
        background: rgba(26, 26, 26, 0.9) !important;
    }
}