/* Media Queries para Responsividad */

/* Tablet (768px - 900px) */
@media (max-width: 900px) {
    /* Servicios y Temas - 2 columnas */
    .servicios-grid,
    .temas-container {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* Contacto - 1 columna */
    .contacto-grid {
        grid-template-columns: 1fr;
    }
    
    /* Footer - 2 columnas */
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile (<768px) */
@media (max-width: 768px) {
    /* Header */
    .nav-desktop {
        display: none;
    }
    
    .menu-mobile-btn {
        display: block;
    }
    
    .nav-mobile.active {
        display: block;
    }
    
    /* Hero */
    .hero {
        padding: 6rem 0 4rem;
    }
    
    .hero h1 {
        font-size: 2rem;
    }
    
    .hero .subtitle {
        font-size: 1rem;
    }
    
    /* Servicios y Temas - 1 columna */
    .servicios-grid,
    .temas-container {
        grid-template-columns: 1fr;
    }
    
    /* Servicio Card */
    .servicio-card {
        max-width: 400px;
        margin: 0 auto;
    }
    
    /* Footer - 1 columna */
    .footer-grid {
        grid-template-columns: 1fr;
    }
    
    /* Ajustes generales de padding */
    .servicios,
    .temas,
    .contacto {
        padding: var(--space-lg) 0;
    }
}

/* Pequeños móviles (<480px) */
@media (max-width: 480px) {
    /* Hero */
    .hero h1 {
        font-size: 1.8rem;
    }
    
    /* Ajustes de tamaño de fuente */
    h2 {
        font-size: 1.5rem !important;
    }
    
    /* Contacto Info */
    .contacto-info h3 {
        font-size: 1.3rem;
    }
    
    /* Formulario */
    .contacto-form {
        padding: var(--space-md);
    }
}