/* Efecto de entrada suave */
    .vixer-section {
        opacity: 0;
        transform: translateY(40px);
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }
    .vixer-section.vixer-visible {
        opacity: 1;
        transform: translateY(0);
    }

    .vixer-wrapper, .vixer-wrapper * { box-sizing: border-box; }

    .vixer-wrapper { 
        position: relative; 
        width: 100%; 
        min-height: 380px; /* Altura reducida para que el fondo sea más angosto */
        overflow: hidden; 
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #vixer-fondo-global { 
        position: absolute; 
        top: 0; 
        left: 0; 
        width: 100%; 
        height: 100%; 
        background-image: url('//ueeshop.ly200-cdn.com/u_file/UPAW/UPAW568/2606/08/photo/fondo-ccdc.webp'); 
        background-size: cover; 
        background-position: center; 
        z-index: 0; 
    }

    /* Capa oscura translúcida */
    #vixer-fondo-global::before {
        content: "";
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0, 0, 0, 0.5);
        pointer-events: none;
    }
    
    #vixer-contenedor-contenido { 
        position: relative; 
        z-index: 1; 
        max-width: 1800px; 
        width: 100%;
        margin: 0 auto; 
        display: flex; 
        align-items: center; 
        justify-content: center;
        min-height: 380px; 
        padding: 10px 20px; /* Espaciado superior e inferior más estrecho */
    }

    .vixer-two-column-inner { 
        display: flex; 
        width: 100%; 
        gap: 30px; 
        align-items: center; 
        justify-content: center;
    }
    
    .vixer-left-col, .vixer-right-col { 
        flex: 1; 
        display: flex; 
        justify-content: center; 
        align-items: center; 
        min-width: 0;
    }

    .vixer-center-wrapper { 
        display: flex; 
        flex-direction: column; 
        align-items: center; 
        width: 100%; 
    }
    
    .vixer-glass-panel {
        background: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(10px);
        padding: 18px 25px; /* Relleno interior compacto */
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        border: 1px solid rgba(255, 255, 255, 0.1);
        width: 100%;
        max-width: 480px;
    }
    
    .vixer-product-img { 
        width: 100%; 
        max-width: 350px; /* Tamaño de imagen optimizado */
        height: auto; 
        object-fit: contain; 
        display: block; 
    }

    .vixer-logo-area img { 
        max-width: 180px; 
        width: 100%; 
        height: auto;
        margin-bottom: 8px; 
        display: block;
    }
    
    .vixer-title { color: #a4de02; font-size: 1.25rem; margin-bottom: 6px; text-transform: uppercase; }
    .vixer-desc { color: white; font-size: 0.9rem; margin-bottom: 10px; opacity: 0.9; }
    
    .vixer-tech-box { background: rgba(255,255,255,0.05); padding: 8px; border-radius: 6px; width: 100%; }
    .vixer-subtitle { color: #a4de02; margin-bottom: 6px; text-transform: uppercase; font-size: 0.8rem; }
    .vixer-grid-types { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; font-weight: bold; color: white; font-size: 0.75rem; }

    .vixer-buy-btn { 
        background-color: #a4de02; 
        color: #000; 
        padding: 8px 25px; 
        text-decoration: none; 
        font-weight: 900; 
        font-size: 0.9rem; 
        border-radius: 50px; 
        text-transform: uppercase; 
        margin-top: 12px; 
        display: inline-block; 
        box-shadow: 0 4px 15px rgba(0,0,0,0.3);
        transition: all 0.3s ease; 
    }

    .vixer-buy-btn:hover { 
        background-color: #ffffff; 
        transform: translateY(-3px);
        box-shadow: 0 6px 20px rgba(255,255,255,0.4);
    }

    @media (max-width: 768px) {
        .vixer-wrapper { min-height: auto; height: auto; }
        #vixer-contenedor-contenido { min-height: auto; padding: 20px 10px; }
        .vixer-two-column-inner { flex-direction: column; gap: 20px; }
        .vixer-product-img { max-width: 220px; }
        .vixer-glass-panel { max-width: 95%; padding: 15px; }
    }