/* Encapsulamiento de estilos: los nombres largos evitan conflictos */
    .zita-scoped-fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
    .zita-scoped-fade-in.is-visible { opacity: 1; transform: translateY(0); }

    .zita-scoped-wrapper {
        width: 100%;
        background-image: url('//ueeshop.ly200-cdn.com/u_file/UPAW/UPAW568/2606/02/photo/fondo-ff6d.webp');
        background-size: cover;
        background-position: center;
        padding: 0px 20px; 
        box-sizing: border-box;
    }

    .zita-scoped-container {
        display: flex;
        align-items: center;
        gap: 20px; 
        max-width: 1800px;
        width: 100%;
        margin: 0 auto;
        color: white;
        font-family: Arial, sans-serif;
    }

    .zita-scoped-col { flex: 1; display: flex; flex-direction: column; align-items: center; }
    
    .zita-scoped-info-box { 
        background-color: rgba(0, 0, 0, 0.5); 
        padding: 20px; 
        border-radius: 15px; 
        margin: 10px 0;
    }

    .zita-scoped-logo-img { max-width: 100%; height: auto; display: block; }
    .zita-scoped-slogan { margin-bottom: 20px; font-weight: bold; font-size: 1.2em; text-align: center; }
    .zita-scoped-features { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-bottom: 20px; }
    .zita-scoped-feature-item { border: 1px solid #ffffff; padding: 8px; width: 90px; font-size: 0.7em; background: rgba(0,0,0,0.3); text-align: center; }
    .zita-scoped-btn-buy { padding: 15px 30px; font-size: 1.1em; background-color: #ff0000; color: white; text-decoration: none; border-radius: 5px; }
    
    @media (max-width: 768px) {
        .zita-scoped-container { flex-direction: column; gap: 10px; }
        .zita-scoped-logo-img { max-width: 250px; }
        .zita-scoped-info-box { width: 90%; text-align: center; margin: 5px 0; }
        .zita-scoped-wrapper { padding: 5px 10px; }
    }