/* Webfont: Cera-Bold */
@font-face {
    font-family: 'Cera-Bold';
    src: url( '../fonts/Cera-Bold.otf');
    font-style: normal;
    font-weight: 400;
}

/* Webfont: Cera-BoldItalic*/
@font-face {
    font-family: 'Cera-BoldItalic';
    src: url( '../fonts/Cera-BoldItalic.otf');
    font-style: normal;
    font-weight: 400;
}

/* Webfont: Cera-Light*/
@font-face {
    font-family: 'Cera-Light';
    src: url( '../fonts/Cera-Light.otf');
    font-style: normal;
    font-weight: 400;
}

/* Webfont: Cera-LightItalic*/
@font-face {
    font-family: 'Cera-LightItalic';
    src: url( '../fonts/Cera-LightItalic.otf');
    font-style: normal;
    font-weight: 400;
}

/* Webfont: Cera-Medium*/
@font-face {
    font-family: 'Cera-Medium';
    src: url( '../fonts/Cera-Medium.otf'); 
    font-style: normal;
    font-weight: 400;
}

/* Webfont: Cera-MediumItalic*/
@font-face {
    font-family: 'Cera-MediumItalic';
    src: url( '../fonts/Cera-MediumItalic.otf');
    font-style: normal;
    font-weight: 400;
}



p{
    color: black;
    font-size:14px;
}


/*----------------------- Porter ------------------------- */

#PPB_centrado{
        padding: 25px 0px 0px 25px;
}

#PPB_tit_align1{
        display: flex;
        justify-content: flex-start;
        padding: 0px 0px 0px 0px;
}

#PPB_titulo{
        color: black;
        font-family:Cera-MediumItalic;
        font-size:14px;
        padding: 10px 0px 0px 20px;
        width: fit-content;
        white-space: nowrap;
}

#PPB_traduccion{
        color: black;
        font-family:Cera-Medium;
        font-size:14px;
        padding: 10px 0px 0px 5px;
        width: fit-content;
        white-space: nowrap;
}

#PPB_artista{
        color: black;
        font-family:Cera-Medium;
        font-size:14px;
        padding: 5px 0px 0px 20px;
        width: fit-content;
        white-space: nowrap;
}

#PPB_pais{
        color: black;
        font-family:Cera-Light;
        font-size:14px;
        padding: 5px 0px 0px 20px;
        width: fit-content;
        white-space: nowrap;
}

#PPB_traduccion_salto{
        color: black;
        font-family:Cera-Medium;
        font-size:14px;
        padding: 5px 0px 0px 20px;
        width: fit-content;
        white-space: nowrap;
}

#PPB_tecnica{
        color: black;
        font-family:Cera-Light;
        font-size:14px;
        padding: 5px 100px 10px 20px;
}


#PPB_anio{
        color: black;
        font-family:Cera-Light;
        font-size:14px;
        padding: 10px 40px 0px 0px;
}


#PPB_origen{
        color: black;
        font-family: Cera-Light;
        font-size:14px;
        padding: 40px 40px 0px 20px;
}

#PPB_titulo_entrada{
        color: black;
        font-family: Cera-Bold;
        font-size:40px;
        padding: 10px 10px 0px 20px;
}

#PPB_subtitulo{
        color: black;
        font-family: Cera-Bold;
        font-size:25px;
        padding: 10px 40px 0px 20px;
}

#PPB_titulo_t{
        color: black;
        font-family: Cera-Bold;
        font-size:18px;
        padding: 10px 10px 0px 20px;
}

#PPB_texto{
        color: black;
        font-family: Cera-Light;
        font-size:16px;
        padding: 10px 40px 0px 20px;
}


/*----------------------- Textos  ------------------------- */

#titulo_texto{
        color: black;
        font-family: Latinx-Black;
        font-size:14px;
        padding: 10px 20px 5px 20px;

}

#texto_sala{
        color: black;
        font-family: NHaasGroteskDSPro55Rg;
        font-size:14px;
        line-height: 18px;
        padding: 10px 20px 5px 20px;

}

/*----------------------- Popups  ------------------------- */

#popup_artista{
        color: black;
        font-family: Latinx-Black;
        font-size:14px;
        padding: 20px 20px 0px 20px;
}


#popup_pais{
        color: black;
        font-family: NHaasGroteskDSPro55Rg;
        font-size:14px;
        padding: 20px;
        padding: 0px 20px 5px 20px;
}


#popup_titulo{
        color: black;
        font-family: NHaasGroteskDSPro55Rg;
        font-size:14px;
        line-height: 18px;
        padding: 10px 20px 5px 20px;

}

/*----------------------- Media Queries  ------------------------- */
#malba_360{
    width:900px; height:506px
}

@media (max-width: 1024px) {  
         #malba_360{
             width: 600px;
             height: 334px;
         }
}
@media (max-width: 1024px) {  
         #malba_360{
             width: 300px;
             height: 168px;
         }
}
.flex-video-360 #malba_360 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
.flex-video-360 {
    position: relative;
    padding-top: 0;
    padding-bottom: 56.22%;
    height: 0;
    margin-bottom: 30px;
    overflow: hidden;
}