@import url('https://fonts.googleapis.com/css2?family=Sofia&display=swap');

.body_mobile,
.body_mobile_block {
    display: none;
}

@media (max-width: 768px) {
    div#thumbnail-slider-m {
        max-width: 350px;
    }
    .body {
        display: none !important;
    }
    #main-slider-m {
        width: 80%;
    }
    #main-slider-m img,.video_main_m .splide {
        position: relative;
        z-index: 0;
    }
    .video_main_m .splide__slide {
        height: 50%;
    }
    .galery_m .header_m,.galery_m .menu_m_sub,.video_m .header_m,.video_m .menu_m_sub{
        position: relative;
        z-index: 10;
    }
    .main_m.galery_main_m{
        flex-direction: column;
        align-items: center;
    }
    .main_m.video_main_m .splide__track{
        width: 75%;
    }
    .video_main_m .splide__slide img{
        object-fit: cover;
        height: 100%;
    }
    body {
        overflow: hidden;
    }

    .body_mobile_block {
        display: block !important;
        overflow: hidden;
        max-height: 100vh;
    }

    .playlist-item {
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }

    .playlist_m .playlist-item {
        font-size: 1.55rem;
    }

    li.recurso_iem {
        display: block;
        font-family: sofia;
        font-size: 1.5rem;
        font-weight: bold;
        text-align: center;
    }

    .playlist_m {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6%;
        justify-content: center;
        margin-bottom: 9%;
    }

    ul.recursos_m_items {
        gap: 11px;
        display: flex;
        flex-direction: column;
    }

    .recursos_m {
        display: flex;
        align-items: center;
    }

    .teleprompter_div_m {
        color: #005197;
        display: flex;
        gap: 5%;
        flex-direction: column;
        justify-content: center;
        margin: 9%;
        width: 100%;
        font-family: "Sofia", cursive;
        font-weight: 400;
        font-style: normal;
    }

    div#teleprompter_m {
        height: 75%;
        font-size: 1.8rem;
        text-align: justify;
    }

    .controls_m span {
        font-family: "Sofia", cursive;
        font-weight: 400;
        font-style: normal;
    }

    .controls_m {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .premio_m {
        margin-top: 18%;
        width: 86%;
    }

    main.main_m {
        display: flex;
        width: 100vw;
        height: 80%;
        justify-content: center;
        align-content: center;
    }

    .index_m_info {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 75%;
        justify-content: center;
    }

    .disclaimer_m_index {
        font-size: 12px;
        margin-top: 1%;
        width: 100%;
        line-height: 1;
        font-family: arial;
        font-weight: bold;
    }

    .disclaimer_m_index span {
        font-size: 19px;
        font-family: aria;
        font-weight: bolder;
    }


    .body_mobile {
        display: flex !important;
    }

    .menu_m_sub {
        background-color: #ffffff;

    }


    .menu_m_icon {
        position: relative;
    }


    .menu_main_m {
        display: none;
    }

    .menu_main_m.active {
        display: block;
        position: absolute;
    }

    .icon_m_menu_item {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden;
        background-color: #005196;
    }

    .body_mobile_div {
        padding: 15px;
    }

    ul.list_li_m {
        display: flex;
        flex-direction: row;
        gap: 5px;
        padding: 10px;
        min-width: 100px;
        text-align: justify;
        max-width: 300px;
        flex-wrap: wrap;
        justify-content: center;
        width: 210px;
    }

    li.menu_sub_m {
        display: block;
    }



    li.menu_sub_m {
        width: 40%;
        display: flex;
        text-align: center;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .img_p {
        position: fixed;
        bottom: -7px;
        width: 182px;
    }

    .img_he {
        left: -30px;
        bottom: -34px;
    }

    .index_m_img.img_p.img_she {
        right: -31px;
    }

    .menu_m_sub a {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 12px;
        color: black;
        width: 100%;
    }

    .index .rojo_cuadro_m {
        left: 30% !important;
        width: 40% !important;
        bottom: 29%;
    }

    .disclaimer_m_index {
        font-size: 12px;
        margin-top: 0;
        width: 100%;
        line-height: 1;
        font-family: arial;
        font-weight: bold;
    }

    .base_m_ {
        margin-top: 35%;
        width: 84%;
    }

    .disclaimer_m_index span {
        font-size: 19px;
        font-family: aria;
        font-weight: bolder;
    }



    .disclaimer_m_index {
        display: flex;
        margin-left: 30px;
        margin-top: -7px;
    }

    .rojo_cuadro_m {
        position: absolute;
        bottom: 5px;
        left: 25%;
        width: 50%;
    }

    .body_mobile {
        background: url('./img/bk_azul.png') right bottom no-repeat, url(./img/bk_body.PNG) left top repeat;
        background-size: 100%;
        height: 100vh;
        width: 100%;
    }

    img.logo_m_menu {
        height: 45px;
        width: 45px;
        margin-left: 23px;
    }

    header.header_m {
        margin-top: 22px;
    }

}