/* ############### TABLET ###############   */

@media (max-width: 1024px) { 
    /* Estilos para móviles grandes y tablets pequeñas en vertical */ 
    /* Ajustes en el header */

    /* *{
        background-color: red;
    } */

    .mobile, .desktop {
        display: none;
    }
    
    .tablet {
        display: block;
    }
    

    h1 {
        font-size: 1.2rem;
    }

    h4 {
        font-size: 2.5rem;
    }

    .cta-button-content i, .cta-text {
        font-size: 1.5rem;
    }

    /* Ajustes en la sección de videos de YouTube */
    .youtube-section {
        padding: 2rem 20px; /* Reducimos el padding para pantallas más pequeñas */
    }

    .youtube-title {
        font-size: 1.5rem; /* Ajustamos el tamaño del título */
        margin-top: 0;
    }

    .videos {
        gap: 20px; /* Espacio entre videos */
        flex-wrap: wrap;
    }

    .videos iframe {
        max-width: 100%; /* Ajustamos el ancho al contenedor */
        height: auto; /* Dejar que la altura se ajuste automáticamente */
        /* flex-grow: 1; */
    }

    /* Ajustes en el formulario de suscripción */
    .subscribe-title {
        font-size: 35px; /* Reducimos el tamaño del título */
    }

    .subscribe-description {
        font-size: 18px; /* Reducimos el tamaño del texto */
        padding: 10px 20px;
    }

    .subscribe-content {
        max-width: 100%; /* Ajustamos el ancho del formulario */
        padding: 20px;
    }

    .footer-content {
        flex-direction: column;
    }
}