/* 1. Reglas base (Mobile First es lo ideal, pero ajustaremos tus rangos) */

/* ... tus estilos generales aquí ... */

/* 2. Tablets y pantallas medianas */
@media (max-width: 992px) {
    .hero_area {
        height: auto;
    }
    .slider_section {
        padding-top: 120px;
        padding-bottom: 281px;
        background-size: cover;
        background-position: left;
    }
    .custom_nav-container .nav_search-btn {
        background-position: center;
    }
    .slider_section .carousel-indicators {
        height: 100%;
    }
}

/* 3. Tablets pequeñas y móviles grandes */
@media (max-width: 768px) {
    .slider_section .detail-box { text-align: center; }
    .slider_section .carousel-indicators,
    .slider_section .custom_carousel-control { display: none; }
    .about_section .img-box { margin-top: 35px; }
    .service_section .box, .client_section .box, .client_section .client_container { width: 100%; }
    .quote_section .box { flex-direction: column; text-align: center; }
}

/* 4. BREAKPOINT CRÍTICO PARA REDMI NOTE 13 (Ajustado a 430px para cubrir móviles modernos) */
@media (max-width: 430px) {
    .hero_area {
        height: 100vh;
        background-image: url(../images/FONDORUSTCORE.png);
        background-size: cover; /* Cambiado de 'auto' a 'cover' para que no se vea repetido/pequeño */
        background-repeat: no-repeat;
    }

    .carousel {
        position: absolute;
        margin-top: 175px; /* Ajustado para que no quede tan abajo en pantallas de 393px */
    }

    .info_section .footer_contact {
        width: 100%; /* Mejor usar 100% que 315px fijos para evitar desbordes */
        max-width: 315px;
    }

    .contact_section .contact_form button {
        display: block;
        margin: 15px auto 45px auto; /* Centrado automático es más seguro que margin-left: 107px */
        padding: 8px 35px;
        background-color: #e93f1a;
        color: #ffffff;
        border-radius: 5px;
    }

    .footer_section a {
        margin-top: 12px;
        margin-right: 8px;
        color: #ffffff;
        display: inline-block;
    }
}

/* 5. Desktop */
@media (min-width: 1200px) {
    .container { max-width: 1170px; }
}