@media ( min-width:600px ) and ( max-width:1000px ){

body{
    background-color: #000!important;
}

body.custom-background {
    background-color: #000!important;
}

body.archive {
    background-color: #000!important;
}


h3.titulo-rayas {
    color: #fff;
    font-size: 38px;
    font-weight: 900;titu
    margin-bottom: 21px;
    margin-top: 21px;
    font-family: 'Barlow Condensed', sans-serif;
}

h3.titulo-rayas::before{
    margin-top: 0px;
    content: "";
    background-color: #fff;
    height: 1px;
    width: 100%;
    display: block;
    margin-bottom: 0px;
}

    .navbar-dark .navbar-toggler {
        color: rgba(255, 255, 255, 0.5);
        border-color: rgba(255, 255, 255, 0.1);
        background-color: #6653FF;
    }
    
.navbar-nav{
    display:block;
}
    
    /*header*/
header {
    position: relative !important;
    z-index: none !important;
    width: 100% !important;
    background-color: #fff;
}
      /*header*/
/*Navbar*/
.navbar-brand {
    display: inline-block;
    padding-top: 0rem;
    padding-bottom: 0.3125rem;
    margin-right: 0rem;
    font-size: 1rem;
    line-height: inherit;
    white-space: nowrap;
    width:70%;
    }
 .dropdown-menu {
    display:block!important; 
 background-color:transparent;
     border:none;

}   
    
 .dropdown-menu a{
color:#fff!important;

}       
    
.dropdown-menu a.nav-link.dropdown-toggle {
color:#fff!important;
}  

/*botones de cta al ancho completo*/
.li-bp {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* quitamos la linea gris */

.carousel-item::after{
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    content: "";
    z-index: 2;
    width: 100%;
    height: 379px;
    background: linear-gradient(180deg,transparent 0,#000);
    background-repeat: repeat-x;
    background-position: 0 100%;
}

/* padding a contenido opinion bp*/
.contenido-opinion-bp {
    padding: 16px;
}


.menu-item-has-children > a{
font-weight:700;  

}

.menu-item-has-children > a:after{
content:'';
width:5px;
height:5px;
display:block;
position: relative;
left:110px;  
top:-15px;
transform:rotate(45deg);  
border-right:1px solid #fff;
border-left:0px solid #fff;
border-top:0px solid #fff;  
border-bottom:1px solid #fff; 
}

    /*carusel*/
        .carousel-caption h1 {
        font-size: 1rem;
        width: 100%;
        text-align: center;
    }	

    .carousel-caption p {
        font-size: 1rem;
        text-align: left;
        width: 100%;
        text-shadow: 0px 3px 7px rgb(0 0 0);
    }

 
    .carousel-caption {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 33rem;
        margin-top: 30px;
    }
    
    .btn-info {
        color: #000;
        background-color: #fff;
        border-radius: 4px;
        border: 0;
        width: 178px;
        height: 40px;
        display: flex;
        text-transform: uppercase;
        font-family: 'Trispace';
        border-radius: 4px;
        font-weight: 700;
        justify-content: center;
        align-items: center;
        padding-left: 2rem;
        padding-right: 2.4rem;
        opacity: 1;
        padding: 0.8rem;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 10pt;
        font-weight: bold;
        line-height: 2.4rem;
    }
    
    .trailer-boton.btn-info {
        color: white;
        background-color: transparent;
        background-color: rgb(145 145 145 / 35%);
        border-radius: 4px;
        border: 0;
        width: 178px;
        height: 40px;
        display: flex;
        text-transform: uppercase;
        font-family: 'Trispace';
        border-radius: 4px;
        font-weight: 700;
        justify-content: center;
        align-items: center;
        padding-left: 2rem;
        padding-right: 2.4rem;
        opacity: 1;
        padding: 0.8rem;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 9pt;
        font-weight: bold;
        line-height: 2.4rem;
    }   

    /*menu pie de pagina*/
    #menu-link-de-interes {
        display: flex;
        justify-content: center;
        width: 100%;
        flex-direction: column;
        list-style: none;
        padding: 0px;
        margin: 0px;
        align-items: flex-start;
    }


    #menu-link-de-interes li::after {

        display: none;
    }


    .navbar-brand {
        width: 70%;
        display: flex;
        justify-content: center;
        align-items: center;
    } 

    



    .hero-content h1 {
        font-size: 2rem;
        line-break: anywhere;
        text-align: center;
        white-space: break-spaces !important;
    }
        
    .botones-responsivo{
        padding: 0px;
        margin: 0px;
        justify-content: space-around;
        display: flex;
        flex-direction: column;
    }

    header.entry-header {
        background-size: cover !important;
        background-repeat: no-repeat;
    }


    .menu-rrss-container {
        width: 100%!important;
        text-align: center;
    }
    
    .menu-expanded .rrss-menu.boton-con-icono {
    position: relative;
    width: 20px;
    height: 20px;
    font-size: 1.1rem;
    margin-left: 73px;
}

    #menu-link-de-interes li {
        color: var(--color-blanco-bp);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        list-style: none;
        text-align: center;
    } 
    .site-footer input#enviar {
   
        left: -19px!important;
       
    }


    /*cafe publico*/
    .contenedor-mobile{
        padding-left: 0px!important;
        padding-right: 0!important;
        width: 100%;
        margin-left: 0px!important;
        margin-right: 0px!important;
    }
    
    
    
    .cafepublico-single {
        position: relative;
        top: 44px!important;
        padding: 30px;
    }
    
    .otros-capitulos {
        padding-left: 10%;
        padding-right: 8%;
    }

    .mejores-momentos {
        padding-left: 10%;
        padding-right: 8%;
    }
    
    .material-extra {
        padding-left: 10%;
        padding-right: 8%;
    }
    
    header.categorias-slider-bp {
        display:none;
    }
    header.categorias-slider-bp h1{
        display: flex;
        justify-content: center;
        align-items: center;
        margin:0px;
    }

    
    .single .logo-video {
        height: auto;
        width: 293px;
        margin-bottom: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .logo-video {
        height: auto;
        width: 76%;
        margin-bottom: 4px;
        margin-top: -61px;
    }
    
    .texto-banner-bp {
        margin-bottom: 30px;
        width: 100%;
    }
    
    .categorias-slider-bp{
        display:none;
    }

    #mejores-momentos-interno.mejores-momentos .bp-style .contenedor-bp-caja-slider {
        height: 239px;
    }
    
    #mejores-momentos-interno.mejores-momentos .bp-style p {
        height: 54px;
        font-size: 1rem;
        margin: 0px;
    }
 
    .menu-submenu-container {
    
        display: none!important;
    } 


    .navbar-expand-lg {
        align-items: flex-start!important;
        padding: 0px!important;
        align-items: center!important;
        justify-content: center!important;
        background: transparent;
    position: absolute;
    } 
 .carousel-item {
    background-position: center !important;
    background-size: auto 100% !important;
}

    .foto-portada {
        margin-top:1rem;
     margin-bottom:1rem;
        background-size:cover!important;
        width: 100%;
    }
    


    

    /*cafe publico*/    
   
    
    /*comunidad basepublica*/
    #comunidad-basep .imagen-portada h3 {
        font-size: 2.0rem;
        font-weight: 900;
        display: block!important;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Barlow Condensed', sans-serif;
    }


    #comunidad-basep .imagen-portada .foto-portada {
        height: 100%;
        display: block;
        -webkit-box-shadow: 0 5px 5px 0px #000;
        box-shadow: 0 0px 0px 0px #000;
        position: absolute;
        right: 0px;
        width: 121px;
        background-size: 100%;
        top: 0px;
        margin: 0px !important;
         /*position: relative;*/
    }


    #comunidad-basep .imagen-portada p {
        font-size: 0.99rem!important;
        width: 100%;
    }


    .single .foto-portada {
        margin-top: 0rem;
        margin-bottom: 0rem;
        background-size: cover !important;
        width: 180px;
    }

    #comunidad-basep .imagen-portada {
  
        margin-bottom: 9rem;
        margin-top: 3rem;
    }
    
     .comunidad-base-p {
            margin-top: 91px;
       
    }

    .imagen-portada {
        margin-bottom: 1rem;
    }
    
    .contenedor-comunidad-basep {
        display: flex;
        height: 356px;
        padding: 0px;
        /* margin-top: 10px; */
        margin: 0px;
        margin-bottom: 20px;
        background-color: #6653FF;
        overflow: hidden;
        position: relative;
        width: 100%;
    }


    .carousel {
        position: relative;
        padding: 0px;
        z-index: 0;
        height: 480px;
    }

    .carousel-item::before{display:none;}

    .carousel-item {
        height: 30.125rem;}


        .btn-info:focus, .btn-info.focus {
            box-shadow: 0 0 0 0rem transparent!important;
        }
        

        .programa .otros-capitulos .foto-portada {
            height: 431px;
            background-repeat: no-repeat;
            background-size: 100% !important;
            overflow:unset;
            width: 100%;
            padding: 0px 0px 30px 0px;
        }
        
        .programa{
            margin:0!important;
            padding:0!important;
        }


        #mejores-momentos-interno.mejores-momentos .foto-portada {
            height: 400px!important;
            background-repeat: no-repeat;
            width: 100%!important;
            overflow: unset!important;
            background-size: 100% !important;
            background-position: center top !important;
        }

        .tarjeta-material-extra {
            background-color: #fff;
            display: flex;
            flex-direction: column-reverse;
            margin-bottom: 40px;
        }

        .modal-material-extra {
            background-color: transparent;
        }

        .imagen-material-extra img {
            width: 100%;
            margin-bottom: 14px;
        }


        .bajada-de-texto-material-extra h6 {
            font-size: 1rem;
            line-height: 100%;
            margin: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            color: #4f3f3f;
            font-weight: 500;
            font-family: var(--font-bp);
            margin-bottom: 10px;
            margin-top: 19px;
        }
        
        .frase-material-extra h5 {
            font-size: 1.3rem;
            line-height: 100%;
            margin: 0px;
            font-weight: 900;
            color: #000;
        }
        
        .page.page-template-nosotros-page header.entry-header {
            position: relative;
            height: 230px;
            justify-content: center;
            align-items: center;
            text-align: center;
            display: flex;
            color: var(--color-blanco-bp);
            background-position: center center;
            background-size: 100%;
            z-index: 0;
            overflow: hidden;
            margin-bottom: -25px;
        }
        
        .slick-prev.slick-arrow {
            background-image: url(img/flechas.png);
            background-repeat: no-repeat;
            color: transparent;
            background-color: transparent;
            border: none;
            width: 30px;
            padding: 0px;
            height: 30px;
            background-size: 47px;
            background-position: left;
            top: 50%;
            left: -30px;
            position: absolute;
            border-radius: 16px;
            z-index: 999;
        }
        
        .slick-next.slick-arrow {
            background-image: url(img/flechas.png);
            background-repeat: no-repeat;
            color: transparent;
            background-color:transparent;
            border: none;
            width: 30px;
            padding: 0px;
            height: 30px;
            background-size: 47px;
            background-position: right;
            top: 50%;
            position: absolute;
            z-index: 999;
            right: -20px;
            border-radius: 16px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        
        #programasbp .slick-prev.slick-arrow {
            background-image: url(img/flecha-simple.png);
            background-repeat: no-repeat;
            color: transparent;
            background-color: transparent;
            border: none;
            width: 30px;
            padding: 0px;
            height: 30px;
            background-size: 80px;
            background-position: left;
            top: 38%;
            left: -30px;
            position: absolute;
            border-radius: 16px;
            z-index: 999;
        }
        
        #programasbp .slick-next.slick-arrow {
            background-image: url(img/flecha-simple.png);
            background-repeat: no-repeat;
            color: transparent;
            background-color:transparent;
            border: none;
            width: 30px;
            padding: 0px;
            height: 30px;
            background-size: 80px;
            background-position: right;
            top: 38%;
            position: absolute;
            z-index: 999;
            right: -20px;
            border-radius: 16px;
            display: flex;
            justify-content: center;
            align-items: center;
        }


        .contenedor-autor {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            width: 100%;
            align-items: center;
        }

        .share-buttons {
            width: 100%!important;
            float: center;
            margin-bottom: 0px !important;
            height: auto;
            left: 0;
            top: 0;
            display: flex;
            flex-flow: wrap;
            position: relative;
            justify-content: space-around!important;
            align-items: center;
            background-color: #f2f2f2;
            flex-direction: row!important;
            z-index: 0;
        }


        .botones-share a {
            width: 100%;
            height: 70px;
            background-color: #efefef;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #656565;
        }

/* SINGLE NOTICIAS */
.single .noticias{
    background-color:#000;
}

.single .noticias p {
    font-family: 'Tahoma', sans-serif;
    font-weight: 400;
    font-size: .9rem;
    color: #fff;
}

.entry-meta .posted-on {
    margin-left: 14px;
    font-family: 'Trispace';
    font-size: 0.8rem;
    color: #fff;
}

.noticias-container h1{
    color:#fff;
}

.noticias-container h4{
    color:#fff;
}

.noticias-container h5{
    color:#fff;
}



/* contenido post */

.titulo-noticia-bp-home-black {
    color: #fff;
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 0rem;
    font-family: 'Barlow Condensed', sans-serif;
    text-shadow: 0 0 6px black;
    z-index: 2;
}

.titulo-noticia-bp-home-black {
    color: #fff;
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 0rem;
    font-family: 'Barlow Condensed', sans-serif;
    text-shadow: 0 0 6px black;
    z-index: 2;
}

.contenido-post-bp p {
    font-family: 'Tahoma', sans-serif;
    font-weight: 900;
    font-size: .9rem;
    color: #dbdbdb;
}

/*hazte parte*/
.page header.entry-header.hazte-parte-pagina::after {
    content: '';
    width: 200%;
    background-color: #242425;
    position: absolute;
    bottom: -20px;
    filter: blur(13px);
    outline: 10px solid #242425;
    height: 120px;
    background-size: cover;
    display:none;
}

.page header.entry-header.hazte-parte-pagina {
    height: 300px;
    background-size: cover;
    position: relative;
    overflow: hidden;
}


.contenedor-hp {
    border: 10px solid #6653FF;
    width: 100%;
    margin: 0rem 0 2rem 0%;
    position: relative;
    top: 0px;
    padding-left: 3%;
    padding-right: 3%;
}

.video-container::after {
    content: '';
    background-color: #000;
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 1;
    top: 0px;
    left: 0px;
    background-image: url('https://www.basepublica.cl/wp-content/uploads/2020/10/hazte-parte-banner.png');
    background-size: auto 100%;
    background-position: center center;
}	
	
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #fff;
    position: absolute;
    width: 100%;
    left: 0px;
    padding: 0px;
    margin: 0px;
    bottom: -50px;
    text-align: center;
    background-color: #fff;
    color: #6653FF;
}	
	
.single.single-comunidadbp header.entry-header {
    height: 130px;
    background-size: 100% !important;
}	
	
.titulo-noticia {
    text-transform: uppercase;
    font-size: 1.6rem;
}

.frase-bajo-titulo {
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
    font-family: 'Trispace', sans-serif;
    color: #c3c3c3;
}

.wp-block-coblocks-accordion-item__title {
    background: rgba(140,140,151,0.1);
    border-radius: 4px;
    padding: 10px 15px;
    position: relative;
    color: #fff;
}

figcaption.coblocks-gallery--primary-caption:not(.has-caption-color) {
    color: #fff;
}

/* MENU HAMBURGUESA */

.change ~ .menu-expanded {
    max-width: 500px;
    opacity: 1;
    width: 100%;
    height: 100vh;
}

.menu-expanded ul {
    margin: 0;
    list-style: none;
    font-size: 25px;
    text-align: left;
    line-height: 1.4em;
    margin-top: 6px;
    font-family: 'Fira Sans Condensed', sans-serif;
    margin-left: 0px;
    font-weight: 550;
}

.menu-expanded .menu-rrss-container {
    width: 100%;
    margin-left: -91px;
    /* padding: 0 5px 0 5px; */
}

.logo-dark-bp {
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: auto;
    max-width: 141px;
    position: absolute;
    left: 20px;
    top: 23px;
}

.menu-menu-hamburguesa-container {
    margin-left: -50px;
    position: relative;
}

.menu-temas-menu-hamburguesa-container {
    margin-left: -50px;
    position: relative;
}

.site-footer .menu-menu-hamburguesa-container {
    margin-left: 7px;
    position: relative;
}

.site-footer .menu-temas-menu-hamburguesa-container {
    margin-left: 7px;
    position: relative;
}

.menu-expanded hr{
    width: 291px !important;
    left: -51px;
    position: relative;
}

.menu-especial {
    display: none;
}

.Header-menu-list-item-button {
    background: #6653FF;
    color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    padding: 8px 10px 8px 15px;
    border: none;
    text-align: left;
    font-size: 16px;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    left: -51px;
    justify-content: flex-start;
}

footer.site-footer {
    color: #111;
    font-size: 0.8rem;
    font-weight: 300;
    background-color: #f2f2f2;
    text-transform: uppercase;
}

footer#colophon #menu-rrss {
    display: flex;
    color: #333;
    justify-content: space-around;
    align-items: flex-start;
    width: 60%;
    margin-left: 38px;
}

.custom-logo-link {
    max-width: 195px;
    margin-top: 11px;
    filter: drop-shadow(2px 0px 4px black);
    position: absolute;
    left: 30px;
}

.hamburguer-menu {
    width: 50px;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    position: fixed;
    left: unset;
    right: 20px;
    top: 16px;
    z-index: 999;
     text-shadow: 0px 2px 3px rgb(6 6 6); 
}

#menuToggle {
    display: block;
    position: fixed;
    top: 32px;
    left: 32px;
    z-index: 2;
    -webkit-user-select: none;
    user-select: none;
}


.carousel-item::after {
        content: "";
    position: absolute;
    height: 75px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.05) 22%,rgba(0,0,0,.17) 38%,rgba(0,0,0,.31) 49%,rgba(0,0,0,.65) 67%,rgba(0,0,0,.81) 77%,rgba(0,0,0,.91) 85%,rgba(0,0,0,.97) 97%,#000);
    pointer-events: none;
}

.texto-hazte-parte h3:nth-child(1)::before {
    content: '';
    width: 40%;
    background-color: #000;
    position: absolute;
    top: -20px;
    outline: 10px solid #000;
    height: 10px;
    background-size: cover;
    z-index: 0;
    left: 10px;
}



    .home .texto-banner-bp {
        margin-bottom: 35px;
        margin-top: 0;
        width: 100%;
        height: auto;
        display: block;
        max-height: 151px;
        padding-left: 0px !important;
        min-height: 151px;
    }

/* Encuentros */

/* Sección Encuentros Versión Movile 25 Agosto 2021 */
.foto-portada-encuentros {
    width: 100%;
    height: 291px;
    background-position: center center;
    position: relative;
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: #fff;
    margin-bottom: 32px;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.texto-especial {
    position: absolute;
    bottom: 50px;
    color: #fff;
    right: 6%;
    bottom: 11%;
    text-align: right;
    z-index: 2;
}

.texto-especial .sub-titulo-encuentros {
    position: relative;
    color: #fff;
    font-size: 13px;
    font-family: 'Tahoma', sans-serif;
    font-weight: 500;
}

.texto-especial h3 {
    font-weight: 900;
    font-size: 2rem;
    color:#fff;
    text-shadow: 0 0 6px black;
    line-height: normal;
}

.boton-especial {
    background-color: #fff;
    color: #000!important;
    border-radius: 4px;
    border: 0;
    width: 100%;
    height: 31px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    opacity: 1;
    padding: 0px 25px 0px 25px;
    font-size: 18px;
    font-weight: 500;
    margin-right: 0px;
    border: 1px solid #000;
    position: absolute;
    bottom: -31px;
}

.texto-especial-row h3 {
    font-weight: 900;
    font-size: 1.4rem;
    font-family: 'Barlow Condensed', sanf-serif;
    color: #fff;
}

/* FIN Sección Encuentros Versión Movile 25 Agosto 2021 */

.reverse{
    display:flex;
    justify-content:space-around;
    align-items:center;
    flex-direction:column-reverse;
    height:auto;
}

#encuentros {
    height: auto;
    padding: 0;
    margin-left: 0px;
}

.encuentros-margen{
    padding: 0;
    margin-left: 0px;
}

.column-row .texto-especial-row {
    padding: 10px;
    position: relative;
    display: block;
    left: -29px;
    top: 15px;
   z-index: 3;
}

.column-row .texto-especial-row h6.barrita::before {
    content: '';
    height: 10px;
    width: 50px;
    background-color: #fff;
    display: block;
}

.column-row .link-eventos {
    color: #fff;
    text-decoration: none;
    position: absolute;
}

.column-row .texto-especial-row p{
    color:#fff;
}

.texto-especial h3 {
    font-weight: 900;
    font-size: 2rem;
    text-shadow: 0 0 6px black;
}

.texto-especial .inscribete-link {
    position: relative;
    top: -3px;
    font-size: 1.4rem;
    color: #6653FF;
    text-shadow: 0 0 6px #000000;
}


.foto-portada-encuentros::after {
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    content: "";
    z-index: 1;
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg,transparent 0,#000);
    background-repeat: repeat-x;
    background-position: 0 100%;
}

.column-row .foto-portada-encuentro-peques {
    width: 100%;
    height: 212px;
    background-size: cover;
    background-position: center center;
    position: relative;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 5px 5px 0px #000;
    box-shadow: 0 5px 5px 0px #000;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}


.column-row::after{
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    content: "";
    z-index: 2;
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg,transparent 0,#000);
    background-repeat: repeat-x;
    background-position: 0 100%;
}


.destacada .contenido-post-bp .titulo-noticia-bp-home-black::before {
    margin-top: -102px;
    content: "";
    background-color: #fff;
    height: 10px;
    width: 64px;
    display: block;
    margin-bottom: 10px;
}


.foto-portada .contenido-post-bp {
    padding: 0;
    margin-top: -6px;
}

.foto-portada-interna::after{
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    content: "";
    z-index: 2;
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg,transparent 0,#000);
    background-repeat: repeat-x;
    background-position: 0 100%;
}

#noticias-bp .destacada {
    margin-bottom: 1.5rem;
    padding-left: 16px;
    padding-right: 16px;
    padding: 0;
}

.foto-portada-interna {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
    height: auto;
    width: 100%;
    padding: 0px;
    transition: all ease-in-out .5s;
}

.noticia-bp-single {
    margin-bottom: 22px;
}

.linea-out{
    display:none;
}

.texto-portadas p {
    color: #fff;
    font-size: 17px;
}

/*Footer New */

.footer-copy {
    font-family: 'Tahoma', sans-serif;
    font-weight: 500;
    font-size: .9rem;
    color: #111;
    margin-left: 7px;
}

.menu-pie-pagina{
    display:none;
}


#ajaxsearchlite1{
    display:none;
}


.display-mobile{
    display:none;
}

.espacio {
    padding: 0;
    margin: 0;
    padding-top: 100px;
}

.espacio h2.titulo {
    font-size: 2rem;
    font-weight: 900;
    margin-bottom: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    color: #fff;
}

.espacio h2 {
    font-size: 3rem;
    font-weight: 900;
    margin-bottom: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
}

.selector-de-temas {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 4px;
    width: 100%;
    height: 29px;
    border: none;
    border-bottom: 1px solid gray;
    margin-bottom: 19px;
    margin-top: -28px;
}

.temas-divisor {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.portada-temas {
    width: 100%;
    height: auto;
    position: relative;
}

.portada-temas img {
    width: 100%;
    height: 169px;
    max-width: 100%;
    min-width: 100%!important;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position: relative;
}



.contenido-temas {
    position: relative;
    left: 0px;
    width: 100%;
    height: auto;
    padding: 0%;
    color: #fff;
    margin:0!important;
}

.temas-divisor:hover .titulos-temas {
    text-decoration: none;
    color: #fff;
    font-size: 24px;
    line-height: 1;
}

.temas-divisor .titulos-temas {
    text-decoration: none;
    color: #fff;
    font-size: 24px;
    line-height: 1;
}

a.titulos-temas {
    color: #fff;
    font-size: 2rem;
    font-weight: 900;
    font-family: 'Barlow Condensed', sans-serif;
}

a.titulos-temas:hover {
    color: #6653FF;
    font-size: 2rem;
    font-weight: 900;
    font-family: 'Barlow Condensed', sans-serif;
    transition:0.4s;
}

.contenido-temas p{
    font-family: 'Tahoma', sans-serif;
    font-weight: 400;
    font-size: .9rem;
    color: #fff;
}

.contenido-temas a{
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

#mastheadsingle {
    position: fixed;
    width: 100%;
    height: auto;
    background-color: rgb(0 0 0 / 59%);
    border-bottom: 0px solid #ededed;
    z-index: 2;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    padding-right: 24px;
}

.noticias-container {
    max-width: 100%!important;
    width: 96%!important;
    position: relative;
    left: 0px!important;
     top: 0!important; 
     margin-bottom: 61px; 
}
.line {
    display: block;
    width: 26px;
    background: #fff;
    height: 2px;
    margin: 2px 5px;
    transition: all 0.4s ease;
    z-index: 1;
    box-shadow:0 0 2px black;
}

.entry-meta {
    position: absolute;
    bottom: -12px;
    left: 15px;
    width: 100%;
}

.custom-logo-nuevo {
    position: absolute;
    /* margin-top: 44px; */
    /* margin-left: -198px; */
    width: 160px;
    height: auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: 36px;
    top: -15px;
}

.rectangulo{
    display:none;
}

 .separador-repositorio {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction:column;
        position:relative;
        width:100%;
        height:auto;
    }

/* Notas Base Mobile */

h3.titulo-rayas-dlb {
    color: #fff;
    font-size: 44px;
    font-weight: 900;
    margin-bottom: 30px;
    margin-top: 3px;
    font-family: 'Barlow Condensed', sans-serif;
}

.bg-dlb {
    background-color: transparent!important;
    width: 100%;
    height: auto;
    padding-top: 60px;
    padding-bottom: 0px;
    position: relative;
}

.elements-SingleVideoCard-play {
    position: absolute;
    z-index: 1;
    top: 26%;
    left: 29px;
}

.elements-VideoPlayButton-videoPlayButton {
    width: 80px;
    height: 50px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border: none;
}


.icon-play {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 12px solid #000;
    border-bottom: 8px solid transparent;
}

/* play button portada chica top */
.elements-SingleVideoCard-play-top {
    position: absolute;
    z-index: 1;
    top: 46%;
    left: 14px;
}
/* play button portada chica top */

/* play button portada chica bottom */
.elements-SingleVideoCard-play-bottom {
    position: absolute;
    z-index: 1;
    top: 53%;
    left: 14px;
}
/* play button portada chica bottom */

.foto-portada-dlb-repositorio {
        width: 100%;
        height: 185px;
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center center;
}

/* Botón video Repositorio desde la base mobile */
.elements-SingleVideoCard-play-repositorio {
    position: absolute;
    z-index: 1;
    top: 130px;
    left: 14px;
}

.elements-VideoPlayButton-videoPlayButton-repositorio {
    width: 60px;
    height: 40px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border: none;
}


.icon-play-repositorio {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 12px solid #000;
    border-bottom: 8px solid transparent;
}

/* Botón video Repositorio desde la base mobile */





.contenedor-dlb {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}

.foto-portada-dlb {
    width: 100%!important;
    max-width: 100%!important;
    height: auto!important;
}


.foto-portada-dlb-mobile {
    height: auto;
    width: 100%;
}



.contenedor-dlb-peque {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    width:100%;
    height:auto;
}




.separacion-bp-grande {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    flex-direction: column;
}

.separacion-bp-grande-reverse {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 30px;
}

.bajada-notas-bp-grande-reverse {
    margin-right: 0!important; 
    text-align: left!important; 
    width: 100%;
    height: auto;
}

.bajada-notas-bp-grande-reverse h3::before {
    display:none!important;
}

.bajada-notas-bp-grande h3::before {
    display:none!important;
}

.bajada-notas-bp-grande-reverse h3 {
    font-size: 25px!important;
    color: #fff!important;
    font-weight: 900!important;
    line-height: 1!important;
    margin-top: 10px;
}

.bajada-notas-bp-grande-reverse h3::before {
    display:none;
}

.bajada-notas-bp-grande-reverse:hover h3::before {
    display:none;
}

.bajada-notas-bp-grande-reverse p {
    font-size: 13px;
    color: #fff;
}

.separacion-bp-grande-reverse:hover p {
    font-size: 13px;
    color: #fff;
}


.contenedor-dlb h3 {
    font-size: 25px;
    color: #fff;
}

.contenedor-dlb:hover h3 {
    font-size: 25px;
    color: #fff;
}

.bajada-dlb h3::before {
    display:none;
}

.bajada-dlb:hover h3::before {
    display:none;
}

.contenedor-dlb:hover p {
    font-size: 13px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 40px;
}

.contenedor-dlb p {
    font-size: 13px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 40px;
}

.contenedor-interno-dlb {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 20px;
}

.bajada-dlb-peque {
     margin-top: 0px; 
     margin-left: 0px!important; 
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    height: auto;
}

.bajada-dlb-peque h3 {
    font-size: 1.3rem!important;
    color: #fff!important;
    text-transform: uppercase;
}

.bajada-dlb-peque:hover h3 {
    font-size: 1.3rem!important;
    color: #fff!important;
}




.bajada-dlb h3::before {
    display:none;
}

hr.hr-dlb {
    display: none;
}

h3.titulo-rayas-dlb::before {
    margin-top: 0px;
    content: "";
    background-color: #fff;
    height: 1px;
    width: 100%;
    display: block;
    margin-bottom: 0px;
}

.foto-portada-dlb {
    width: 100%;
    max-width: 100%;
    height: auto;
}


.foto-portada-dlb-peque {
    width: 100%!important;
    max-width: 100%!important;
    height: auto!important;
}

.contenedor-interno-dlb:hover .foto-portada-dlb-peque {
    width: 100%!important;
    max-width: 100%!important;
    height: auto!important;
}

/* fondo news letter */

    .news-letter-home {
        background-color: #6653FF;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        min-height: auto;
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .border-news-letter {
        border: 10px solid #fff;
        min-height: auto;
        display: flex;
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        height: auto;
    }
    

    .news-letter-home h3 {
        position: relative;
        color: #000;
        background-color: transparent;
        display: flex;
        width: 90%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        font-size: 2.3rem;
        text-align: left;
        padding: 0px;
        font-family: 'Barlow Condensed', sans-serif;
        border-left: 10px solid transparent;
    }
    
    .news-letter-home span {
        color: #fff;
        padding: 0px;
        font-size: 27px;
    }

    
    .boton-news-letter {
        display: flex!important;
        justify-content: flex-start!important;
        align-items: flex-start!important;
        background-color: transparent!important;
        width: 233px!important;
        height: 53px!important;
        position: relative!important;
        top: -7px!important;
        border-left: none!important;
        border-right: none!important;
        color: #1a1a1a!important;
        font-weight: 900;
        font-family: 'Barlow Condensed', sans-serif;
        font-size: 1.3rem!important;
        text-transform: uppercase;
        margin-left: -271px!important;
    }
    
    .fondo-news-letter {
         background-color: transparent!important; 
         margin-top: 0!important; 
         margin-bottom: 0!important; 
    }

    
    .news-letter-home h3::before {
        content: '';
        width: 81%;
        position: absolute;
        height: 14px;
        background-color: #6653ff;
        top: -29px;
        margin-left: 0px;
    }
    
    .news-letter-home h3::after {
        display:none;
    }
    
    .banner-somebody {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }

/* notas base mobile */
.temas-divisor:hover img {
    width: 100%;
    height: 169px;
    max-width: 100%;
    min-width: 100%!important;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
}

.imagen-chica {
    width: 100%;
    height: auto;
}

.linea:hover .imagen-chica {
    width: 100%;
    height: auto;
}


.bajada-notas-bp-grande {
    margin-left: 0px!important;
    width: 80%;
    height: auto;
}

.bajada-notas-bp-grande h3 {
    font-size: 25px!important;
    color: #fff!important;
    font-weight: 900!important;
    line-height: 1!important;
    margin-top: 10px;
    text-transform:uppercase;
}

.bajada-notas-bp-grande h3:hover {
    font-size: 25px!important;
    color: #fff!important;
    font-weight: 900!important;
    line-height: 1!important;
    margin-top: 10px;
}

.separacion-bp-grande:hover h3::before {
    display:none;
}

.bajada-notas-bp-grande:hover h3::before {
    display:none;
}

.bajada-notas-bp-grande h6 {
    font-size: 1.4rem;
    font-family: 'Trispace';
    color: #6653ff;
}

.separacion-bp-grande:hover p{
    font-size: 19px;
    color: #fff;
}

.separacion-bp-grande P {
    font-size: 19px;
    color: #fff;
}

.linea::before {
    display:none;
}

.linea:hover::before {
   display:none;
}

.linea {
    padding-left: 15px;
    margin-bottom: 30px;
}

.bajada-notas-bp h3 {
    font-size: 25px!important;
    color: #fff!important;
    font-weight: 900!important;
    line-height: 1!important;
    margin-top: 10px;
    text-transform:uppercase;
}

.bajada-notas-bp h3:hover {
    font-size: 25px!important;
    color: #fff!important;
    font-weight: 900!important;
    line-height: 1!important;
    margin-top: 10px;
    text-transform:uppercase;
}

.linea p {
    font-size: 13px;
    color: #fff;
}

.linea:hover p {
    font-size: 13px;
    color: #fff;
}

/* nueva comunidad */

.estilo-hr-comunidad{
    display:none;
}



.titulo-rayas-comunidad{
    margin-bottom: 25px;
    font-size: 40px;
    color:#fff;    
}

h3.titulo-rayas-comunidad::before {
    margin-top: 0px;
    content: "";
    background-color: #fff;
    height: 1px;
    width: 100%;
    display: block;
    margin-bottom: 0px;
}

.nueva-comunidad-mobile-none{
    display:none!important;
}

.voces-mobile{
    display: flex;
    margin-bottom: 40px;
    padding-top: 20px;
    position: relative;
    border-top: 1px solid #444;
    padding-left: 0;
}

.voces-mobile-contenedor-image{
    margin-right:0px;
    width: 50%;
    position: relative;
}

.voces-mobile-image{
    display: block;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    width:227px;
    height:auto;
}

.voces-mobile-bajada{
    margin-left: 20px;
    width: 50%;
}

.voces-mobile-bajada h3{
    width: 100%;
    font-size:23px;
    font-family:'Barlow Condensed', sans-serif;
    color:#fff;
    font-weight:bold;
}

.voces-mobile-bajada h6{
    font-size: 1.2rem;
    font-family: 'Trispace';
    color: #6653ff;
}

.comunidad-mobile-block {
    padding: 0;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position:relative;
}

.comunidad-mobile-block-grande {
    padding: 0;
    margin-bottom: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction:column
}


.comunidad-mobile-block-grande img{
    width:100%;
    height:auto;
}

.imagen-mobile-comunidad {
    max-width: 120px!important;
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center center;
    padding: 0;
    margin: 0;
}

.comunidad-mobile-block p {
    display:none;
}
/* bajada comunidad */
.bajada-comunidad {
    position: relative;
    margin-left: 0px;
    padding-top: 0px!important;
    margin-right: 0px;
}

.bajada-comunidad h3 {
    font-size: 25px!important;
    color: #fff;
    text-transform:uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight:bold;
}

.bajada-comunidad h3:hover {
    font-size: 25px!important;
    color: #fff;
    text-transform:uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight:bold;
}

.bajada-comunidad h6 {
    font-size: 0.7rem;
    font-family: 'Trispace';
    color: #6653ff;
}

.bajada-comunidad p {
    font-size: 13px;
    color: #fff;
}

/* bajada voces */

.bajada {
    position: relative;
    margin-left: 29px;
    padding-top: 0px!important;
    margin-right: 0px;
}

.bajada h3 {
    font-size: 18px!important;
    color: #fff;
}

.bajada h3:hover {
    font-size: 18px!important;
    color: #fff;
}

.bajada h6 {
    font-size: 0.7rem;
    font-family: 'Trispace';
    color: #6653ff;
}

.bajada p {
    font-size: 13px;
    color: #fff;
}

.estilo-hr{
    display:none;
}

/* Secci贸n TEMAS */
.espacio-dlb{
    margin-top: 82px;
}

h2.titulo-espacio-dlb{
    color:#fff;
}

.titulos-dlb-repositorio h3{
    color: #fff;
    font-size: 24px;
    text-transform:uppercase;
}

.titulos-dlb-repositorio h6{
    color: #6653ff;
    font-weight: lighter;
    font-family: 'Trispace';
    font-size: 0.7rem;
}

.bajada-dlb-repositorio p{
    font-size: 13px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 40px;
}

/* nosotros page */

.titulo-rayas.oculto-text{
    display:none;
}

h3.titulo-nosotros-mobile {
    color: #000;
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 35px;
    margin-top: 35px;
    font-family: 'Barlow Condensed', sans-serif;
}

h3.titulo-nosotros-mobile-blanco {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 35px;
    margin-top: 35px;
    font-family: 'Barlow Condensed', sans-serif;
}

.parrafo-nosotros{
    font-size: 13px;
    color: #000!important;
}

/* Hazte Parte */

.texto-hazte-parte h3 {
    font-size: 1.9rem;
    font-weight: 900;
    font-family: 'Barlow Condensed', sans-serif;
    position: relative;
    color:#fff!important;
}

.formulario-hazte-parte p{
    color: #6653ff;
    font-weight: lighter;
    font-family: 'Trispace';
    font-size: 14px;
}

.news-basepublica .newsletter .wpcf7-checkbox .wpcf7-list-item label span {
    margin-left: 10px;
    color: #fff;
    font-family: 'Roboto Mono', monospace;
    font-size: 12px;
}

#boton-enviar {
    position: absolute;
    bottom: 16px;
    width: 100%;
    height: 50px;
    border-radius: 0px;
    font-size: 1.1rem;
    text-transform: uppercase;
    background-color: #6653FF;
    color: #fff;
    font-weight: 700;
    border-right: 10px solid #000;
    border-left: 10px solid #000;
    border-top: 0px;
    border-bottom: 0px;
    right: 0px;
}


/* margen mobile */
.margen-mobile{
    margin-top:30px;
}


/* Footer nuevo */
.logo-footer-nuevo {
    margin-bottom: 19px!important;
    width: 50%;
    height: auto;
    margin-top: 14px!important;
    margin-left: 0px; 
}

.derechos-reservados {
    font-size: 0.5rem;
    font-family:'Trispace', sans-serif;
    text-align: left;
    color: #888!important;
}

.logos-footer{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
}

.a-footer {
    margin-right: 47px!important;
}

.ancho-contenedor-lista {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.contenedor-lista {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    list-style-type: none;
    text-align: center;
    width: 100%;
    height: auto;
}

.contenedor-lista li {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    line-height: 6px;
}

.contenedor-lista li a {
    color: #343a40!important;
    text-decoration: underline;
    font-size: 13px;
}

.contenedor-lista li a:hover {
    color: #6653ff!important;
    text-decoration: underline;
    font-size: 12px;
}

.nosotros-mobile{
    font-size: 11px;
    text-transform: none;
}

.acerca-de-nosotros{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.acerca-de-nosotros p{
    font-size: 11px;
    text-transform: none;
    text-align: left;
}

.no-padding{
    padding: 0;
    margin-bottom: 0!important;
}


/* Actualización Café Publico y Mejores Momentos Viernes 30 Abril 2021 */

.degradado {
    background: -webkit-linear-gradient(rgb(18 18 18), #000000);
    background: -o-linear-gradient(rgb(18 18 18), #000000);
    background: -moz-linear-gradient(rgb(18 18 18), #000000);
    background: linear-gradient(rgb(14 14 14 / 0%), #000000);
    position: absolute;
    top: 29px;
    width: 100%;
    height: 184px;
}

.card-img, .card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: 0px!important;
    width: 100%;
    height: 207px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 5px;
}

.header-cafepublico {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    width: 100%;
    height: 268px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 8%;
    padding-right: 8%;
    margin-bottom: 20px;
}

.logo-cafepublico {
    width: 100%!important;
    height: auto!important;
    margin-top: 153px!important;
    margin-bottom: 39px!important;
    margin-left: 8%!important;
    display: flex!important;
    justify-content: flex-start!important;
    align-items: center!important;
}

.logo-cafepublico img {
    width: 32%;
    height: auto;
}

.contenedor-display {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 0px;
    padding-left: 0px;
}

.extracto-cafepublico {
    width: 100%;
    height: auto;
}

.extracto-cafepublico p {
    font-family: 'Tahoma', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    padding-top:10px;
}

.boton-trailer-cafepublico {
    margin-top: 0px;
}

.boton-trailer-cafepublico-programa {
    color: white;
    background-color: transparent;
    background-color: rgb(145 145 145 / 35%);
    border-radius: 4px;
    border: 0;
    width: 100%;
    height: 27px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    opacity: 1;
    padding: 0px 25px 0px 25px;
    font-size: 15px;
    font-weight: 500;
}

/* Capitulos */
.titulo-cafepublico {
    margin-top: 50px;
    margin-bottom: 50px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    font-size: 33px;
    color: #fff;
}

.titulo-cafepublico::before{
    content:'';
    display:block;
    height:1px;
    width:100%;
    background-color:#fff;
    border:1px solid #fff;
}

.titulo-cafepublico-mmc {
    margin-top: 70px;
    margin-bottom: 50px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    font-size: 33px;
    color: #fff;
}

.titulo-cafepublico-mmc::before{
    content:'';
    display:block;
    height:1px;
    width:100%;
    background-color:#fff;
    border:1px solid #fff;
}


.titulo-capitulo {
    margin-top: 20px;
    margin-bottom: 30px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    font-size: 33px;
    color: #fff;
}

.contenedor-capitulo-cafepublico {
    width: 100%;
    height: 130px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 222px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0px 12px 12px 0px rgb(0 0 0 / 35%);
}

.capitulo-display-cafepublico {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    height: 272px;
    padding-left: 0px;
    margin-top: 87%;
    margin-left: 0px;
}


.capitulo-display-cafepublico h3 {
    margin-bottom: 7px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    font-size: 21px;
    text-transform: uppercase;
    color: #fff;
}

.capitulo-display-cafepublico h3::before {
    content: '';
    width: 63px;
    height: 9px;
    background-color: #fff;
    margin-bottom: 4px;
    display: block;
}

.capitulo-display-cafepublico p {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    color: #fff;
    line-height: 19px;
    margin-bottom: 24px;
    margin-top: 41px;
}

.contenedor-botones-cafepublico {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.boton-ver-trailer-cafepublico {
    color: white;
    background-color: transparent;
    background-color: rgb(145 145 145 / 35%);
    border-radius: 4px;
    border: 0;
    width: 100%;
    height: 31px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    opacity: 1;
    padding: 0px 25px 0px 25px;
    font-size: 14px;
    font-weight: 500;
    margin-right:0px!important;
    margin-bottom: 10px;
}

.boton-reproducir-cafepublico {
    background-color: #fff;
    color: #000!important;
    border-radius: 4px;
    border: 0;
    width: 100%;
    height: 31px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    opacity: 1;
    padding: 0px 25px 0px 25px;
    font-size: 14px;
    font-weight: 500;
    margin-right:0px!important;
    margin-bottom: 10px;
    
}

.btn-info-cap {
    color: #000!important;
    background-color: #fff;
    border-radius: 4px;
    border: 0;
    width: 50%;
    height: 40px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Trispace';
    border-radius: 4px;
    font-weight: 700;
    justify-content: center;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2.4rem;
    opacity: 1;
    padding: 0.8rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 9pt;
    font-weight: bold;
    line-height: 2.4rem;
}

.caja-contenido-mmh {
    padding: 2%;
}

.datos-soy-base {
    padding: 3%;
}

 .foto-portada {
        margin-top:0px!important;
     margin-bottom:0px!important;
        background-size:cover!important;
        width: 100%;
    }

/* margen de cartas mejores momentos interior */

.single.single-cafepublico .card-deck .card-nueva {
    margin-left: 0px;
    margin-right: 5%;
}


/* BOTONES NUEVOS VER AHORA, VER TRAILER Y VER PROGRAMA SLIDER HOME viernes 18 marzo 2021 */

.boton-ver-trailer-home {
    background-color: #fff;
    color: #000!important;
    border-radius: 4px;
    border: 0;
    width: 100%;
    height: 31px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    opacity: 1;
    padding: 0px 25px 0px 25px;
    font-size: 18px;
    font-weight: 500;
    margin-right: 0px;
    border: 1px solid #000;
}

.cont-slider-botones {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 32px;
}

.boton-ver-capitulos-home {
    background-color: #fff;
    color: #000!important;
    width: 100%;
    height: 31px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    opacity: 1;
    padding: 0px 25px 0px 25px;
    font-size: 18px;
    font-weight: 500;
    margin-right: 0px;
    border: 1px solid #000;
    margin-bottom: 10px;
}

.botone-ver-trailer-home {
    background-color: rgb(145 145 145 / 35%);
    color: #fff!important;
    width: 100%;
    height: 31px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    opacity: 1;
    padding: 0px 25px 0px 25px;
    font-size: 16px;
    font-weight: 500;
    margin-right: 0px;
    border: 1px solid #fff;
    margin-left:0px;
}


/* Conversaciones Impostergables PROGRAMA 8 de juilio */

.header-ci {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 401px;
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    box-shadow: inset 0px 0px 18px 0px #000, inset 0px -34px 18px 0px #000;
}

.conten-logo-cap{
    width:100%;
    height:auto;
    display:flex!important;
    justify-content:center;
    align-items:center;
}

.logo-capitulo-interior {
    width: 66%;
    height: auto;
    opacity: 0.9;
    margin-bottom: 10px;
}

.contenedor-display-cafepublico {
    position: absolute;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-left: 0%;
    bottom: 38px;
}

.contenedor-display-basetv {
    position: absolute;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-left: 0%;
    bottom: 38px;
}

.contenedor-display-conversaciones{
    position: absolute;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    margin-left: 0%;
    bottom: 38px;
}

.botones-conversaciones {
    margin-top: 0px;
    width: 92%;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    flex-direction: row;
}

.boton-proximamente {
    background-color: #fff;
    color: #000!important;
    width: 45%;
    height: 31px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    opacity: 1;
    padding: 0px 25px 0px 25px;
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
    box-shadow: 0 0 3px 0px rgb(0 0 0 / 44%);
    position: absolute;
    left: 13px;
        margin-bottom: 28px;
}

.boton-trailer-cafepublico-basetv {
    margin-top: 0px;
    width: 92%;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    flex-direction: column;
}

.boton-trailer-cafepublico-programa-basetv {
    color: #fff;
    background-color: rgb(145 145 145 / 35%);
    border: 0;
    width: 50%;
    height: 31px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    opacity: 1;
    padding: 0px;
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
}

.boton-reproducir-cafepublico-programa-basetv {
    background-color: #fff;
    color: #000!important;
    width: 50%;
    height: 31px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    opacity: 1;
    padding: 0px;
    font-size: 16px;
    font-weight: 500;
    margin-right: 0px;
}

.boton-reproducir-conversaciones {
    background-color: #fff;
    color: #000!important;
    border-radius: 4px;
    border: 0;
    width: 60%;
    height: 31px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    opacity: 1;
    padding: 0px 25px 0px 25px;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #000;
}

.texto-bnb-basetv {
    font-family: 'Tahoma', sans-serif;
    font-size: .9rem;
    font-weight: 500;
    color: #fff;
    text-align: left;
    margin-top: 4px;
}

.linea-conv{
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #fff;
}

.titulo-invitados{
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.5rem;
    font-weight: 900;
    color: #fff;
    margin-right:10px;
    letter-spacing:1px;
}

.noticia-basetv-escritorio h3 {
    font-family: 'Trispace', sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #6653ff;
}

/* entrevistas */

.titulo-basetv-escritorio {
    margin-top: 10px;
    margin-bottom: 4px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    font-size: 34px;
    color: #fff;
}

.cont-basetv-otros-escritorio {
    max-width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0px;
}

.cont-basetv-entrevistas-escritorio {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}

.entrevista-basetv-escritorio {
    width: 100%;
    height: 265px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 9px;
    padding-right: 7px;
}


.bajada-basetv-entrevistas-escritorio {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin-left: 0px;
    padding-top: 0px;
}

.bajada-basetv-entrevistas-escritorio h4 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 23px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    line-height: 30px;
    margin-top: 10px;
}


.cont-basetv-entrevistas-escritorio:hover h4 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 23px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    line-height: 30px;
    margin-top: 10px;
}

.bajada-basetv-entrevistas-escritorio p {
    font-family: 'Tahoma', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    text-align: left;
    width: 100%;
    margin-top: 10px;
}

.cont-basetv-entrevistas-escritorio:hover p{
    font-family: 'Tahoma', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    text-align: left;
    width: 100%;
    margin-top: 10px;
}

.cont-basetv-entrevistas-escritorio-reverse {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.entrevista-basetv-escritorio-reverse {
    width: 100%;
    height: 264px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 9px;
    padding-right: 7px;
    margin-bottom:0px;
}

.bajada-basetv-entrevistas-escritorio-reverse {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin-left: 0px;
    padding-top: 0px;
    margin-right: 0px;
    padding-right: 0px;
    margin-bottom:40px;
}

.bajada-basetv-entrevistas-escritorio-reverse h4 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 23px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    line-height: 30px;
    margin-top: 10px;
    text-align:left;
}


.cont-basetv-entrevistas-escritorio-reverse:hover h4 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 23px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    line-height: 30px;
    margin-top: 10px;
    text-align:left;
}

.bajada-basetv-entrevistas-escritorio-reverse p {
    font-family: 'Tahoma', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    text-align: left;
    width: 100%;
    margin-top: 10px;
}

.cont-basetv-entrevistas-escritorio-reverse:hover p{
    font-family: 'Tahoma', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    text-align: left;
    width: 100%;
    margin-top: 10px;
}

/* Otros capítulos */

.noticia-basetv-escritorio {
    margin-bottom: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
    height: auto;
    flex-direction: column;
}

.imagen-basetv-portada-escritorio {
    width: 100%;
    height: 184px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 0px 0px 0px 0px;
}



.noticia-basetv-escritorio h2 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 28px;
    font-weight: 900;
    letter-spacing: 1px;
    color: #fff;
    margin-top: 10px;
}


.noticia-basetv-escritorio .entrevistador{
    font-family: 'Trispace', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #6653ff;
    margin-bottom:10px!important;
}

.noticia-basetv-escritorio p {
    font-family: 'Tahoma', sans-serif;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.noticia-basetv-escritorio:hover p {
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    transition: 0.4s;
}

.cont-basetv-cta-escritorio {
    width: 100%;
    height: auto;
    display: flex;
    min-height: auto;
    padding: 16px 0px 0px 0px;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.cont-basetv-botones {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.boton-ver-trailer-conversaciones {
    background-color:  #fff;
    color: #000!important;
    border-radius: 4px;
    border: 0;
    width: 50%;
    height: 31px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    opacity: 1;
    padding: 0px 25px 0px 25px;
    font-size: 18px;
    font-weight: 500;
    margin-right: 5px;
    border: 1px solid #000;
}

.boton-ver-capitulos-conversaciones {
    background-color: #fff;
    color: #000!important;
    border-radius: 4px;
    border: 0;
    width: 50%;
    height: 31px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    opacity: 1;
    padding: 0px 25px 0px 25px;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #000;
    margin-right: 0px;
}

/* Conversaciones Impostergables CAPITULO Mie. 30 de juinio */

.parrafo-bienvenida p{
    font-family: 'Tahoma', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    text-align: left;
    width: 100%;
    margin-top: 10px; 
}

.texto-bnb-basetv-invitados {
    font-family: 'Trispace', sans-serif!important;
    font-size: 14px!important;
    font-weight: 500!important;
    color: #6653ff!important;
    margin-top:0px!important;
    margin-bottom: -6px!important;
}

.texto-bnb-basetv-cargo {
    font-family: 'Trispace', sans-serif!important;
    font-size: 14px!important;
    font-weight: 500!important;
    color: #fff!important;
    margin-top:0px!important;
}

/* conversaciones impostergables HOME MOBILE */
h3.titulo-rayas-basetv {
    color: #fff;
    font-size: 44px;
    font-weight: 900;
    margin-bottom: 30px;
    margin-top: 30px;
    font-family: 'Barlow Condensed', sans-serif;
}

.imagen-basetv-portada-home {
    width: 100%;
    height: 228px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 20px;
}

.cont-basetv-cta-home {
    width: 100%;
    height: auto;
    padding: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    padding-top: 10px;
}

.play-trailer {
    color: #fff;
    margin-right: 13px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.play{
    color: #000;
    margin-right: 13px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Desde la base 2.0 */

.container-dlb {
    width: 100%;
    height: 385px;
    transform-style: preserve-3d;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.cards {
    position: relative;
    width: 100%;
    height: 36%;
    margin-bottom: 20px;
}

.card {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    transition: transform 0.4s ease;
    cursor: pointer;
}

.carousel-inner-dlb .carousel-item {
    height: 23.125rem;
    background-size: 100%;
    background-repeat: no-repeat;
    justify-content: flex-start;
    align-items: center;
    background-position: top center;
}

.img-dlb {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: left;
}

.player {
    background-color: #000;
    border-radius: 8px;
    min-width: 100%;
    padding: 16px 10px;
}

.upper-part {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    height: 215px;
    overflow: hidden;
}

.info-area {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    transition: transform 0.4s ease-in;
}

.song-info .title {
    font-size: 25px;
    color: #fff;
    font-weight: 900;
    margin-top: 10px;
    text-transform:uppercase;
    font-family:'Barlow Condensed', sans-serif;
}

.sub-line p {
    color: #fff;
    font-size: 13px;
    font-family: 'Tahoma';
}

.sub-line {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    height: auto;
}

#item-2:checked ~ .player #test {
    transform: translateY(-249px);
}

#item-3:checked ~ .player #test {
    transform: translateY(-482px);
}

.boton-ver-desdelabase {
    background-color:  #fff;
    color: #000!important;
    border-radius: 4px;
    border: 0;
    width: 100%;
    height: 31px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    opacity: 1;
    padding: 0px 25px 0px 25px;
    font-size: 18px;
    font-weight: 500;
    margin-right: 5px;
    border: 1px solid #000;
}

.song-info {
    width: calc(100% - 32px);
    display: block;
    height: 200px;
    margin-bottom: 40px;
}

hr.hr-dlb-nueva {
    display:none;
}

hr.hr-dlb-nueva::before {
    display:none;
}

#seccion-uno-nosotros-bp .sub-titulo {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight:bold;
}

/* sección quienes somos mobile */
.img-area {
    width: 100%;
    height: 222px;
    display: inline-block;
    overflow: hidden;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.team-single:hover .side-two {
    transform: rotateY(0deg);
    border-radius: .25rem;
    width: 100%;
    height: 222px;
}

.side-two {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    transform: rotateY(-180deg);
    width: 100%;
    height: 222px;
}

.team-single:hover .side-two {
    transform: rotateY(0deg);
    border-radius: .25rem;
    width: 100%;
    height: 222px;
}

.carta-comunidad{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height:auto;
}

/*Alianzas*/

#alianzas div:nth-child(4) img {
    width: 100%;
    height: auto;
}

#alianzas div:nth-child(10) img {
    width: 100%;
    height: auto;
}

#alianzas div:nth-child(11) img {
    width: 100%;
    height: auto;
}

#alianzas div:nth-child(12) img {
    width: 100%;
    height: auto;
}

#alianzas .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    display: flex!important;
    justify-content: center;
    align-items: center;
    
}

#alianzas .slick-slide img {
    width: 100%;
    display: flex!important;
    justify-content: center;
    align-items: center;
    margin:0 auto;
}

/* DESDE EL PROPOSITO VERSION MOBILE */

/* INTERIOR */
.header-dep {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 401px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    box-shadow: inset 0px 0px 18px 0px #000, inset 0px -34px 18px 0px #000;
}

.boton-trailer-dep{
    color: #000;
    background-color: rgb(145 145 145 / 35%);
    border: 0;
    width: 50%;
    height: 31px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    opacity: 1;
    padding: 0px;
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
}

.nombre-entrevistador {
    font-size: 1.3rem;
    color: #fff;
    font-weight: 800;
    font-family: 'Barlow Condensed', sans-serif;
}

#programasbp .imagen-persona::after{
    display:none;
}

#programasbp .imagen-persona{
    width: 100%;
    height: 220px;
    background-size: contain;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    position: relative;
    padding: 0%;
    background-repeat: no-repeat;
    background-position: center;
}

#programasbp .nombre-entrevistador {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 800;
    font-family: 'Barlow Condensed', sans-serif;
    text-shadow: 0 0 4px black;
}



.entrevistadores{
    font-family: 'Tahoma', sans-serif;
    font-size: .9rem;
    font-weight: 500;
    color: #fff;
}

.logo-blanco-desdeelproposito{
    width: 270px;
    height: 138px;
}


/* Entrevistadores desde el propósito */

.linea-dep {
    display: none;
}

.foto-entrev-paginas {
    width: 50%;
    height: auto;
}

.entrevistador-perfil h2 {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    color: #fff;
    font-size: 1.4rem;
    margin-top: 9px;
}


.entrevistador-perfil p {
    font-family: 'Tahoma', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
}

.rrss-entrevistadores li {
    list-style-type: none;
    border: 1px solid #fff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
}

.rrss-entrevistadores li a span i{
    color: #fff!important;
}

.boton-volver-desdeelproposito {
    background-color: #fff;
    color: #000!important;
    border-radius: 4px;
    border: 1px solid #000;
    width: 69%;
    height: 31px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    opacity: 1;
    padding: 0px 25px 0px 25px;
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
}

.botones-mobile-dep {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
    margin-bottom: 10px;
}

/* HOME */

.dep {
    height: 26rem!important;
}

.desdelabase{
    margin-bottom:0px;
}

.desdelabase .carousel {
    position: relative;
    padding: 0px;
    z-index: 0;
    height: 417px;
}

.bajada-dlb{
    margin-top:24px;
}

.bajada-dlb p{
    font-size: 19px;
    color: #fff;
    font-family: 'Tahoma', sans-serif;
    font-weight: 400;
}


.desdelabase:hover .bajada-dlb .dlb-bajada{
    font-size: 19px;
    color: #fff;
    font-family: 'Tahoma', sans-serif;
    font-weight: 400;
}

.boton-nosotros {
    background: #1e1e1e;
    color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    padding: 8px 10px 8px 15px;
    border: none;
    text-align: left;
    font-size: 16px;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    left: -51px;
    justify-content: flex-start;
}

.shm {
    background-size: cover!important;
    background-position: top;
    min-width: 300px!important;
    max-width: 991px!important;
    width: 100%;
    height: 58rem;
}

#slidermobile .slick-prev.slick-arrow {
    background-image: url(img/flecha-simple.png);
    background-repeat: no-repeat;
    color: transparent;
    background-color: transparent;
    border: none;
    width: 30px;
    padding: 0px;
    height: 30px;
    background-size: 80px;
    background-position: left;
    top: 50%;
    left: 3px;
    position: absolute;
    border-radius: 16px;
    z-index: 999;
}

#slidermobile .slick-next.slick-arrow {
    background-image: url(img/flecha-simple.png);
    background-repeat: no-repeat;
    color: transparent;
    background-color:transparent;
    border: none;
    width: 30px;
    padding: 0px;
    height: 30px;
    background-size: 80px;
    background-position: right;
    top: 50%;
    position: absolute;
    z-index: 999;
    right: 3px;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contenido-slider-mobile{
    display:flex;
    justify-content:flex-start;
    align-items:flex-start;
    flex-direction:column;
    width:100%;
    height:auto;
    padding: 0px 9px 0px 13px;
}

.contenido-slider-mobile p {
    color: #fff;
    font-size: 19px;
    font-family: 'Tahoma', sans-serif;
    line-height: 26px;
}

.contenido-slider-mobile p::before {
    content: '';
    background-color: #6653ff;
    display: block;
    margin-bottom: 9px;
    width: 45px;
    height: 13px;
}

.contenido-slider-mobile .botones{
    display:flex;
    justify-content:space-around;
    align-items:flex-start;
    flex-direction:row;
    width:100%;
    height:auto;
    padding:10px;
}

.ver-trailer-shm {
    color: white;
    background-color: transparent;
    background-color: rgb(145 145 145 / 35%);
    border-radius: 4px;
    border: 0;
    width: 53%;
    height: 31px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    opacity: 1;
    padding: 0px 25px 0px 25px;
    font-size: 14px;
    font-weight: 500;
    margin-right: 0px!important;
    margin-bottom: 10px;
}

.ver-ahora-shm {
    background-color: #fff;
    color: #000!important;
    border-radius: 4px;
    border: 0;
    width: 53%;
    height: 31px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    opacity: 1;
    padding: 0px 25px 0px 25px;
    font-size: 14px;
    font-weight: 500;
    margin-right:0px!important;
    margin-bottom: 10px;
    
}

/* no borrar */
.version-mobile{
    display:block;
}

.version-escritorio{
    display:none;
}

} /* no borrar */