@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap');
@import url('https://use.typekit.net/egi6jyb.css');


:root{
    --bg-black:#000000;
    --bg-bordo:#7F2F30;
    --bg-yellow:#F6DC0C;
    --bg-orange: #EB780E ;
    --bg-red:#E10B17;
}
body{
    overflow-x: hidden;
}
p{
    color: white;
}

.yellow{
    color: var(--bg-yellow);
}
.light{font-weight: 300;}
.bold{font-weight: 700;}
.semi-bold{font-weight: 600;}

.body-fundacion{
background-image: url('/assets/img/img_mob_fundacion_fondo.png');
}
.inicio-desc > p {
    font-size:12px;
}
.inicio-desc > p > strong{
    font-size: 14px;
    text-transform: uppercase;
}

.horario_desc p i{
    font-style: italic;
    font-size:11px;
}
.horario_desc p {
    margin-bottom: 0px !important;
}
.btn-primary{
    background-color: white !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 25px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 11px 0px !important;
    width: 100%;
}

.btn-secondary{
    background-color: var(--bg-yellow) !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 25px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 11px 0px !important;
    width: 100%;
}

.btn-verde{
    background-color: #3D5942 !important;
    color:#FFFFFF !important;
}

.btn-naranja{
    background-color:var(--bg-orange)!important;
    color:#FFFFFF !important;
}

.btn-red{
    background-color:var(--bg-red)!important;
    color:#FFFFFF !important;
}

.header{
    
    width: 100vw;
    background-color: black;
    display: flex;
    justify-content:center;
    align-items:center;
    flex-direction: column;
    
}
.footer{
    width: 100vw;
    background-color: black;
}

.body{
    background-color: var(--bg-bordo);
}

.guarda{
    bottom: -14px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(180deg);    
    overflow-x: hidden;
    width: 100vw;
}

.guarda-footer{
 position: absolute;
 top: -13px;
 left: 0;
 right: 0;
 margin: auto;
 overflow-x: hidden;
 width: 100vw;
}

.header-text{
    color: white;
    font-size: 16px;
}
.main-title{
    color: white;
    font-size: 30px;
}
.main-subtitle{
    font-size: 14px;
    text-transform: uppercase;
}

.nav-link{
    text-transform: uppercase !important;
    font-weight: 500 !important;
}

.hour-festival{
    color: var(--bg-yellow);
    font-size: 16px;
}

.subtext-movie{
    font-size: 12px;
    color: #000000;
    font-weight: 300;
}

.text-movie{
    color: #000000;
    font-size: 16px;
}

.link{
    text-transform: uppercase;
    color: #FFFFFF;
}

.link-movie{
    text-transform: uppercase;
    color: #7F2F30;

}

.logo-festival{
    width: 182px;
}
*{
    margin: 0px ;
    padding: 0px ;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}

.bio-body p{
    font-size:16px ;
}

.img-bio{
    width:100% ;
    height:300px;
    object-fit:none;
}

@media (max-width: 950px) {
    .img-bio{
        object-fit:cover;
        width:100% ;
        height:100%;
    }
    
}

.link-programacion{
    color:white;
    text-decoration:none;
}

.link-programacion:hover{
    color: #F6DC0C;
}



@media (min-width: 992px) {
    .container-lg-fluid{
        max-width: 100% !important;
    }
    .body-fundacion{
        background-image: url('/assets/img/img_dkt_fundacion_fondo.png');
        background-size:cover;
    }
  }