/* ===== RESPONSIVE.CSS ===== */
/* Ajustes globales para todos los tamaños de pantalla */

/* Tablets (hasta 992px) */
@media (max-width: 992px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    h1 { font-size: 2.2rem; }
    h2 { font-size: 1.8rem; }
}

/* Móviles grandes / tablets chicas (hasta 768px) */
@media (max-width: 768px) {
    h1 { font-size: 2rem; }
    h2 { font-size: 1.6rem; }
    h3 { font-size: 1.3rem; }
    
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* Ocultar elementos específicos si es necesario */
    .hide-mobile {
        display: none;
    }
}

/* Móviles chicos (hasta 480px) */
@media (max-width: 480px) {
    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.4rem; }
    h3 { font-size: 1.2rem; }
    
    .container {
        padding-left: 12px;
        padding-right: 12px;
    }
}