/* =====================================================
   DESKTOP (solo ajustes específicos)
===================================================== */

@media (min-width: 992px) {
    #mnu_ham{ opacity:0; }
}


/* =====================================================
   TABLET (768px – 991px)
===================================================== */

@media (max-width: 991px) {

    #fs_comentar{ width:100%; }

    .poster{
        transform: rotateY(180deg) scale(0.9);
    }

    .info_con{ font-size:10pt; }

    .logo_abajo img,
    .ima_izq{ display:none; }

    .msg_soft{ font-size:20pt; }
    .pinf,
    .inf_der{ font-size:10pt; }

    .inf_der{ width:100%; }

    .btn_mnu{ font-size:8pt; }

    #regreso{
        width:20px;
        height:20px;
        right:20px;
        bottom:20px;
    }
}


/* =====================================================
   MOBILE GENERAL (≤ 767px)
===================================================== */

@media (max-width: 767px) {

    #menu{ display:none; }
    #hamburguesa{ display:flex; }

    /*.contact_contenido{
        display:flex;
        justify-content:center; 
        align-items:flex-start;
        padding:0 20px;
        box-sizing:border-box;
        overflow-x:hidden;      
    }*/

    .vi_f{
        width:100%;
        max-width:100%;
        margin:0;
        padding:0;
        position:relative;
        left:0;
        right:auto;
        transform:none;
        box-sizing:border-box;
    }

    .vi_f div{
        gap:0px;
    }

    .vi_vi{ display:none; }

    .vi_f,
    #fs_comentar,
    .inf_der{
        width:100%;
    }

    .contact_msg{
        justify-content:left;
        text-align:left;
    }

    .msg_soft,
    .pinf,
    .inf_der{
        font-size:10pt;
    }

    #regreso{
        width:20px;
        height:20px;
        right:20px;
        bottom:20px;
    }
}


/* =====================================================
   MOBILE MEDIO (360px – 479px)
===================================================== */

@media (max-width: 479px) {

    .contenedor_slider,
    .maya,
    .cabecera{
        height:350px;
    }

    .poster{ transform: rotateY(180deg); }

    .sel,
    .sector{
        width:100%;
    }

    /*#mensajes_slider .titulo_slider{ font-size:30px; }
    #mensajes_slider .mensaje_slider{ font-size:19px; }*/

    #menu_top{ gap:20px; }

    footer{
        justify-content:space-around;
        font-size:8pt;
        gap:0;
    }

    .mapa,
    .politicas,
    .iconos_ch{
        display:none;
    }

    .pr{ display:block; }

    .enc_des_soft, .enc_des_hard, .enc_des_red{
        justify-content:center;
    }

    .txt_des_soft{ font-size:12pt; }

    #regreso{
        width:20px;
        height:20px;
        right:20px;
        bottom:20px;
    }
}


/* =====================================================
   MOBILE PEQUEÑO (≤ 359px)
===================================================== */

@media (max-width: 359px) {

   /* #mensajes_slider .titulo_slider{ font-size:30px; }
    #mensajes_slider .mensaje_slider{ font-size:19px; }*/

    #menu_top{ gap:20px; }

    .pinf{ font-size:10pt; }
}