/* ============================================
   RESPONSIVE - MEDIA QUERIES GLOBALES
   ============================================ */

/* Tablets y móviles grandes */
@media (max-width: 1024px) {
    .container {
        width: 95%;
    }
}

/* Móviles */
@media (max-width: 768px) {
    section {
        padding: 2.5rem 0;
    }
    
    h2 {
        font-size: 1.5rem;
    }
}

/* Móviles pequeños */
@media (max-width: 480px) {
    section {
        padding: 2rem 0;
    }
    
    h2 {
        font-size: 1.25rem;
    }
    
    .btn {
        padding: 10px 20px;
        font-size: 0.9rem;
        width: 100%;
        max-width: 280px;
        text-align: center;
    }
    
    /* Ajuste de CTAs en móvil */
    .cta-spacing {
        padding: 1rem 0;
    }
}

/* Ajustes para iframes en móvil */
@media (max-width: 768px) {
    iframe[src*="testimonios"],
    iframe[src*="galeria"],
    iframe[src*="sobre-mi"] {
        height: 300px !important;
    }
}

@media (max-width: 480px) {
    iframe[src*="testimonios"] {
        height: 250px !important;
    }
    iframe[src*="galeria"] {
        height: 350px !important;
    }
    iframe[src*="sobre-mi"] {
        height: 500px !important;
    }
}