.miscelanea_box_combinacion1{
    display: none;
}

.miscelanea_box_combinacion3{
    display: none;
}

.miscelanea_box_2{
    display: none;
}

.miscelanea_box_3{
    display: none;
}

.miscelanea_desktop{
    display: none;
}

/****************************************************
Nuevo elemento
****************************************************/

.miscelanea_desktop_group6{
    width: 100%;
    border-top: 1px solid;
}

.miscelanea_desktop_group6_left{
    width: calc(50% - 0px);
    width: 50%;
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
    /* border-right: 1px solid; */
}

.miscelanea_desktop_group6_left_left{
    display: table-cell;
    width: 50%;
    padding-top: 2%;
    padding-bottom: 2%;
}

.miscelanea_desktop_group6_left_left img{
    width: 85%;
    display: block;
    margin: auto;
    cursor: pointer;
    mix-blend-mode: multiply;
}

.miscelanea_desktop_group6_left_right{
    display: table-cell;
    width: 40%;
    font-size: 2rem;
    font-family: AktivGroteskCdTrial-XBold;
    color: #FF7EBF;
    vertical-align: middle;
    text-align: center;
    line-height: 100%;
}


.miscelanea_desktop_group6_right{
    width: 50%;
    /* width: calc(50% - 1px); */
    display: inline-block;
    display: table-cell;
    vertical-align: top;
    border-left: 1px solid black;
}

.miscelanea_desktop_group6_right_top{
    width: calc(100% - 40px);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2%;
    padding-bottom: 2%;
    vertical-align: top;
    /* border-bottom: 1px solid; */
}

.miscelanea_desktop_group6_right_left{
    width: 30%;
    display: table-cell;
}

.miscelanea_desktop_group6_right_left img{
    width: 60%;
    margin: auto;
    display: block;
    mix-blend-mode: multiply;
}

.miscelanea_desktop_group6_right_right{
    /* width: 50%;
    display: table-cell;
    font-size: 2rem;
    font-family: AktivGroteskCdTrial-XBold;
    color: #FF8921;
    vertical-align: middle; */
    width: 70%;
    display: table-cell;
    font-size: 2rem;
    line-height: 90%;
    vertical-align: middle;
    font-family: AktivGroteskCdTrial-XBold;
    margin-top: 8%;
    color: #007FFF;
}

.miscelanea_desktop_group6_right_bottom{
    width: calc(100% - 40px);
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1rem;
    text-align: left;
    /* hyphens: auto; */
    border-top: 1px solid;
}

.miscelanea_desktop_group6_right_bottom p {
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 2%;
    font-family: AktivGroteskTrial-Regular;
    padding-bottom: 5%;
}

.miscelanea_desktop_group6_right_bottom a {
    display: block;
    margin-top: 2%;
    margin-bottom: 2%;
    font-family: AktivGroteskTrial-Light;
    color: black;
    text-decoration: none;
}

.miscelanea_desktop_group6_center{
    width: 100%;
    border-top: 1px solid;
}

.miscelanea_desktop_group6_center_left{
    width: 35%;
    width: 30%;
    display: table-cell;
    /* display: inline-block; */
    /* background-color: red; */
    font-size: 1rem;
    vertical-align: middle;
    display: inline-block;
}

.miscelanea_desktop_group6_center_left img{
    margin: auto;
    display: block;
    width: 70%;
    mix-blend-mode: multiply;
}

.miscelanea_desktop_group6_center_rigth{
    width: 65%;
    width: 70%;
    display: table-cell;
    /* display: inline-block; */
    /* background-color: green; */
    font-size: 1rem;
    vertical-align: top;
    display: inline-block;
}

.miscelanea_desktop_group6_center_titulo{
    font-size: 2rem;
    font-family: AktivGroteskCdTrial-XBold;
    color: #FF8921;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 2%;
}

.miscelanea_desktop_group6_center_autor{
    font-family:AktivGroteskTrial-Light;
    margin-left: 1%;
    margin-right: 1%;
    text-transform: uppercase;
    margin-top: 1%;
}

.miscelanea_desktop_group6_center_rigth p{
    margin-left: 1%;
    margin-right: 20px;
    padding-top: 2%;
    font-family: AktivGroteskTrial-Regular;
    font-size: 1rem;
}

.miscelanea_desktop_group6_center_rigth a{
    display: block;
    margin-top: 2%;
    margin-bottom: 2%;
    font-family: AktivGroteskTrial-Light;
    color: black;
    text-decoration: none;
}

.miscelanea_desktop_group6_right_bottom_premiun{
    display: none;
}

.miscelanea_desktop_group6_center_p_premium{
    display: none;
}

.miscelanea_desktop_group6_center_bottom_link{
    display: none;
}

.miscelanea_desktop_group6_left_tribunal{
    display: none;
}

/* .miscelanea_desktop_group6_left{
    
} */

/* .tres_puntos_lh{
    font-family: AktivGroteskTrial-Regular;
    font-size: 1rem;
    display: ini;
}

.tres_puntos_al{
    font-family: AktivGroteskTrial-Regular;
    font-size: 1rem;
} */

@media only screen and (min-width: 1024px){

    /*
    COLORES
    */

    .black{
        color: black !important;
    }

    .azul{
        background-color: #007FFF !important;
    }

    .azul_font{
        color: #007FFF !important;
    }

    .amarillo_font{
        color: #D9E021 !important;
    }

    .naranja{
        color: #FF8921 !important;
    }

    .verde{
        color: #76FFC2 !important;
    }

    .miscelanea_box_2{
        display: initial;
    }
    
    .miscelanea_box_3{
        display: initial;
    }

    .miscelanea_desktop{
        display: initial;
    }
    
    .miscelanea_box_combinacion1{
        /* display: initial; */
        width: 100%;
        font-size: 1rem;
        /* font-size: 10px; */
    }

    .miscelanea_box_combinacion1_table{
        width: 100%;
        border-bottom: 2px solid black;
        border-collapse: collapse;
    }

    .miscelanea_box_combinacion1_row{
        vertical-align: top;
    }

    .miscelanea_box_huevada_2{
        background-color: #CBFFC2;
        width: 50%;
        border-right: 2px solid black;
        border-bottom: 2px solid black;
    }

    .miscelanea_box_huevada_2 table{
        width: 70%;
        /* background-color: yellow; */
        margin: auto;
        padding-top: 15px;
        padding-bottom: 15px;
        /* border-collapse: collapse; */
    }

    .miscelanea_box_huevada_2 span{
        color :black;
    }

    .miscelanea_box_huevada_2 img{
        width: 75%;
        display: block;
        margin: auto;
    }

    .miscelanea_box_huevada_2 p{
        font-family:AktivGroteskTrial-Regular;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        text-align: justify;
        hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        padding-bottom: 20px;
    }

    .miscelanea_box_huevada_2 p a{
        color: black;
        display: block;
        text-decoration: none;
        font-family: AktivGroteskTrial-Light;
        margin-top: 1.5%;
        margin-bottom: 1.5%;
        font-size: 0.9rem;
    }

    .miscelanea_box_lugubre_2{
        width: 100%;
        /* border-bottom: 2px solid black; */
    }

    .miscelanea_box_lugubre_2 table{
        width: 70%;
        /* background-color: yellow; */
        margin: auto;
        padding-top: 15px;
        padding-bottom: 15px;
        /* border-collapse: collapse; */
    }

    .miscelanea_box_lugubre_2 img{
        width: 75%;
        display: block;
        margin: auto;
    }

    .miscelanea_box_lugubre_2 p{
        font-family:AktivGroteskTrial-Regular;
        margin-left: 20px;
        margin-right: 20px;
        padding-top: 10px;
        text-align: justify;
        hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        padding-bottom: 20px;
    }

    .miscelanea_box_lugubre_2 p a{
        color: black;
        display: block;
        text-decoration: none;
        font-family: AktivGroteskTrial-Light;
        margin-top: 1.5%;
        margin-bottom: 1.5%;
        font-size: 0.9rem;
    }

    .miscelanea_box_frase_2{
        width: 100%;
    }

    .miscelanea_box_frase_2 h4{
        font-family: AktivGroteskCdTrial-Light;
        display: block;
        padding-top: 20px;
        padding-left: 20px;
        padding-bottom: 20px;
        /* width: 100%; */
    }

    .miscelanea_box_frase_2 img{
        display: block;
        width: 50%;
        margin: 5% auto;
    }

    .miscelanea_box_frase_2 p{
        font-family: AktivGroteskCdTrial-Black;
        font-size: 1.5rem;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 10%;
        text-align: center;
    }

    .miscelanea_box_frase_2 p label{
        display: block;
        font-family: AktivGroteskTrial-Light;
        font-size: 1rem;
        /* margin-top: 8%; */
        margin: 4%;
    }


    /********************
        COMBINACION3
    /********************/

  .miscelanea_box_combinacion3{
        font-size: 0px;
    }

    .miscelanea_box_combinacion3 a{
        display: none !important;
    }

    .miscelanea_box_combinacion3 p {
        font-size: 1rem;
    }

    .miscelanea_box_frase_2 p {
        font-size: 1.5rem;
    }

    .miscelanea_box_frase_3 {
        background-color: white;
        border-bottom: 2px solid black;
    }

    .miscelanea_box_frase_3 h4 {
        font-family: AktivGroteskCdTrial-Light;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 20px;
        font-size: 1rem;
        text-align: left;
        margin-left: 20px;
    }

    .miscelanea_box_frase_cab_3_wrapper {
        width: 30%;
        display: inline-block;
        vertical-align: top;
    }

    .miscelanea_box_frase_3 p {
        font-family: AktivGroteskCdTrial-Black;
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;
        font-size: 1.5rem;
        padding-bottom: 20px;
        width: 55%;
        display: inline-block;
        margin: 0;
        vertical-align: top;
        text-align: justify;
        margin-top: 5%;
        margin-right: 10%;
        margin-left: 5%;
    }

    .miscelanea_box_frase_3 img {
        display: block;
        width: 30%;
        margin: auto;
        padding-bottom: 10px;
        width: 68%;
        margin-bottom: 20px;
    }

    .miscelanea_box_frase_3 p label {
        display: block;
        font-family: AktivGroteskTrial-Light;
        font-size: 1rem;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .miscelanea_box_imagen_inolvidable{
        display: none;
    }

    .miscelanea_box_recuerdos{
        display: none;
    }

    .miscelanea_box_miserias{
        display: none;
    }

    /* .miscelanea_box_imagen_inolvidable{
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }

    .miscelanea_box_recuerdos{
        width: 50%;
        display: inline-block;
        font-size: 1rem;
        vertical-align: top;
    } */

    .miscelanea_box_2_table_2{
        width: 100%;
        border-collapse: collapse;
        /* background-color: red; */
    }

    .miscelanea_box_2_table_2_imagen_inolvidable{
        width: 50%;
        border-bottom: 2px solid black;
    }

    .miscelanea_box_2_table_2_imagen_inolvidable h4{
        width: 40%;
        display: inline-block;
        font-size: 2rem;
        font-family: AktivGroteskCdTrial-XBold;
        text-align: center;
        vertical-align: top;
        margin-top: 18%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .miscelanea_box_2_table_2_imagen_inolvidable div{
        width: 50%;
        display: inline-block;
    }

    .miscelanea_box_2_table_2_imagen_inolvidable img{
        width: 80%;
        display: block;
        margin-left:20px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .miscelanea_box_2_table_2_recuerdos{
        width: 50%;
        border-left: 2px solid black;
        vertical-align: top;
    }

    .miscelanea_box_2_table_2_recuerdos table{
        width: 70%;
        margin:auto;
        margin-top: 12px;
        margin-bottom: 14px;
        border-collapse: collapse;
        text-align: center;
    }

    .miscelanea_box_2_table_2_recuerdos table img{
        width: 75%;
        margin-left: 20px;
    }

    .miscelanea_box_2_table_2_recuerdos table span{
        width: 30%;
        font-size: 2rem;
        font-family: AktivGroteskCdTrial-XBold;
        margin-right: 0%;
    }

    .miscelanea_box_2_table_2_recuerdos p{
        font-size: 1rem;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 2.5%;
        font-family: AktivGroteskTrial-Regular;
        text-align: justify;
        hyphens: auto;
    }

    .miscelanea_box_2_table_2_recuerdos p a{
        color: black;
        display: block;
        text-decoration: none;
        font-family: AktivGroteskTrial-Light;
        margin-top: 1.5%;
        margin-bottom: 1.5%;
        font-size: 0.9rem;

    }

    .miscelanea_box_2_table_2_humor{
        width: 100%;
        border-bottom: 2px solid black;
    }

    .miscelanea_box_2_table_2_humor_cab_wrapper {
        width: 30%;
        display: inline-block;
        vertical-align: top;
    }

    .miscelanea_box_2_table_2_humor_cab_wrapper h4 {
        font-family: AktivGroteskCdTrial-Light;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 20px;
        font-size: 1rem;
        text-align: left;
        margin-left: 20px;
    }

    .miscelanea_box_2_table_2_humor_cab_wrapper img {
        display: block;
        width: 30%;
        margin: auto;
        padding-bottom: 10px;
        width: 68%;
        margin-bottom: 20px;
    }

    .miscelanea_box_2_table_2_humor p {
        font-family: AktivGroteskCdTrial-Black;
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;
        font-size: 1.5rem;
        padding-bottom: 20px;
        width: 55%;
        display: inline-block;
        margin: 0;
        vertical-align: top;
        text-align: justify;
        margin-top: 5%;
        margin-right: 10%;
        margin-left: 5%;
    }

    .miscelanea_box_2_table_2_humor p label {
        display: block;
        font-family: AktivGroteskTrial-Light;
        font-size: 1rem;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .miscelanea_box_3{
        width: 100%;
    }

    .miscelanea_box_3_table_3{
        width: 100%;
        border-collapse: collapse;
        /* border-top: 2px solid black; */
        /* background-color: red; */    
    }

    .miscelanea_box_3_table_3_humor_cab_wrapper {
        width: 30%;
        display: inline-block;
        vertical-align: top;
    }

    .miscelanea_box_3_table_3_humor_cab_wrapper img {
        display: block;
        width: 30%;
        margin: auto;
        padding-bottom: 10px;
        width: 68%;
        margin-bottom: 20px;
        margin-top: 10%;
    }

    .miscelanea_box_3_table_3_p {
        font-family: AktivGroteskCdTrial-Regular;
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;
        font-size: 1.5rem;
        padding-bottom: 20px;
        width: 55%;
        display: inline-block;
        margin: 0;
        vertical-align: top;
        text-align: justify;
        margin-top: 2%;
        margin-right: 10%;
        margin-left: 5%;
    }

    .miscelanea_box_3_table_3_p label {
        display: block;
        font-family: AktivGroteskTrial-Light;
        font-size: 1rem;
        padding-top: 3%;
        padding-bottom: 3%;
    }

    .miscelanea_box_3_table_3_p span {
        font-family: AktivGroteskCdTrial-XBold;
        font-size: 2rem;
        text-align: center;
    }

    .miscelanea_box_3_table_3_sub_tb {
        width: 70%;
        /* background-color: yellow; */
        margin: auto;
        padding-top: 15px;
        padding-bottom: 15px;
        /* border-collapse: collapse; */
    }

    .miscelanea_box_huevada_tit_left_img img{
        width: 95%;
        display: block;
        margin: auto;
    }

    .miscelanea_box_3_table_3_2{
        font-family: AktivGroteskTrial-Regular;
        margin-left: 10px;
        margin-right: 10px;
        text-align: justify;
        hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        padding-bottom: 20px;
        font-size: 1rem;
        margin-left: 20px;
        margin-right: 20px;
        padding-bottom: 10px;
        margin-top: 2%;
    }
    
    .miscelanea_box_3_table_3_p_2{
        font-family: AktivGroteskTrial-Regular;
        margin-left: 10px;
        margin-right: 10px;
        text-align: justify;
        hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        padding-bottom: 20px;
        font-size: 1rem;
        margin-left: 20px;
        margin-right: 20px;
        padding-bottom: 10px;
        margin-top: 2%;
    }

    .miscelanea_box_3_table_3_p_2 a {
        color: black;
        display: block;
        text-decoration: none;
        font-family: AktivGroteskTrial-Light;
        margin-top: 1.5%;
        margin-bottom: 1.5%;
        font-size: 0.9rem;
    }


    /**
        NUEVO DISEÑO DESKTOP
    **/
    .miscelanea_movil{
        display: none;
    }

    .miscelanea_desktop{
        width: 100%;
        font-size: 0px;
    }

    .miscelanea_desktop_cerebro{
        width: 100%;
        margin: auto;
        font-family:AktivGroteskCdTrial-Light;
        padding-top: 2%;
        /* font-size: 1rem; */
    }

    .miscelanea_desktop_cerebro_wrapper{
        width: calc(100% - 40px);
        margin: auto;
        font-family:AktivGroteskCdTrial-Light;
        /* font-size: 1rem; */
    }

    .miscelanea_desktop_cerebro_tipo{
        font-size: 1rem;
        padding-top: 1%;
        margin-bottom: 0.8%;
        /* background-color: khaki; */
    }

    .miscelanea_desktop_cerebro_left{
        width: 35%;
        display: inline-block;
        font-size: 1rem;
        /* background-color: brown; */
        vertical-align: top;
    }

    .miscelanea_desktop_cerebro_left_titulo{
        font-family:AktivGroteskCdTrial-XBold;
        font-size: 2rem;
        /* background-color: darkorange; */
        width: 45%;
        line-height: 95%;
        color: #FF7EBF;
        margin-bottom: 2%;
    }

    .miscelanea_desktop_cerebro_left_autor{
        font-family:AktivGroteskTrial-Light;
        font-size: 0.9rem;
    }

    .miscelanea_desktop_cerebro_right{
        width: 65%;
        display: inline-block;
        font-size: 1rem;
        /* background-color: cyan; */
        vertical-align: top;
    }

    .miscelanea_desktop_cerebro_right_p1{
        font-family:AktivGroteskTrial-Regular;
        text-align: left;
        /* hyphens: auto; */
        font-size: 1rem;
    }

    .miscelanea_desktop_cerebro_right_p1 a{
        font-family:AktivGroteskTrial-Light;
        font-size: 1.1rem;
        color: black;
        text-decoration: none;
        display: block;
        margin-top: 1.5%;
        margin-bottom: 1.5%;
    }

    .miscelanea_desktop_cerebro_right_p2{
        font-family:AktivGroteskTrial-Regular;
        text-align: left;
        /* hyphens: auto; */
        font-size: 1rem;
        display: none;
        /* margin-bottom: 1%; */
    }

    .miscelanea_desktop_cerebro_right_p2 img{
        display: block;
        width: 100%;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .miscelanea_desktop_cerebro_right_p2 span{
        font-size: 0.8rem;
        display: block;
        margin-bottom: 1.5%;
        width: 75%;
        /* text-align: center; */
    }

    .miscelanea_desktop_group2{
        width: 100%;
        border-top: 1px solid;
        border-bottom: 1px solid;
    }

    /* .miscelanea_desktop_group2_wrapper{
        width: 100%;
    } */

    .miscelanea_desktop_group2{
        width: 100%;
        font-size: 0px;
    }

    .miscelanea_desktop_group2_left{
        /* width: calc(50% - 40px); */
        width: calc(50% - 1px);
        /* display: inline-block; */
        display: table-cell;
        /* background-color: rebeccapurple; */
        /* padding-left: 20px;
        padding-right: 20px; */
        vertical-align: top;
        border-right: 1px solid black;
    }

    .miscelanea_desktop_group2_left_top{
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 2%;
        padding-bottom: 2%;
    }

    .miscelanea_desktop_group2_left_top_img{
        width: 30%;
        display: inline-block;
        display: table-cell;
    }

    .miscelanea_desktop_group2_left_top_texto{
        font-size: 2rem;
        line-height: 90%;
    }

    .miscelanea_desktop_group2_left_top_img img{
        width: 75%;
        margin: auto;
        display: block;
        mix-blend-mode: multiply;
    }

    .miscelanea_desktop_group2_left_top_texto{
        width: 70%;
        display: inline-block;
        vertical-align: top;
        font-family:AktivGroteskCdTrial-XBold;
        margin-top: 5%;
        color: #CBFFC2;
        color: #37ff6b;
        display: table-cell;
        vertical-align: middle;
    }

    .miscelanea_desktop_group2_right{
        /* width: calc(50% - 40px); */
        width: 50%;
        display: inline-block;
        display: table-cell;
        /* background-color: royalblue; */
        /* padding-left: 20px;
        padding-right: 20px; */
    }

    .miscelanea_desktop_group2_right_top{
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 2%;
        padding-bottom: 2%;
        vertical-align: top;
    }


    .miscelanea_desktop_group2_right_top_img{
        width: 30%;
        display: inline-block;
        display: table-cell;
    }

    .miscelanea_desktop_group2_right_top_texto{
        font-size: 2rem;
        line-height: 90%;
        vertical-align: top;
        font-family:AktivGroteskCdTrial-XBold;
        margin-top: 8%;
        color: #007FFF;
    }

    .miscelanea_desktop_group2_right_top_img img{
        width: 75%;
        margin: auto;
        display: block;
        mix-blend-mode: multiply;
    }

    .miscelanea_desktop_group2_right_top_texto{
        width: 70%;
        display: inline-block;
        display: table-cell;
        vertical-align: middle;
    }

   .miscelanea_desktop_group2_left_bottom{
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        font-size: 1rem;
        text-align: left;
        /* hyphens: auto; */
        border-top: 1px solid;
   }

   .miscelanea_desktop_group2_left_bottom p{
        margin-left: 1%;
        margin-right: 1%;
        padding-top: 2%;
        font-family:AktivGroteskTrial-Regular;
    }

    .miscelanea_desktop_group2_left_bottom_premiun{
        display: none;
    }

    .miscelanea_desktop_group2_left_bottom a{
        display: block;
        margin-top: 2%;
        margin-bottom: 2%;
        font-family:AktivGroteskTrial-Light;
        color: black;
        text-decoration: none;
    }

    .miscelanea_desktop_group2_left_bottom img{
        display: block;
        margin:3% auto;
        width: 80%;
        display: none;
    }

    .miscelanea_desktop_group2_left_bottom span{
        display: block;
        font-family:AktivGroteskTrial-Regular;
        font-size: 0.8rem;
        margin-bottom: 2%;
        display: none;
        text-align: center;
    }

    /* .miscelanea_desktop_group2_left_bottom_premiun,
    .miscelanea_desktop_group2_left_bottom_premiun_img,
    .miscelanea_desktop_group2_left_bottom_span{
        display: none;
    } */

   .miscelanea_desktop_group2_right_bottom{
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        font-size: 1rem;
        text-align: left;
        /* hyphens: auto; */
        border-top: 1px solid;
    }

    .miscelanea_desktop_group2_right_bottom p{
        margin-left: 1%;
        margin-right: 1%;
        padding-top: 2%;
        font-family:AktivGroteskTrial-Regular;
    }

    .miscelanea_desktop_group2_right_bottom_premiun{
        display: none;
    }

    .miscelanea_desktop_group2_right_bottom a{
        display: block;
        margin-top: 2%;
        margin-bottom: 2%;
        font-family:AktivGroteskTrial-Light;
        color: black;
        text-decoration: none;
    }

    .miscelanea_desktop_group2_right_bottom img{
        display: block;
        margin:3% auto;
        width: 80%;
        display: none;
    }

    .miscelanea_desktop_group2_right_bottom span{
        display: block;
        font-family:AktivGroteskTrial-Regular;
        font-size: 0.9rem;
        margin-bottom: 2%;
        display: none;
        text-align: center;
    }

    .miscelanea_desktop_group2_left_frase{
        width: 100%;
        border-top: 1px solid black;
        display: none;
    }

    .miscelanea_desktop_group2_left_frase h3{
        font-size: 1rem;
        font-family:AktivGroteskCdTrial-Light;
        margin-top: 1%;
        margin-bottom: 3%;
        margin-left: 20px;
    }

    .miscelanea_desktop_group2_left_frase img{
        width: 48%;
        display: block;
        margin: 6% auto 8%;
        margin-top: 7%;
    }

    .miscelanea_desktop_group2_left_frase p{
        font-family:AktivGroteskCdTrial-Black;
        font-size: 1.5rem;
        text-align: center;
        margin-left: 12%;
        margin-right: 12%;
        margin-bottom: 5%;
    }

    .miscelanea_desktop_group2_left_frase label{
        display: block;
        font-family:AktivGroteskTrial-Light;
        margin-top: 5%;
        font-size: 1rem;
        margin-bottom: 12%;
    }

    
    .miscelanea_desktop_group2_right_frase{
        width: 100%;
        border-top: 1px solid black;
        display: none;
    }

    .miscelanea_desktop_group2_right_frase h3{
        font-size: 1rem;
        font-family:AktivGroteskCdTrial-Light;
        margin-top: 1%;
        margin-bottom: 3%;
        margin-left: 20px;
    }

    .miscelanea_desktop_group2_right_frase img{
        width: 48%;
        display: block;
        margin: 6% auto 8%;
        margin-top: 5%;
    }

    .miscelanea_desktop_group2_right_frase p{
        font-family:AktivGroteskCdTrial-Black;
        font-size: 1.5rem;
        text-align: center;
        margin-left: 12%;
        margin-right: 12%;
    }

    .miscelanea_desktop_group2_right_frase label{
        display: block;
        font-family:AktivGroteskTrial-Light;
        margin-top: 5%;
        font-size: 1.2rem;
        font-size: 1rem;
        margin-bottom: 12%;
    }
    

    .miscelanea_desktop_group2_center{
        width: 100%;
        font-size: 0px;
        padding-bottom: 1%;
        border-bottom: 1px solid;
    }

    .miscelanea_desktop_group2_center h3{
        font-size: 1rem;
        font-family:AktivGroteskCdTrial-Light;
        margin-top: 1%;
        margin-bottom: 1%;
        margin-left: 20px;
    }

    .miscelanea_desktop_group2_center_body{
        width: 100%;
        padding-bottom: 2%;
    }

    .miscelanea_desktop_group2_center_body_left{
        width: 30%;
        display: inline-block;
        display: table-cell;
        /* background-color: burlywood; */
    }

    .miscelanea_desktop_group2_center_body_left img{
        width: 70%;
        display: block;
        MARGin:auto;
    }

    .miscelanea_desktop_group2_center_body_right{
        width: 70%;
        display: inline-block;
        display: table-cell;
        /* background-color: darkgreen; */
        font-size: 1rem;
        vertical-align: middle;
    }

    .miscelanea_desktop_group2_center_body_right p{
        margin-left: 2%;
        margin-right: 3%;
        font-family:AktivGroteskCdTrial-Black;
        font-size: 1.5rem;
    }

    .miscelanea_desktop_group2_center_body_right p label{
        display: block;
        font-family:AktivGroteskTrial-Light;
        margin-top: 1%;
        font-size: 1rem;
    }

    .miscelanea_desktop_group3{
        width: 100%;
        font-size: 0px;
        /* border-top: 1px solid; */
        border-bottom: 1px solid;
    }

    .miscelanea_desktop_group3_left{
        width: calc(50% - 1px);
        width: calc(50% - 0px);
        width: 50%;
        display: inline-block;
        /* background-color: lavender; */
        vertical-align: top;
        border-right: 1px solid;
        display: table-cell;
        vertical-align: middle;
    }

    .miscelanea_desktop_group3_left_img{
        width: 45%;
        display: inline-block;
        display: table-cell;
        vertical-align: top;
        padding-top: 2%;
        padding-bottom: 2%;
    }

    .miscelanea_desktop_group3_left_img img{
        width: 85%;
        display: block;
        margin: auto;
        cursor: pointer;
    }

    .miscelanea_desktop_group3_left_texto{
        width: 55%;
        display: inline-block;
        display: table-cell;
        font-size: 2rem;
        font-family: AktivGroteskCdTrial-XBold;
        color: #FF8921;
        vertical-align: top;
        vertical-align: middle;
        text-align: center;
        line-height: 92%;
        /* margin-top: 20%; */
    }

    .miscelanea_desktop_group3_left_frase{
        width: 100%;
        border-top: 1px solid black;
        display: none;
    }

    .miscelanea_desktop_group3_left_frase h3{
        font-size: 1rem;
        font-family:AktivGroteskCdTrial-Light;
        margin-top: 1%;
        margin-bottom: 3%;
        margin-left: 20px;
    }

    .miscelanea_desktop_group3_left_frase img{
        width: 25%;
        display: block;
        margin: 3% auto 3%;
        margin-top: 10%;
    }

    .miscelanea_desktop_group3_left_frase p{
        font-family:AktivGroteskCdTrial-Black;
        font-size: 1.5rem;
        text-align: center;
        margin-left: 12%;
        margin-right: 12%;
    }

    .miscelanea_desktop_group3_left_frase label{
        display: block;
        font-family:AktivGroteskTrial-Light;
        margin-top: 6%;
        font-size: 1.2rem;
        margin-bottom: 6%;
    }

    .miscelanea_desktop_group3_right{
        width: 50%;
        width: calc(50% - 1px);
        display: inline-block;
        display: table-cell;
        /* border-left: 1px solid; */
        /* background-color: lavender; */
    }

    .miscelanea_desktop_group3_right_top{
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 2%;
        padding-bottom: 2%;
        vertical-align: top;
    }


    .miscelanea_desktop_group3_right_top_img{
        width: 30%;
        display: inline-block;
    }

    .miscelanea_desktop_group3_right_top_texto{
        font-size: 2rem;
        line-height: 90%;
        vertical-align: top;
        font-family:AktivGroteskCdTrial-XBold;
        margin-top: 4%;
        color: #FF7EBF;
        color: #b46aff;
        
    }

    .miscelanea_desktop_group3_right_top_img img{
        width: 50%;
        margin: auto;
        display: block;
        mix-blend-mode: multiply;
    }

    .miscelanea_desktop_group3_right_top_texto{
        width: 70%;
        display: inline-block;
    }

    .miscelanea_desktop_group3_right_bottom{
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        font-size: 1rem;
        text-align: left;
        /* hyphens: auto; */
        border-top: 1px solid;
    }

    .miscelanea_desktop_group3_right_bottom p{
        margin-left: 1%;
        margin-right: 1%;
        padding-top: 2%;
        font-family:AktivGroteskTrial-Regular;
    }

    .miscelanea_desktop_group3_right_bottom a{
        display: block;
        margin-top: 2%;
        margin-bottom: 2%;
        font-family:AktivGroteskTrial-Light;
        color: black;
        text-decoration: none;
    }

    .miscelanea_desktop_group3_right_bottom_premiun{
        display: none;
    }

    .miscelanea_desktop_group3_right_bottom img{
        display: block;
        margin:3% auto;
        width: 80%;
        display: none;
    }

    .miscelanea_desktop_group3_right_bottom span{
        display: block;
        font-family:AktivGroteskTrial-Regular;
        font-size: 0.9rem;
        margin-bottom: 2%;
        display: none;
        text-align: center;
    }


    .miscelanea_desktop_group3_center{
        width: 100%;
        font-size: 0px;
        padding-bottom: 1%;
        border-bottom: 1px solid;
    }

    .miscelanea_desktop_group3_center h3{
        font-size: 1rem;
        font-family:AktivGroteskCdTrial-Light;
        margin-top: 1%;
        margin-bottom: 1%;
        margin-left: 20px;
    }

    .miscelanea_desktop_group3_center_body{
        width: 100%;
        padding-bottom: 2%;
    }

    .miscelanea_desktop_group3_center_body_left{
        width: 30%;
        display: inline-block;
        display: table-cell;
        /* background-color: burlywood; */
    }

    .miscelanea_desktop_group3_center_body_left img{
        width: 50%;
        display: block;
        MARGin:auto;
    }

    .miscelanea_desktop_group3_center_body_right{
        width: 70%;
        display: inline-block;
        display: table-cell;
        /* background-color: darkgreen; */
        font-size: 1rem;
        vertical-align: middle;
    }

    .miscelanea_desktop_group3_center_body_right p{
        margin-left: 2%;
        margin-right: 3%;
        font-family:AktivGroteskCdTrial-Black;
        font-size: 1.5rem;
    }

    .miscelanea_desktop_group3_center_body_right p label{
        display: block;
        font-family:AktivGroteskTrial-Light;
        margin-top: 1%;
        font-size: 1.2rem;
    }


    .miscelanea_desktop_group4,
    .miscelanea_desktop_group16{
        width: 100%;
        border-bottom: 1px solid;
    }

    .miscelanea_desktop_group4_center_body,
    .miscelanea_desktop_group16_center_body{
        width: 100%;
        padding-bottom: 2%;
    }

    .miscelanea_desktop_group4_center_body_left,
    .miscelanea_desktop_group16_center_body_left{
        width: 30%;
        display: inline-block;
        /* background-color: burlywood; */
    }

    .miscelanea_desktop_group4_center_body_left img,
    .miscelanea_desktop_group16_center_body_left img{
        width: 50%;
        display: block;
        MARGin:auto;
        margin-top: 14%;
        mix-blend-mode: multiply;
    }
    

    .miscelanea_desktop_group4_center_body_right,
    .miscelanea_desktop_group16_center_body_right{
        width: 70%;
        display: inline-block;
        /* background-color: darkgreen; */
        font-size: 1rem;
        vertical-align: top;
    }

    .miscelanea_desktop_group4_center_body_right h3,
    .miscelanea_desktop_group16_center_body_right h3{
        margin-left: 2%;
        margin-right: 3%;
        font-family:AktivGroteskCdTrial-Black;
        font-size: 2rem;
        color: #76FFC2;
        color: #95eaff;
        margin-top: 3%;
        margin-bottom: 1%;
    }

    .miscelanea_desktop_group4_center_body_right p,
    .miscelanea_desktop_group16_center_body_right p{
        margin-left: 2%;
        margin-right: 3%;
        font-family:AktivGroteskTrial-Regular;
        font-size: 1.2rem;
        font-size: 1rem;
    }

    .miscelanea_desktop_group4_center_body_right p a,
    .miscelanea_desktop_group16_center_body_right p a{
        display: block;
        font-family:AktivGroteskTrial-Light;
        margin-top: 1%;
        font-size: 1rem;
        text-decoration: none;
        color: black;
    }

    .miscelanea_desktop_group4_center_body_right_p_premium,
    .miscelanea_desktop_group16_center_body_right_p_premium{
        display: none;
    }

    .miscelanea_desktop_group5{
        width: 100%;
        /* background-color: rgb(255, 190, 229); */
        /* border-bottom: 1px solid; */
    }

    .miscelanea_desktop_group5_center{
        width: 100%;
        font-family:AktivGroteskCdTrial-Black;
        font-size: 2rem;
        color: black;
        text-align: center;
        padding-top: 4%;
        padding-bottom: 4%;
        border-top: 1px solid;
        background-color: rgb(255, 190, 229);
    }

    .miscelanea_desktop_group5_center a{
        text-decoration: none;
        color: black;
    }

    /*
        LEFT
    */
    .miscelanea_desktop_group5_left{
        /* width: calc(50% - 40px); */
        width: calc(50% - 1px);
        display: inline-block;
        display: table-cell;
        /* background-color: rebeccapurple; */
        /* padding-left: 20px;
        padding-right: 20px; */
        vertical-align: top;
        border-right: 1px solid black;
        background-color: white;
    }

    .miscelanea_desktop_group5_left_top{
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 2%;
        padding-bottom: 2%;
        padding-bottom: calc(2% + 1px);
    }

    .miscelanea_desktop_group5_left_top_img{
        width: 30%;
        display: inline-block;
    }

    .miscelanea_desktop_group5_left_top_texto{
        font-size: 2rem;
        line-height: 90%;
    }

    .miscelanea_desktop_group5_left_top_img img{
        width: 75%;
        margin: auto;
        display: block;
        mix-blend-mode: multiply;
    }

    .miscelanea_desktop_group5_left_top_texto{
        width: 70%;
        display: inline-block;
        vertical-align: top;
        font-family:AktivGroteskCdTrial-XBold;
        margin-top: 5%;
        color: #CBFFC2;
        color: #8c86ff;
        color: #b46aff;
    }

    .miscelanea_desktop_group5_left_bottom{
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        font-size: 1rem;
        text-align: left;
        /* hyphens: auto; */
        border-top: 1px solid;
   }

   .miscelanea_desktop_group5_left_bottom p{
        margin-left: 1%;
        margin-right: 1%;
        padding-top: 2%;
        font-family:AktivGroteskTrial-Regular;
    }

    .miscelanea_desktop_group5_left_bottom_premiun{
        display: none;
    }

    .miscelanea_desktop_group5_left_bottom a{
        display: block;
        margin-top: 2%;
        margin-bottom: 2%;
        font-family:AktivGroteskTrial-Light;
        color: black;
        text-decoration: none;
    }

    .miscelanea_desktop_group5_left_bottom img{
        display: block;
        margin:3% auto;
        width: 80%;
        display: none;
    }

    .miscelanea_desktop_group5_left_bottom span{
        display: block;
        font-family:AktivGroteskTrial-Regular;
        font-size: 0.9rem;
        margin-bottom: 2%;
        display: none;
        text-align: center;
    }

    .miscelanea_desktop_group5_left_frase{
        font-family: AktivGroteskCdTrial-Black;
        font-size: 2rem;
        color: black;
        text-align: center;
        /* padding-top: 40%;
        padding-top: 60%;
        padding-bottom: 40%; */
        padding-top: 11%;
        border-top: 1px solid;
        background-color: rgb(255, 190, 229);
        display: none;
    }

    .miscelanea_desktop_group5_left_frase h3{
        /* font-size: 1rem; */
    }

    .miscelanea_desktop_group5_left_frase h3 a{
        color: black;
        text-decoration: none;
    }

    /*
        RIGHT
    */
    .miscelanea_desktop_group5_right{
        /* width: calc(50% - 40px); */
        width: 50%;
        display: inline-block;
        display: table-cell;
        /* background-color: royalblue; */
        /* padding-left: 20px;
        padding-right: 20px; */
        background-color: white;
    }

    .miscelanea_desktop_group5_right_top{
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 2%;
        padding-bottom: 2%;
        vertical-align: top;
        padding-bottom: calc(2% + 1px);
    }


    .miscelanea_desktop_group5_right_top_img{
        width: 30%;
        display: inline-block;
        display: table-cell;
    }

    .miscelanea_desktop_group5_right_top_texto{
        font-size: 2rem;
        line-height: 90%;
        vertical-align: middle;
        font-family:AktivGroteskCdTrial-XBold;
        margin-top: 8%;
        color: #007FFF;
    }
    

    .miscelanea_desktop_group5_right_top_img img{
        width: 74.5%;
        margin: auto;
        display: block;
        mix-blend-mode: multiply;
    }

    .miscelanea_desktop_group5_right_top_texto{
        width: 70%;
        display: inline-block;
        display: table-cell;
    }

    .miscelanea_desktop_group5_right_bottom{
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
        font-size: 1rem;
        text-align: left;
        /* hyphens: auto; */
        border-top: 1px solid;
    }

    .miscelanea_desktop_group5_right_bottom p{
        margin-left: 1%;
        margin-right: 1%;
        padding-top: 2%;
        font-family:AktivGroteskTrial-Regular;
    }

    .miscelanea_desktop_group5_right_bottom_premiun{
        display: none;
    }

    .miscelanea_desktop_group5_right_bottom a{
        display: block;
        margin-top: 2%;
        margin-bottom: 2%;
        font-family:AktivGroteskTrial-Light;
        color: black;
        text-decoration: none;
    }

    .miscelanea_desktop_group5_right_bottom img{
        display: block;
        margin:3% auto;
        width: 80%;
        display: none;
    }

    .miscelanea_desktop_group5_right_bottom span{
        display: block;
        font-family:AktivGroteskTrial-Regular;
        font-size: 0.9rem;
        margin-bottom: 2%;
        display: none;
        text-align: center;
    }

    .miscelanea_desktop_group5_right_frase{
        font-family: AktivGroteskCdTrial-Black;
        font-size: 2rem;
        color: black;
        text-align: center;
        /* padding-top: 40%;
        padding-top: 60%;
        padding-bottom: 40%; */
        padding-top: 7%;
        border-top: 1px solid;
        background-color: rgb(255, 190, 229);
        display: none;
    }

    .miscelanea_desktop_group5_right_frase h3{
        /* font-size: 1rem; */
    }

    .miscelanea_desktop_group5_right_frase h3 a{
        color: black;
        text-decoration: none;
    }

    /******************
    AJUSTE DEL NUEVO BLOQUE PENDEGRAMA
    ************************/
    .miscelanea_desktop_group5_table{
        width: 100%;
        border-collapse: collapse;
    }

    .miscelanea_desktop_group5_table_left_box{
        width: calc(50% - 1px);
    }

    .miscelanea_desktop_group5_table_right_box{
        width: calc(50%);
    }

  #miscelanea_desktop_group5_table_2,#miscelanea_desktop_group5_table_1{
      display: none;
  }     
  
    #miscelanea_desktop_group4_center_body_22{
        display: none;
    }

    #miscelanea_desktop_group4_center_body_33{
        display: none;
    }

    .miscelanea_desktop_group2_table{
        width: 100%;
        border-collapse: collapse;
        border: 0px;
    }

    #miscelanea_desktop_group2_table_2,
    #miscelanea_desktop_group2_table_3{
        display: none;
    }

}


/* ============================================================================
   REDISEÑO FIGMA — Miscelánea
   Nodos: desktop 2001:763 (horizontal), 2001:1028 (vertical), 2001:840 (popup
   Tribunal abierto); mobile 2001:3046 (horizontal), 2001:3197 (vertical),
   2001:3115 (popup Tribunal abierto).
   Clases nuevas (miscelanea2_*), sin colisión con las clases legacy de esta
   misma página (arriba) ni con los selectores de public/js/jscode.js.
   ============================================================================ */

.miscelanea2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "humor humor"
        "tribunal horror"
        "pendegrama amanda"
        "libros libros";
}

.miscelanea2--vertical{
    grid-template-areas:
        "humor pendegrama"
        "humor amanda"
        "tribunal horror"
        "libros libros";
}

.miscelanea2_card{
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    padding: 14px;
}

.miscelanea2_humor{
    grid-area: humor;
    padding: 15px;
    background-color: #adf3fd;
    display: flex;
    flex-direction: column;
}
.miscelanea2_tribunal{ grid-area: tribunal; background-color: #e4bd5e; min-height: 105px; }
.miscelanea2_horror{ grid-area: horror; background-color: #fff; min-height: 105px; }
.miscelanea2_pendegrama{ grid-area: pendegrama; background-color: #ffbee5; min-height: 105px; }
.miscelanea2_amanda{ grid-area: amanda; background-color: #c47ca9; min-height: 105px; }
.miscelanea2_libros{ grid-area: libros; background-color: #007fff; color: #fff; min-height: 132px; }

/* En la variante vertical, Pendegrama y Amanda quedan apiladas junto a Humor
   (que es más alta) y su fila crece un poco (ver Figma 2001:3197). */
.miscelanea2--vertical .miscelanea2_pendegrama{ min-height: 125px; }
.miscelanea2--vertical .miscelanea2_amanda{ min-height: 124px; }

.miscelanea2_humor_titulo,
.miscelanea2_card_titulo{
    font-family: AktivGroteskCdTrial-XBold;
    font-size: 19px;
    letter-spacing: -0.51px;
    text-transform: uppercase;
    line-height: 1.1;
    margin: 0 0 8px;
}

.miscelanea2_humor_titulo{
    color: #007fff;
}

.miscelanea2_humor_img{
    display: block;
    width: 100%;
    /* flex:1 (en vez de un % fijo de alto) para que la imagen siempre rellene el
       espacio restante del bloque, sin dejar hueco abajo cuando el título ocupa
       más o menos líneas (ver bug: franja cian visible bajo la foto). */
    flex: 1 1 auto;
    min-height: 0;
    object-fit: cover;
}

/* Tribunal / Horror / Amanda: ícono a la izquierda, texto a la derecha (Figma
   2001:3069/3063/3076 en mobile — nunca apilado verticalmente). */
.miscelanea2_tribunal,
.miscelanea2_horror,
.miscelanea2_amanda{
    display: flex;
    align-items: center;
    gap: 8px;
}

.miscelanea2_card_icono{
    display: block;
    flex: 0 0 auto;
    width: 38px;
    height: auto;
}

.miscelanea2_amanda .miscelanea2_card_icono{
    width: 46px;
    height: 70px;
    object-fit: cover;
}

.miscelanea2_card_texto{
    flex: 1 1 auto;
    min-width: 0;
}

.miscelanea2_card_texto .miscelanea2_card_titulo{
    margin-bottom: 6px;
}

.miscelanea2_card_autor{
    display: none;
}

.miscelanea2_card_extracto{
    display: none;
}

.miscelanea2_btn{
    display: inline-block;
    background-color: #fff;
    color: #000;
    font-family: AktivGroteskTrial-Bold;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    padding: 6px 10px;
    cursor: pointer;
}

/* Libros: ícono+texto a la izquierda, video a la derecha (Figma 2001:3047) */
.miscelanea2_libros{
    display: flex;
    align-items: center;
    gap: 10px;
}

.miscelanea2_libros_texto{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 50%;
    min-width: 0;
}

.miscelanea2_libros_video{
    display: block;
    flex: 1 1 50%;
    min-width: 0;
    max-width: 50%;
}

/* Descargar Pendegrama: mismo patrón que Tribunal/Horror/Amanda — la vista
   previa del pendegrama funciona como ícono a la izquierda, texto a la derecha. */
.miscelanea2_pendegrama{
    display: flex;
    align-items: center;
    gap: 8px;
}

.miscelanea2_pendegrama_preview{
    display: block;
    flex: 0 0 auto;
    width: 46px;
    height: 70px;
    object-fit: cover;
}

.miscelanea2_pendegrama_link{
    display: inline-block;
    margin-top: 6px;
}

.miscelanea2_pendegrama_icono{
    /* El SVG trae width/height="100%" internos (preserveAspectRatio="none"); sin una altura
       coherente con su proporción real (~1.09:1) se estira y se ve alargado (igual que en
       home_misc_pendegrama_icono, public/css/home.css). */
    display: block;
    width: 28px;
    height: 25px;
}

/* ---------------------------------------------------------------------------
   Popups reutilizables (Tribunal / Amanda Lúgubre / The Horror)
   --------------------------------------------------------------------------- */

.miscelanea2_popup{
    display: none;
    position: fixed;
    inset: 0;
    z-index: 100000;
    align-items: center;
    justify-content: center;
}

.miscelanea2_popup.is-open{
    display: flex;
}

.miscelanea2_popup_overlay{
    position: absolute;
    inset: 0;
    background-color: rgba(0,0,0,0.65);
}

.miscelanea2_popup_card{
    position: relative;
    background-color: #fff;
    border-radius: 14px;
    width: 88%;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
}

/* El scroll interno vive en un wrapper separado del close button. Si el texto
   es más largo que el alto del popup, el botón "Cerrar" NO debe quedar pisando
   la línea que esté visible en ese momento del scroll: por eso el botón se
   superpone únicamente sobre ::after (una franja fija que no se desplaza,
   ver más abajo), nunca sobre .miscelanea2_popup_scroll. */
.miscelanea2_popup_scroll{
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 30px 24px 20px;
}

/* Franja fija (no scrollea) donde "cuelga" mitad del botón cerrar. */
.miscelanea2_popup_card::after{
    content: '';
    display: block;
    flex: 0 0 auto;
    height: 14px;
}

.miscelanea2_popup_titulo{
    font-family: AktivGroteskCdTrial-XBold;
    font-size: 22px;
    letter-spacing: -0.61px;
    text-transform: uppercase;
    margin: 0 0 14px;
}

.miscelanea2_popup_autor{
    font-family: AktivGroteskTrial-Light;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.miscelanea2_popup_body{
    font-family: AktivGroteskTrial-Regular;
    font-size: 14px;
    line-height: 1.4;
    color: #000;
}

.miscelanea2_popup_body p{
    margin: 0 0 12px;
}

.miscelanea2_popup_body h1,
.miscelanea2_popup_body h2,
.miscelanea2_popup_body h3{
    font-family: AktivGroteskTrial-Bold;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.miscelanea2_popup_empty{
    font-family: AktivGroteskTrial-Regular;
    font-size: 15px;
    color: #666;
    text-align: center;
    padding: 30px 0;
}

.miscelanea2_popup_video{
    display: block;
    width: 100%;
    margin-top: 16px;
}

.miscelanea2_popup_close{
    position: absolute;
    left: 50%;
    bottom: -34px;
    transform: translateX(-50%);
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    z-index: 1;
}

.miscelanea2_popup_close img{
    display: block;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 1024px){

    .miscelanea2--horizontal{
        grid-template-areas:
            "humor humor"
            "tribunal tribunal"
            "pendegrama amanda"
            "horror horror"
            "libros libros";
    }

    .miscelanea2--vertical{
        grid-template-areas:
            "humor pendegrama"
            "humor amanda"
            "tribunal tribunal"
            "horror horror"
            "libros libros";
    }

    .miscelanea2_card{
        padding: 40px 4.3%;
        min-height: 291px;
    }

    .miscelanea2_humor{ min-height: 918px; padding: 40px 4.3%; }
    .miscelanea2--vertical .miscelanea2_humor{ min-height: 691px; }

    .miscelanea2_tribunal,
    .miscelanea2_horror,
    .miscelanea2_pendegrama,
    .miscelanea2_amanda{ min-height: 291px; }

    .miscelanea2--vertical .miscelanea2_pendegrama{ min-height: 347px; }
    .miscelanea2--vertical .miscelanea2_amanda{ min-height: 345px; }

    .miscelanea2_humor_titulo,
    .miscelanea2_card_titulo{
        font-size: 42px;
        letter-spacing: -1.26px;
        margin-bottom: 20px;
    }

    .miscelanea2_tribunal,
    .miscelanea2_horror,
    .miscelanea2_amanda{
        gap: 20px;
    }

    .miscelanea2_card_icono{
        width: 100px;
    }

    .miscelanea2_card_autor{
        display: block;
        font-family: AktivGroteskTrial-Light;
        font-size: 15px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .miscelanea2_card_extracto{
        display: block;
        font-family: AktivGroteskTrial-Regular;
        font-size: 22px;
        line-height: 1.3;
        margin-bottom: 16px;
    }

    /* Amanda Lúgubre: el extracto solo aparece en la variante vertical (más alta: 345px vs 291px) */
    .miscelanea2--horizontal .miscelanea2_amanda .miscelanea2_card_extracto{
        display: none;
    }

    .miscelanea2_amanda .miscelanea2_card_icono{
        width: 142px;
        height: 217px;
        object-fit: cover;
    }

    .miscelanea2_btn{
        font-size: 22px;
        padding: 10px 20px;
    }

    .miscelanea2_pendegrama{
        gap: 20px;
    }

    .miscelanea2_pendegrama_preview{
        width: 142px;
        height: 217px;
        object-fit: cover;
        border: 1px solid rgba(0,0,0,0.1);
        box-shadow: 0 6px 16px rgba(0,0,0,0.18);
    }

    .miscelanea2_pendegrama_icono{
        width: 79px;
        height: 72px;
    }

    .miscelanea2_popup_card{
        width: 77.5%;
        max-width: 993px;
        border-radius: 45px;
    }

    .miscelanea2_popup_card::after{
        height: 28px;
    }

    .miscelanea2_popup_scroll{
        padding: 70px 9.4% 40px;
    }

    .miscelanea2_popup_titulo{
        font-size: 60px;
        letter-spacing: -1.99px;
    }

    .miscelanea2_popup_autor{
        font-size: 22px;
        margin-bottom: 16px;
    }

    .miscelanea2_popup_body{
        font-size: 22px;
        line-height: 1.4;
    }

    .miscelanea2_popup_body h1,
    .miscelanea2_popup_body h2,
    .miscelanea2_popup_body h3{
        font-size: 40px;
    }

    .miscelanea2_popup_close{
        width: 52px;
        height: 52px;
        bottom: -58px;
    }
}

@media only screen and (min-width: 1920px){

    .miscelanea2_humor_titulo,
    .miscelanea2_card_titulo{
        font-size: 48px;
    }

    .miscelanea2_pendegrama_preview,
    .miscelanea2_amanda .miscelanea2_card_icono{
        width: 170px;
        height: 260px;
    }

    .miscelanea2_card_icono{
        width: 130px;
    }
}