/* ============================================
   FILE: css/responsive.css
   RESPONSIVE GENERAL Y AJUSTES FINALES
============================================ */

/* ===== RESPONSIVE GLOBAL ===== */
@media (max-width: 768px) {
    .container {
        padding: 0 12px;
    }
    .section-padding {
        padding: 40px 12px;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 8px;
    }
    .section-padding {
        padding: 30px 8px;
    }
}

/* ===== UTILIDADES ===== */
@media (max-width: 768px) {
    .hide-mobile {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .hide-desktop {
        display: none !important;
    }
}

/* ===== RESPONSIVE SECTIONS ===== */
@media (max-width: 768px) {
    .section-title {
        margin-bottom: 24px;
    }
}

@media (max-width: 480px) {
    .section-title {
        margin-bottom: 16px;
    }
}