/* Responsive styles for tablets */
@media (max-width: 992px) and (min-width: 769px) {
    /* WhatsApp floating button for tablets */
    .whatsapp-float {
        width: 55px !important;
        height: 55px !important;
        font-size: 1.8rem !important;
        right: 25px !important;
        bottom: 25px !important;
        z-index: 9999 !important;
        display: flex !important;
        position: fixed !important;
        background-color: #25D366 !important;
        color: white !important;
        border-radius: 50% !important;
        text-align: center !important;
        box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4) !important;
        justify-content: center !important;
        align-items: center !important;
        transition: all 0.3s !important;
        animation: pulse-whatsapp 2s infinite !important;
    }
}

/* Responsive icon size adjustments for mobile view */
@media (max-width: 768px) {
    /* Social icons in footer and floating buttons */
    .social-icon {
        width: 48px !important;
        height: 48px !important;
    }
    
    .social-icon i {
        font-size: 1.2rem !important;
    }
    
    /* Increase spacing between social icons for better touch targets */
    .social-icons {
        gap: 20px !important;
    }
    
    /* Service and section icons */
    .service-icon {
        font-size: 1.8rem !important;
        margin-bottom: 15px !important;
    }
    
    /* Feature item icons */
    .feature-item i {
        font-size: 0.9rem !important;
    }
    
    /* Service item icons in nosotros.html */
    .service-item i {
        font-size: 1.5rem !important;
    }
    
    /* All Font Awesome icons */
    .fas, .fab, .far {
        font-size: 0.9em;
    }
    
    /* Counter icons in statistics section */
    .counter-icon i {
        font-size: 1.3rem !important;
    }
    
    /* WhatsApp floating button */
    .whatsapp-float {
        width: 45px !important;
        height: 45px !important;
        font-size: 1.5rem !important;
        right: 20px !important;
        bottom: 20px !important;
        z-index: 9999 !important;
        display: flex !important;
        position: fixed !important;
        background-color: #25D366 !important;
        color: white !important;
        border-radius: 50% !important;
        text-align: center !important;
        box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4) !important;
        justify-content: center !important;
        align-items: center !important;
        transition: all 0.3s !important;
        animation: pulse-whatsapp 2s infinite !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Navigation icons */
    header .nav-icon, 
    .mobile-menu-toggle i {
        font-size: 1.2rem !important;
    }
    
    /* Carousel button icons */
    .custom-carousel-button i {
        font-size: 0.9rem !important;
    }
    
    /* Icon size in button */
    .btn-service i,
    .btn-primary i {
        font-size: 0.9rem !important;
    }
}

/* Extra small devices */
@media (max-width: 480px) {
    .social-icon {
        width: 44px !important;
        height: 44px !important;
    }
    
    .social-icon i {
        font-size: 1.1rem !important;
    }
    
    /* Extra spacing for very small screens */
    .social-icons {
        gap: 25px !important;
    }
    
    .service-icon {
        font-size: 1.6rem !important;
    }
    
    .service-item i {
        font-size: 1.4rem !important;
    }
    
    .feature-item i {
        font-size: 0.8rem !important; 
    }
    
    .whatsapp-float {
        width: 40px !important;
        height: 40px !important;
        right: 15px !important;
        bottom: 15px !important;
        font-size: 1.3rem !important;
        z-index: 9999 !important;
        display: flex !important;
        position: fixed !important;
        background-color: #25D366 !important;
        color: white !important;
        border-radius: 50% !important;
        text-align: center !important;
        box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4) !important;
        justify-content: center !important;
        align-items: center !important;
        transition: all 0.3s !important;
        animation: pulse-whatsapp 2s infinite !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}