/* Estilos base para todas las pantallas */
body {
    font-size: 16px;
    line-height: 1.6;
}

/* Media query para pantallas pequeñas, como teléfonos móviles */
@media (max-width: 576px) {
    body {
        font-size: 14px;
    }

    .faz-nav-desktop {
        display: none;
    }

    .faz-nav-mobile {
        display: block;
    }
}

/* Media query para pantallas medianas, como tabletas en orientación vertical */
@media (min-width: 577px) and (max-width: 768px) {
    body {
        font-size: 15px;
    }

    .faz-nav-desktop {
        display: none;
    }

    .faz-nav-mobile {
        display: block;
    }
}

/* Media query para tabletas en orientación horizontal y pantallas más grandes */
@media (min-width: 769px) and (max-width: 1024px) {
    .faz-nav-desktop {
        display: none;
    }

    .faz-nav-mobile {
        display: block;
    }

    .txtMobileR18 {
        font-size: 18px !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 400;
        line-height: 1.25;
    }
    .txtMono {
        font-family: monospace;
        font-weight: initial;
        font-size: 2rem;
    }
}


/* Media query para pantallas más grandes, como computadoras de escritorio */
@media (min-width: 1025px) {
    .faz-nav-desktop {
        display: block;
    }

    .faz-nav-mobile {
        display: none;
    }
}
@media (max-width: 1200px) {

    .txtMobileR18 {
        font-size: 18px !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 400;
        line-height: 1.25;
    }

    .txtMono {
        font-family: monospace;
        font-weight: initial;
        font-size: 2rem;
    }

    .faz-nav-desktop div {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 991px) {
    .bandera-negra-horizontal {
        width: 100px;
        height: 3px;
        background-color: #000000;
        margin-top: 40px;
    }

    .banner div div {
        text-align: justify;
    }

    #seccionMovimientoAzteca .texto-informativo p {
        margin-left: 90px;
        margin-right: 90px;
    }

    #seccionEmprendimientoSocial .texto-informativo p {
        margin-left: 90px;
        margin-right: 90px;
    }

    .banner div div h2 {
        text-align: initial;
    }

    .seccion_banner_video_sociedad {
        max-width: 65rem;
    }

        .seccion_banner_video_sociedad .descripcion_banner_video {
            max-width: 60%;
            margin-left: 100px;
            background-color: white;
        }

        .seccion_banner_video_sociedad #play_video_banner {
            margin-left: 100px;
        }

        .seccion_banner_video_sociedad .descripcion_banner_video {
            margin-top: -90px;
        }

    .descripcion_image_large_sociedad {
        max-width: 50%;
        margin: auto;
    }

        .descripcion_image_large_sociedad div > div > div {
            text-align: right;
        }
}



@media (max-width: 991px) {
    .bandera-negra-horizontal {
        width: 100%;
        height: 2px;
        background-color: #000000;
    }

    .banner div div h2 {
        text-align: center;
    }

    #seccionMovimientoAzteca .texto-informativo p {
        text-align: center;
    }

    #seccionEmprendimientoSocial .texto-informativo p {
        text-align: center;
    }

    .seccion_banner_video_sociedad .descripcion_banner_video {
        max-width: 90%;
        margin: auto;
    }

    .seccion_banner_video_sociedad .descripcion_banner_video {
        margin-top: -50px;
    }

    .pyM-5 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .txtMobileR18 {
        font-size: 18px !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 400;
    }
    .txtMono {
        font-family: monospace;
        font-weight: initial;
        font-size: 2rem;
    }
}




/*Medias Querys Marco*/
@media (max-width: 576px) {
    /*Vive sin drogas*/
    .breake-text {
        max-width:30%;
        font-size:19px;
    }
    /*Medio Ambiente*/
}

@media (min-width: 576px) {
    /*Vive sin drogas*/
    .breake-text {
        max-width: 120px;
    }
    /*Medio Ambiente*/
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    /*Vive sin drogas*/
    .breake-text {
        max-width: 120px;
    }
    /*Medio Ambiente*/
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    /*Vive sin drogas*/
    .breake-text {
        max-width: 120px;
    }
    /*Medio Ambiente*/
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    /*Vive sin drogas*/
    /*Medio Ambiente*/
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    /*Vive sin drogas*/
    .breake-text {
        max-width: 200px;
        background-color: red;
    }
    /*Medio Ambiente*/
}


.text-justify {
text-align:justify;
}