/* Estilos Estáticos Base Mínimos */
        .parallax-img-bg { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
        .floating-btn { transition: all 0.3s ease; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
        .floating-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 8px rgba(0,0,0,0.15); }
        .qr-modal { transition: all 0.3s ease; opacity: 0; visibility: hidden; }
        .qr-modal.active { opacity: 1; visibility: visible; }
        .sticky-nav { transition: background-color 0.3s ease, box-shadow 0.3s ease; }
        .sticky-nav.scrolled { background-color: rgba(255,255,255,0.97); box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
        
        .section-min-height { 
            min-height: 100vh; 
            display: flex; 
            flex-direction: column; 
            justify-content: center;
            padding-bottom: 4rem; 
        }
        
        .testimonio-card { max-width: 800px; margin-left: auto; margin-right: auto; text-align: left; }
        .floating-btn-container { position: fixed; right: 20px; bottom: 20px; display: flex; flex-direction: column; gap: 1rem; z-index: 1000; }
        .floating-btn { width: 48px; height: 48px; font-size: 20px; }
        .qr-modal { width: 170px; padding: 12px; } .qr-modal img { width: 140px; height: 140px; }
        
        .social-icons-header { display: flex; gap:0.75rem; margin-left:1.25rem; }
        .social-icon-wrapper { display: inline-block; /* O flex, según tu layout */ }
        .social-icon { color:#4B5563; transition:all 0.3s ease; } .social-icon:hover { transform:translateY(-2px); }
        .social-icon.facebook:hover { color: #3b5998; } .social-icon.instagram:hover { color: #e1306c; } 
        .social-icon.tiktok:hover { color: #000000; } .social-icon.youtube:hover { color: #ff0000; }
        .social-icon.twitter:hover { color: #1da1f2; } .social-icon.linkedin:hover { color: #0077b5; }

        #form-messages-contact-mailto { 
            text-align: center; font-weight: normal; font-size: 0.9em;
            padding: 8px; margin-top: 10px; border-radius: 4px; 
        }
        .message-info-mailto {
            background-color: #f0f0f0; border: 1px solid #ddd; color: #333;
        }


         /* --- INICIO: ESTILOS PARA BANNERS AWIWI --- */
    #awiwiPromoModal, #awiwiPromoModal * { /* Aplica a todo dentro del modal */
        font-family: 'Poppins', sans-serif !important; /* Fuente fija para el modal */
    }

    #banner-inferior-awiwi {
        background-color: #2563eb !important; /* Azul Tailwind (blue-600), puedes cambiarlo */
        color: #ffffff !important;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 600; /* Tailwind 'font-semibold' */
        padding-top: 1rem;    /* py-4 */
        padding-bottom: 1rem; /* py-4 */
        padding-left: 1rem;   /* px-4 */
        padding-right: 1rem;  /* px-4 */
        text-align: center;
        box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.05); /* Tailwind 'shadow-inner' */
        /* Quita cualquier variable CSS que pueda estar afectando el color de fondo o texto aquí si es necesario */
    }
    #banner-inferior-awiwi a {
        color: #ffffff !important; /* Enlaces blancos */
        text-decoration: underline !important;
        font-family: 'Poppins', sans-serif !important; /* Asegurar la misma fuente */
    }
    #banner-inferior-awiwi a:hover {
        color: #facc15 !important; /* Amarillo para hover, ajusta si quieres */
    }
    /* --- FIN: ESTILOS PARA BANNERS AWIWI --- */
