.elementor-14598 .elementor-element.elementor-element-7252155{--display:flex;}.elementor-14598 .elementor-element.elementor-element-8b0103b{--spacer-size:14px;}.elementor-14598 .elementor-element.elementor-element-50cc115{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-14598 .elementor-element.elementor-element-50cc115{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-e579086 */body {
            margin: 0;
            font-family: 'Montserrat', sans-serif;
        }

        .content {
            height: 3vh; /* Aumentado para poder probar el scroll */
            background-image: url('https://images.unsplash.com/photo-1617083911299-521a243202de?q=80&w=2940&auto=format&fit=crop');
            background-size: cover;
            background-position: center;
        }

        /* === Barra de Navegación Principal (ESTILO INVERTIDO) === */
        .navbar {
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            z-index: 1000;
            height: 76px;
            
            /* Estado inicial: Sólido y blanco */
            background-color: ;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0);
            
            display: flex;
            align-items: center;
            /* Transición para el fondo y para ocultarse/mostrarse */
            transition: background-color 0.4s ease, transform 0.4s ease-in-out;
        }

        .navbar .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            max-width: 1920px;
            margin: 0 auto;
            padding: 0 30px; 
            box-sizing: border-box;
        }

        /* Grupos de navegación */
        .nav-left-group, .nav-center-group, .nav-right-group {
            display: flex;
            align-items: center;
            flex: 1;
        }
        .nav-left-group { justify-content: flex-start; gap: 40px; }
        .nav-center-group { justify-content: center; }
        .nav-right-group { justify-content: flex-end; gap: 20px; }

        /* Logos (Estado inicial: negros) */
        .logo-left img, .logo-center img {
            filter: invert(1);
            transition: filter 0.4s ease;
        }
        .logo-left img { height: 38px; width: auto; display: block; }
        .logo-center img { height: 64px; width: auto; display: block; }

        /* Enlaces (Estado inicial: negros) */
        .nav-links { list-style: none; margin: 0; padding: 0; display: flex; gap: 35px; }
        .nav-links li a { color: #333333; text-decoration: none; font-weight: 500; font-size: 15px; position: relative; padding-bottom: 4px; transition: color 0.3s ease; }
        .nav-links li a:hover { color: #000; }
        .nav-links li a::after { content: ''; position: absolute; width: 0; height: 1.5px; bottom: 0; left: 50%; transform: translateX(-50%); background-color: #333333; transition: width 0.3s ease, background-color 0.4s ease; }
        .nav-links li a:hover::after { width: 100%; }

        /* Buscador (Estado inicial: negro) */
        .search-form { display: flex; }
        .search-input { display: none; }
        .search-btn { background: transparent; border: none; color: #333333; font-size: 18px; cursor: pointer; padding: 5px; transition: color 0.4s ease; }
        .search-btn:hover { color: #000; }

        /* --- Estado con scroll: Transparente y blanco --- */
        .navbar.navbar-scrolled { 
            background-color: transparent; 
            box-shadow: none; 
        }
        .navbar.navbar-scrolled .nav-links li a { color: #fffbf3; }
        .navbar.navbar-scrolled .nav-links li a::after { background-color: #fffbf3; }
        .navbar.navbar-scrolled .search-btn,
        .navbar.navbar-scrolled .mobile-menu-toggle { color: #fffbf3; }
        .navbar.navbar-scrolled .logo-left img,
        .navbar.navbar-scrolled .logo-center img { filter: none; } /* Quitamos el filtro para que se vea el logo blanco original */

        /* --- Clase para ocultar el Navbar --- */
        .navbar-hidden {
            transform: translateY(-100%);
        }

        /* --- Sidebar y responsive (sin cambios) --- */
        .mobile-menu-toggle { display: none; background: none; border: none; color: #fffbf3; font-size: 24px; cursor: pointer; }
        .sidebar { position: fixed; top: 0; right: -100%; width: 320px; height: 100%; background: rgba(10, 10, 10, 0.85); backdrop-filter: blur(15px); z-index: 1100; transition: right 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); display: flex; flex-direction: column; padding: 25px; box-shadow: -5px 0 25px rgba(0,0,0,0.3); }
        .sidebar.sidebar-open { right: 0; }
        .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 1050; opacity: 0; pointer-events: none; transition: opacity 0.4s ease-in-out; }
        .overlay.overlay-active { opacity: 1; pointer-events: auto; }

        @media (max-width: 1024px) {
            .navbar .nav-links, .navbar .search-form, .nav-center-group { display: none; }
            .mobile-menu-toggle { display: block; }
            .navbar .container { padding: 0 20px; }
            .logo-left img { height: 28px; }
        }/* End custom CSS */