/* ///////////// Navbar ////////// */
.fixed-navbar-light {
    background-color: transparent;
}
.fixed-navbar-light.scrolled {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    margin-top: -130px;
    background-color: #fff ;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    padding: 10px 15px;
}
.fixed-navbar-light.scrolled.awake {
    margin-top: 0px;
    -webkit-transition: .3s all ease-out;
    -o-transition: .3s all ease-out;
    transition: .3s all ease-out;
}
.fixed-navbar-light.scrolled .nav-link.active {
    color: var(--orange);
}


/*//////////////////////////////////////////////////////////////////
////////////////////////// Generales/////////////////////////////// 
///////////////////////////////////////////////////////////////////*/
.bg-parallax {
    background-attachment: fixed;
}

.img_portada {
    height: 750px;
}

.portada_viajes {
    background-image: url(../img/viajes-portada.jpeg);
}
.portada_apoderados {
    background-image: url(../img/Barrondo_Portada.jpg);
}
.portada_becas {
    background-image: url(../img/Becas-Portada-ciclista.jpeg);
}
.portada_contratos {
    background-image: url(../img/Contratos-Portada.jpeg);
}
.portada_covid {
    background-image: url(../img/COVID-Portada.jpeg);
}
.portada_seguro {
    background-image: url(../img/seguro-portada.jpeg);
}
.portada_tokio {
    background-image: url(../img/tokio-portada.jpeg);
}
.portada_cierre {
    background-image: url(../img/Portada-Kevin.jpeg);
}
.portada_metodologia {
    background-image: url(../img/metodologia-portada.jpeg);
}

.portada_title {
    font-size: 4.8rem;
    line-height: 6rem;
    padding-top: 30px;
}

.linea_datos, .linea_descripcion, .linea--thelma, .linea_foto { 
    width: 120px;
    border-top: 2px solid var(--orange);
    display: block;
}
.linea_descripcion {
    width: 100%;
}
.linea--thelma {
    width: 52%;
}
.linea_foto {
    width: 90%;
}

/*//////////////////////////////////////////////////////////////////
////////////////////////// Home  /////////////////////////////// 
///////////////////////////////////////////////////////////////////*/
.logo-img {
    width: 195px;
    height: 45px;
}



/*//////////////////////////////////////////////////////////////////
////////////////////////// Pages especial /////////////////////////////// 
///////////////////////////////////////////////////////////////////*/
.content_especial {
    padding-top: 40px;
}
.content-especial--text {
    padding: 0px 180px 0px;
    margin: 0 80px;
}
.portada_parrafo {
    display: block;
    font-size: 1.375rem;
    color: var(--black);
}

.pie_clearfix {
    width: 53%;
}

.content_image {
    height: 520px; 
    background-position: top center; 
    display: flex; 
    justify-content: flex-end;
}
.content_image img{
    width: auto;
    height: 100%;
    object-fit: contain;
}

.float_right, .float_left, .float_tokio {
    width: 45% !important;
    padding-right: 120px;
}
.float_left {
    padding-left: 120px;
    padding-right: 0;
}
.float_tokio {
    width: 40% !important;
}

.content_left {
    float: left;
    width: 40%;
    margin: 30px 30px 30px 110px;
 }
.content_right {
    width: 50%;
    float: right;
    margin-left: 30px;
}
 
.img-right {
    float: right;
    margin-left: 30px;
    margin-right: 80px;
}
.parrafo_right {
    padding-left: 195px;
}

.img_aguirre, .img_thelma {
    width: 520px;
    margin-bottom: 10px;
    object-fit: contain;
}
.img_thelma {
    width: 350px;
}
.img_clearfix {
    width: 50%;
}

.text-img1 {
    margin-top: 0 !important;
}
.content-img1 {
    padding: 30px 80px;
}

.content_porcentajes {
    margin-top: 10px;
    margin-bottom: 40px;
}
.text_porcentajes, .text_numero {
    font-size: 7rem;
}
.coment_tokio {
    font-size: 3.25rem;
}

.content_card-datos {
    margin-top: 50px;
}

.title-principal {
    margin-bottom: 50px;
}

/* Especial Historia  */
.content-historia {
    padding: 40px 90px;
}
.historia_title {
    font-size: 2.25rem;
    margin-bottom: 30px;
}
.historia_parrafo {
    font-size: 1.25rem;
}
.img_historia {
    padding-left: 50px;
    float: right;
}
.img_historia img{
    width: 580px;
    margin-bottom: 10px;
}
/* .historia_title {
    padding: 20px 15px 10px;
}
.historia_parrafo {
    padding: 0 15px;
} */

.container-grafica {
    padding: 0 80px;
    margin: 0 80px;
}


.icon-portada a {
    padding-top: 45px;
  }

/* ////////////////////////////////////////
//////// Especial contratos /////////// */
.imagen_frase {
    height: 450px;
}



/* ////////////////////////////////////////
//////// Metodologia /////////// */
.text_creditos {
    display: flex;
}
.text_creditos p+p {
    margin-left: 10px;
}


/* ///////////// Modal ///////////////////  */
.btn_close {
    margin-bottom: 40px;
    
}
.modal.left .modal-dialog{
    width: 460px;
}
.title_menu {  
    font-size: 2.5rem;
}
.menu_especiales--card img {
    height: 250px;
}
.modal.left .modal-body {
    padding: 10px 30px 30px;
}