/* Correcciones responsive para la landing page */

/* Corregir el problema de los iconos flotantes que se solapan con opiniones en pantallas estrechas */
@media (max-width: 768px) {
    .testimonial-section {
        position: relative;
        z-index: 1;
    }
    
    .floating-icon {
        z-index: 0; /* Asegurar que los iconos flotantes estén por debajo del contenido */
    }
    
    .ratings-row {
        position: relative;
        z-index: 2; /* Asegurar que el texto de opiniones y estrellas esté por encima */
    }
}

/* Ajuste adicional para pantallas muy pequeñas */
@media (max-width: 576px) {
    .floating-icon {
        display: none; /* En móviles pequeños, ocultar los iconos flotantes */
    }
    
    .section-padding {
        padding: 4rem 0; /* Reducir el padding en secciones para móviles */
    }
}