@font-face {
   font-family: 'Montserrat';
   src: url('assets/fonts/Montserrat-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}


@font-face {
   font-family: 'Montserrat-Light'; 
   src: url('assets/fonts/Montserrat-Light.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat-Medium'; 
   src: url('assets/fonts/Montserrat-Medium.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat-Bold'; 
   src: url('assets/fonts/Montserrat-Bold.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat-SemiBold'; 
   src: url('assets/fonts/Montserrat-SemiBold.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}



/*@import url(http://fonts.googleapis.com/css?family=Montserrat:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);*/


body{
    background-color: #FFF;
    font: 2vh 'Montserrat-Light', sans-serif;

}

.tipografiaBold{
    font-family:'Montserrat-Bold' ;
}

.tipografiaMedium{
    font-family:'Montserrat-Medium' ;
}

.navbar{
    background-color: #FFF;
    border-bottom: .2rem solid #F39A0D;
}

.navbar-light .navbar-nav .nav-link{
    color: #000000;
    font: 2.5vh 'Montserrat-Light', sans-serif !important;
}

.navbar-light .navbar-nav .nav-link:hover{
    color: #F39A0D!important;
}

.navbar-expand-lg .navbar-nav .nav-link{
    padding-right: 1rem;
    padding-left: 1rem;
}

.content-video{
    cursor: pointer;
}
.content-img-video{
    background-color: #f4f5f5; overflow: hidden; width: 100%;
}
.img-mini-video {
    max-height: 100%; max-width: 100%; min-height: 7rem; vertical-align: middle; height: 100%; min-width: 100%; object-fit: cover;
}
.titulo-video{
    font-size: 14px; line-height: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 700;
}
.content-video:hover .titulo-video{color: #ee6100 !important;}

.content-videoRelacionado{ cursor: pointer; }
.videosRelacionadosVer { height: 74vh; overflow-y: auto; overflow-x: hidden;}
.img-mini-videoRelacionado {
    max-height: 100%; max-width: 100%; min-height: 100px; vertical-align: middle; height: auto; min-width: 100%; object-fit: cover;
}
.titulo-videoRelacionado{
    font-size: 11px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-family: Montserrat-SemiBold;
}
.descripcion-videoRelacionado{
    font-size: 11px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-family: Montserrat-Light;
}
.content-videoRelacionado:hover .titulo-videoRelacionado{color: #ee6100 !important;}

.lineheight-1 { line-height: 1;}
.border-separador{
    background: #F39A0D;
    height: .2rem;
}

.tituloFiltros{
    font-size: 2.5vh;
}

.rectanguloVideos{
    background-color: grey;
    color:#FFF;
    /*height: auto;*/
    padding: 1rem 0rem;
}

.titulo1-seccion{
    font-size: 4vh;
}

.titulo2-seccion{
    font-size: 2.5vh;
    text-align: justify;
    font-family: 'Montserrat';
}

.conoce-mas{
    background-color: #ee7019;
    border-radius: 17px;
    font-family: 'Montserrat';
    font-size: 2vh;
}

.t-destacados{
    font-style: italic;
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: -3rem;
    font-family:'Montserrat-Medium' ;

}

.titulo-Rol{
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: -3rem;
    font-family:'Montserrat-Medium' ;

}

.titulo-Rol-MV{
    font-size: 1.4rem;
    font-weight: 600;
    margin-top: -2.6rem;
    font-family:'Montserrat-Medium' ;
}

.titulo-Rol2{
    font-size: 1.8rem;
    margin-top: -3rem;
    font-family:'Montserrat-Light' ;

}

.tituloVideoDest{
    font-family: 'Montserrat-SemiBold'; 
    font-size: 2vh;
}

.tituloVideoDestMovil{
    font-family: 'Montserrat-SemiBold'; 
    font-size: 1.3vh;
}

.descripcionVideoDest{
    font-family:'Montserrat';
    font-size: 2vh;
}
.descripcionVideoDestMovil{
    font-family:'Montserrat';
    font-size: 1.3vh;
}

.hr-super{
    background: #ee7019;
    height: .5rem;
}

.card{
    border:1px solid #1D1D1B;
    background-color: #EFEEEE;
}

.card-body{
    background-color: #EFEEEE;
}

.card-header{
    border-bottom: 1px solid #1D1D1B;
    padding: .75rem 1.25rem .75rem .4rem;
}

.d-inline-flex {
  gap: 1rem; /* Ajusta el espacio entre los checkboxes */
}

.input-buscador{
    background: #EFEEEE;
    border:1px solid #1D1D1B;
    height: calc(1.5em + 0.75rem + 3px);
}
.btn-buscador{
    background: #EFEEEE;
    border:1px solid #1D1D1B;
}

.piePagina{
    background: #EFEEEE;
}

.hr-footer{
    border-bottom:.9px solid #ee701d;
}

.resaltar{
    color:#ee701d;
}

.mi-imagen-opacity {
    cursor: pointer;
    transition: opacity 0.3s ease; /* Opcional: Agrega una transición suave */
}

.mi-imagen-opacity:hover {
    cursor: pointer;
    opacity: 0.7; /* Cambia la opacidad al pasar el cursor */
}


.content-video:hover .tituloVideoDest{color: #ee6100 !important;}


.titulo-ver-video{
    font-family: 'Montserrat-SemiBold';  
}

.descripcion-ver-video{
    background-color: #EFEEEE;
    border-radius: 4px;
    font-size: 1.5vw;
}

.background-titulo{
    background-color: #EFEEEE;
    color:#000;

}

.etiquetas{
    background-color: #F39A0D;
    padding: 4px 0.5rem;
    margin: 0px 5px 0px 0px;
}

.titulo-cat-fil{
    font-family: 'Montserrat-SemiBold';  
}


.iconos-footer>a{
    color: #000;
}

.iconos-footer>a:hover{
    color: #F39A0D!important;
}

.barra{
    background-color: #ee7019;
    height: 15rem;
    width: .7rem;
}

.border-bottom-cat{
    border-bottom: .8rem solid #F39A0D;
}

.custom-control-label{
    line-height: 1.5rem;
}

.icon-color{
    color: #ee7019;
}

.collapsed > .when-open,
.not-collapsed > .when-closed {
    display: none;
}

.widthLogoFooter{
    width: 80%;
    padding: 2.5rem 0rem;
}

.widthLogoFooterM{
    width: 60%;
}


.btn-flotante {
    position: fixed;
    bottom: 10px;
    transition: all 300ms ease 0ms;
    z-index: 99;
    right: 1rem;
    padding: .5rem .7rem;
    /*background-color: #25d366;*/
}