/* Estilos responsivos para la página index.html */
@media (max-width: 768px) {
    /* Contenedor principal centrado */
    .container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    
    /* Contenedor de marcas perfectamente centrado */
    .brands-row {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 15px !important;
        padding: 0 10px !important;
        width: 100% !important;
        flex-wrap: wrap !important;
    }
    
    /* Cajas de marcas responsivas */
    .brand-box {
        width: 150px !important;
        min-height: 170px !important;
        padding: 12px !important;
        margin: 5px !important;
    }
    
    .brand-box img {
        max-width: 90px !important;
        max-height: 55px !important;
    }
    
    .brand-label {
        font-size: 0.85em !important;
    }
    
    /* Título Bienvenidos centrado */
    .container h2 {
        text-align: center !important;
        font-size: clamp(1.5em, 5vw, 2.2em) !important;
        width: 100% !important;
    }
    
    /* Sección Bienvenidos responsiva y centrada */
    .welcome-section {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
    }
    
    .welcome-content {
        min-width: auto !important;
        width: 100% !important;
        padding: 15px !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .peru-engines-header {
        padding: 20px 15px !important;
        margin-bottom: 20px !important;
        text-align: center !important;
        width: 100% !important;
    }
    
    .peru-engines-header h3 {
        font-size: clamp(1.3em, 5vw, 2em) !important;
        letter-spacing: 1px !important;
        text-align: center !important;
    }
    
    .welcome-content h4 {
        font-size: 1.1em !important;
        text-align: center !important;
        width: 100% !important;
    }
    
    .welcome-content p {
        text-align: center !important;
        font-size: 0.95em !important;
        width: 100% !important;
    }
    
    .contact-button {
        text-align: center !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }
    
    /* Imagen de bienvenidos centrada */
    .welcome-image-right {
        min-width: auto !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    .welcome-image-right img {
        width: 70% !important;
        max-width: 250px !important;
    }
}

@media (max-width: 480px) {
    /* Ajustes adicionales para móviles muy pequeños */
    .brand-box {
        width: 130px !important;
        min-height: 150px !important;
        padding: 10px !important;
        margin: 3px !important;
    }
    
    .brand-box img {
        max-width: 75px !important;
        max-height: 45px !important;
    }
    
    .brand-label {
        font-size: 0.75em !important;
    }
    
    .brands-row {
        gap: 10px !important;
    }
    
    .peru-engines-header h3 {
        font-size: clamp(1.1em, 6vw, 1.6em) !important;
    }
    
    .welcome-content h4 {
        font-size: 1em !important;
    }
    
    .welcome-image-right img {
        width: 80% !important;
    }
}