/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */


/*****************************************/





.video_raw {
  height: 720px !important;
  overflow: visible !important;
}





/* Estilos generales para mobile */
@media screen and (max-width: 768px) {
    body {
        font-size: 16px; /* Ajuste de tamaño de fuente para mejor legibilidad */
        line-height: 1.5;
    }

    /* Asegurar que las imágenes sean responsivas */
    img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    /* Ajustar el tamaño de los encabezados */
    h1 {
        font-size: 24px;
    }
    
    h2 {
        font-size: 20px;
    }
    
    h3 {
        font-size: 18px;
    }

    /* Contenedores flexibles */
    .container {
        width: 100%;
        padding: 15px;
    }

    /* Evitar márgenes innecesarios en los textos */
    p {
        margin-bottom: 10px;
    }

    /* Ajustar botones para que sean táctiles */
    .btn {
        font-size: 16px;
        padding: 12px 20px;
        width: 100%;
        text-align: center;
    }

    /* Optimizar secciones con imagen y texto */
    .image-text-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    /* Espaciado entre elementos */
    .spacing {
        margin-bottom: 20px;
    }