/* SOFINTE — Responsive extras (complementa style.css) */

/* Ajustes para imagen del about en tablets */
@media (max-width: 991px) {
    .about-inner-con { grid-template-columns: 1fr; gap: 40px; }
    .content-wrap { min-height: 240px; }
    .content-wrap .about-img2 { display: none; }
    .left-glow, .right-glow { display: none; }
}

/* Servicios grid en móvil */
@media (max-width: 767px) {
    .all_row { flex-direction: column; }
    .all_column { width: 100%; }
    .header-contact { display: none; }
    .contact-map-con iframe { height: 280px; }
    .footer-con .col-xl-4 .email-form { margin-top: 30px; }
    .project-inner-con { flex-direction: column; gap: 20px; }
    .project-inner-con a.primary_btn { align-self: flex-start; }
    .card-gallery { flex-direction: column; }
    .card-container, .card-container.active { flex: none; width: 100%; }
    .custom-card { height: 280px; }
    .banner-bottom-content { display: none !important; }
    .satisfied-clients { flex-wrap: wrap; }
}

/* Navbar mobile bg */
@media (max-width: 991px) {
    .navbar-toggler-icon {
        display: block;
        width: 22px;
        height: 2px;
        background-color: #fff;
        margin: 4px 0;
        transition: all 0.3s;
    }
    .home_banner_outer .header-con { position: fixed !important; background: #071a2b; }
    .sub_banner_outer .header-con { position: fixed !important; background: #071a2b; }
}

/* Contact form col layout */
@media (max-width: 575px) {
    .contct-info-box { flex-direction: column; text-align: center; }
    .main-form input, .main-form textarea, .main-form select { font-size: 14px; padding: 14px 16px; }
}

/* About img adjustments */
@media (min-width: 992px) {
    .content-wrap img.img-fluid { max-width: 100%; }
}