.menu-sticky ul .scrollspy.active a {
    color: #f47115 !important;
}

.page-nuestrahistoria .container[role="main"] {
    overflow: visible;
}

/* LIS DECORATION */
.page-nuestrahistoria .plan ul li {
    font-weight: normal;
}

.page-nuestrahistoria .plan ul li b {
    color: #f47115;
    font-weight: 600;
}

.page-nuestrahistoria .plan ul li::marker {
    color: #f47115;
}

/* CABECERAS DE SECCIONES */
.page-nuestrahistoria .section-heading h4 {
    --min: 33;
    --max: 44;
    font-size: 14px;
    font-weight: 600;
}

.page-nuestrahistoria .section-heading h2 {
    --min: 32;
    --max: 32;
}

.page-nuestrahistoria .section-heading h2 b {
    font-weight: 800;
    color: #f47115;
}

.page-nuestrahistoria #materiales .section-heading h4 {
    color: white;
}

.page-nuestrahistoria :is(#sobre-el-observatorio, #about, #impulsores) .section-heading h4 {
    color: #f47115;
}

/* CABECERA */
.page-nuestrahistoria .sliderPrincipal .backgroundItem .container {
    padding-inline: 120px;
    align-items: center;
}

@media (max-width: 767px) {
    .page-nuestrahistoria .sliderPrincipal .backgroundItem .container {
        padding-inline: 22px;
    }

}

/* .page-nuestrahistoria .sliderPrincipal .backgroundItem .container h2 {
    font-family: Montserrat;
    --min: 33;
    --max: 48;
    --mintrans: 412;
    --maxtrans: 1920;
    font-size: clamp(var(--min)* 1px, calc((var(--max) - var(--min))*((100vw - var(--mintrans)* 1px) /(var(--maxtrans) - var(--mintrans))) + var(--min)* 1px), var(--max)* 1px) !important;
    text-align: left;
    line-height: 1.18;
    letter-spacing: 1.02px;
    color: white;
    max-width: 775px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
} */

.page-nuestrahistoria .sliderPrincipal .btn {
    height: 47px;
    padding: 15px 16.8px 13px 23.2px;
}

.page-nuestrahistoria .sliderPrincipal .backgroundItem .container a {
    padding: 10px 22px;
}

.page-nuestrahistoria .sliderPrincipal .btn img {
    height: 100%;
    display: block;
}

@media (max-width: 768px) {
    .page-nuestrahistoria .sliderPrincipal {
        height: 468px;
    }

    .page .sliderPrincipal.sliderGenerico .backgroundItem {
        height: 468px;
    }

}

.page-nuestrahistoria .todos-episodios {
    margin: 30px 0;
    display: flex;
    justify-content: center;
}

.page-nuestrahistoria #lineasTrabajo .listado-lineas .item-lineas .contenido {
    height: 173px;
}

.page-nuestrahistoria #lineasTrabajo .listado-lineas .item-lineas .imagen img {
    height: 100%;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}

.page-nuestrahistoria .colabora-custom-image {
    height: 627px;
    margin-top: 40px;
}

.page-nuestrahistoria .colabora-custom-image .top-row {
    height: 100%;
    display: flex;
    align-items: center;

}

.page-nuestrahistoria div.text-center.mt-lg-3.d-flex.hero-buttons {
    margin-top: 32px !important;
}

.page-nuestrahistoria .container #col01 .row .image-background-centered {
    margin-left: -50vw;
}

.page-nuestrahistoria .container .mb-5 .section-subtitle,
.page-nuestrahistoria .container .mb-5 .section-title.color-white {
    text-shadow: 0px 3px 6px #00000029;

}

.page-nuestrahistoria .col-relacionados .section-title {

    display: none;

}


.page-nuestrahistoria #lineasTrabajo .listado-lineas .item-lineas {
    box-shadow: 6px 6px 10px 0 rgb(26 26 26 / 20%);
    flex: 0 0 32%;
    border-radius: 5px;
}



.page-nuestrahistoria #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap p,
.page-nuestrahistoria #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap h2 a {
    text-transform: none;
    text-align: left;

}

@media (max-width: 992px) {

    .page-nuestrahistoria #lineasTrabajo .listado-lineas .item-lineas {
        flex: 0 0 0;
    }

}

.page-nuestrahistoria #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap>a {
    position: absolute !important;

}

.page-nuestrahistoria #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap h2 {

    padding: 0;
}


.page-nuestrahistoria .block .banner-proximo h2.banner-title {

    color: #fff;
    font-size: 24px !important;
    line-height: 40px;
    letter-spacing: 0.27px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 15px;
    text-shadow: 0px 3px 6px #00000029;

}

.page-nuestrahistoria .block .banner-proximo span.banner-text {

    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.54px;
    text-shadow: 0px 3px 6px #00000029;
    text-decoration: underline;
}

.page-nuestrahistoria .banner-proximo {
    background-color: #f47115;
    padding: 25px 25px 38px 25px;
    text-align: center;
}

.page-nuestrahistoria .bloqueTitulo span {
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.48px;
    font-weight: bold;
}

.page-nuestrahistoria .bloqueTitulo:nth-of-type(1) {
    margin: 60px 0;
}

.page-nuestrahistoria .bloqueTitulo:nth-of-type(2) {
    margin: 9px 0 26px 0;
}

@media (max-width: 767px) {

    .page-nuestrahistoria .colabora-custom-image {
        height: 468px;
    }

    .page-nuestrahistoria .bloqueTitulo:nth-of-type(2) {
        margin: 47px 0 26px 0;
    }

    .page-nuestrahistoria .componenteBulletsDinamico .row,
    .page-actividad .container #col01 .row {
        display: flex;
        align-items: center;
    }

    .page-nuestrahistoria div.text-center.mt-lg-3.d-flex.hero-buttons {

        justify-content: center !important;
    }

}

.page-nuestrahistoria .row.row-wrap>div {
    flex: 0 0 100%;
    max-width: 100%;
}

.page-nuestrahistoria .componenteBolas#introCE .row .col ul li::before {
    background-color: #f47115;
}

.page-nuestrahistoria .container[role="main"] h2 {
    font-family: Montserrat;
    --min: 32;
    --max: 32;
    --mintrans: 412;
    --maxtrans: 1920;
    font-size: clamp(var(--min) * 1px, calc((var(--max) - var(--min)) * ((100vw - var(--mintrans)* 1px) / (var(--maxtrans) - var(--mintrans))) + var(--min) * 1px), var(--max) * 1px) !important;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.48px;
    text-align: left;
    margin-block-end: 44px;
    color: var(--black-01);
    padding-left: 0;
}

.page-nuestrahistoria #lineasTrabajo .listado-lineas {

    display: inherit;
    grid-auto-rows: 1fr;
    grid-column-gap: unset;
    grid-row-gap: unset;
}

.page-nuestrahistoria .customSlider.reputacion {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}

.page-nuestrahistoria .fixedVerticalMenu {
    text-align: left;
}

.page-nuestrahistoria .fixedVerticalMenu>p {
    text-transform: none;
}

.page-nuestrahistoria .fixedVerticalMenu>p span.mayus {
    display: block;
}

.page-nuestrahistoria .box {}

.page-nuestrahistoria #intro {}

.page-nuestrahistoria #intro p {
    line-height: 1.8;
    font-size: 13px;
}

.page-nuestrahistoria #ecosistemaAlianzas {
    padding-bottom: 70px;
}

.page-nuestrahistoria #ecosistemaAlianzas h2 {}

.page-nuestrahistoria #ecosistemaAlianzas .row {}

.page-nuestrahistoria #ecosistemaAlianzas .row .col {
    align-self: center;
}

.page-nuestrahistoria #ecosistemaAlianzas .row .col:first-child {
    text-align: center;
}

.page-nuestrahistoria #ecosistemaAlianzas .row .col img {}

.page-nuestrahistoria #ecosistemaAlianzas .row .col p {
    font-weight: 400;
    font-size: 13px;
    transition: all .3s ease-in-out;
    line-height: 1.8;
}

.page-nuestrahistoria #ecosistemaAlianzas .row:hover p {
    font-size: 16px;
}

.page-nuestrahistoria #imasdmasi {
    padding-bottom: 70px;
}

.page-nuestrahistoria #imasdmasi h2 {}

.page-nuestrahistoria #imasdmasi .row {
    align-items: center;
    justify-content: center;
}

.page-nuestrahistoria #imasdmasi .row .col {}

.page-nuestrahistoria #imasdmasi .row .col:first-child {
    text-align: center;
}

.page-nuestrahistoria #imasdmasi .row .col.col-md-1 {}

.page-nuestrahistoria #imasdmasi .row .col.col-md-1 p {
    background: #AED1D5;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    color: #FFF;
    font-weight: 600;
    font-size: 14px;
    margin: 0 auto;
    padding: 15px 5px;
}

.page-nuestrahistoria #imasdmasi .row .col.col-md-5 {}

.page-nuestrahistoria #imasdmasi .row .col.col-md-5 div {
    text-align: center;
}

.page-nuestrahistoria #imasdmasi .row .col.col-md-5 div p {
    color: var(--color-rosa);
    font-weight: 600;
    margin-bottom: 2px;
    display: inline-block;
    padding: 15px;
    font-size: 13px;
}

.page-nuestrahistoria #imasdmasi .row .col.col-md-5 div:nth-child(1) {}

.page-nuestrahistoria #imasdmasi .row .col.col-md-5 div:nth-child(1) p {
    background: #B3959D;
    color: #FFF;
}

.page-nuestrahistoria #imasdmasi .row .col.col-md-5 div:nth-child(2) {}

.page-nuestrahistoria #imasdmasi .row .col.col-md-5 div:nth-child(2) p {
    background: #E5E5E5;
}

.page-nuestrahistoria #imasdmasi .row .col.col-md-5 div:nth-child(3) {}

.page-nuestrahistoria #imasdmasi .row .col.col-md-5 div:nth-child(3) p {
    background: #F2F2F2;
}

.page-nuestrahistoria #imasdmasi .row .col.col-md-6 {}

.page-nuestrahistoria #imasdmasi .row .col.col-md-6 p {
    font-size: 13px;
    transition: all .3s ease-in-out;
    line-height: 1.8;
}

.page-nuestrahistoria #imasdmasi .row:hover .col.col-md-6 p {
    font-size: 16px;
}

.page-nuestrahistoria #hojaderuta {
    padding-bottom: 70px;
}

.page-nuestrahistoria #hojaderuta h2 {}

.page-nuestrahistoria #hojaderuta .row {
    margin: 0 -5px;
}

.page-nuestrahistoria #hojaderuta>.row {
    flex-wrap: nowrap;
    overflow-y: auto;
}

.page-nuestrahistoria #hojaderuta .row .col {
    padding: 0 5px;
    flex: 0 0 448px;
    max-width: 448px;
}

.page-nuestrahistoria #hojaderuta .row .col.col-sm-5 {
    /*flex: 0 0 40%; max-width: 40%;*/
}

.page-nuestrahistoria #hojaderuta .row .col.col-sm-2 {
    /*flex: 0 0 20%; max-width: 20%;*/
    flex: 0 0 224px;
    max-width: 224px;
}

.page-nuestrahistoria #hojaderuta .row .col .imagen {
    text-align: center;
}

.page-nuestrahistoria #hojaderuta .row .col .imagen img {}

.page-nuestrahistoria #hojaderuta .row .col .fase {
    background: #EC2761
        /*#A6C6CA*/
        /*#AED1D7*/
        /*#B0C6CB*/
    ;
    text-align: center;
    padding: 5px;
    margin-bottom: 20px;
    margin-top: -7px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: calc(100% - 30px);
    position: relative;
}

.page-nuestrahistoria #hojaderuta .row .col .fase::after {
    content: '';
    background: url(resources/nuestraHistoria/cabezaFlecha2.png) no-repeat 0 0 / contain;
    display: block;
    width: 40px;
    height: 56px;
    position: absolute;
    right: -40px;
    top: -12px;
}

.page-nuestrahistoria #hojaderuta .row .col .fase p {
    margin: 0;
    color: #FFF;
    font-weight: 600;
    margin-right: -20px;
}

.page-nuestrahistoria #hojaderuta .row .col .row {
    width: 448px;
}

.page-nuestrahistoria #hojaderuta .row .col.col-sm-2 .row {
    width: 224px;
}

.page-nuestrahistoria #hojaderuta .row .col .row .col {
    flex: 0 0 224px;
    max-width: 224px;
}

.page-nuestrahistoria #hojaderuta .row .col .row .col .cabecera {
    background: #a6a6a6
        /*#B4949F*/
    ;
    padding: 0 5px;
    height: 45px;
    line-height: normal;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.page-nuestrahistoria #hojaderuta .row .col .row .col .cabecera p {
    color: #FFF;
    text-align: center;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 600;
}

.page-nuestrahistoria #hojaderuta .row .col .row .col .cabecera p strong {}

.page-nuestrahistoria #hojaderuta .row .col .row .col .cuerpo {
    background: #E5E5E5;
    padding: 20px 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.page-nuestrahistoria #hojaderuta .row .col .row .col .cuerpo p {
    font-size: 12px;
    line-height: 1.3;
}

.page-nuestrahistoria #hojaderuta .row .col .row .col .cuerpo p strong {
    font-weight: 600;
}

.page-nuestrahistoria #hojaderuta .pie {
    background: #E5E5E5;
    border-radius: 10px;
    padding: 5px 15px;
    margin-top: 20px;
}

.page-nuestrahistoria #hojaderuta .pie p {
    margin: 0;
    text-align: center;
    color: #888;
    font-size: 10px;
    font-weight: 600;
}

.page-nuestrahistoria .infografia {
    padding-bottom: 50px;
}

.page-nuestrahistoria .infografia .wrapinfografia {}

.page-nuestrahistoria .infografia .wrapinfografia img {
    width: auto !important;
    height: auto !important;
}

.modal-infografia-historia {}

.modal-infografia-historia .modal-body {}

.modal-infografia-historia .modal-body img {
    display: none;
    margin: 0 auto;
}

.modal-infografia-historia .modal-body.img-2002 img.img-2002 {
    display: block;
}

.modal-infografia-historia .modal-body.img-2004 img.img-2004 {
    display: block;
}

.modal-infografia-historia .modal-body.img-20052006 img.img-20052006 {
    display: block;
}

.modal-infografia-historia .modal-body.img-2008 img.img-2008 {
    display: block;
}

.modal-infografia-historia .modal-body.img-2011 img.img-2011 {
    display: block;
}

.modal-infografia-historia .modal-body.img-2017 img.img-2017 {
    display: block;
}

.modal-infografia-historia .modal-body.img-2018 img.img-2018 {
    display: block;
}

@media (max-width: 577px) {
    .page-nuestrahistoria #ecosistemaAlianzas .row .col img {
        margin: 20px 0;
    }

    .page-nuestrahistoria #hojaderuta>.row {
        margin-top: 40px;
    }
}

/* SECCION GUIDELINE FOTO PRODUCTO */
.page-nuestrahistoria #about .left {
    display: flex;
    justify-content: center;
}

.page-nuestrahistoria #about .right {
    display: flex;
    align-items: center;
}

/* SECCION SLIDER SOBRE EL OBSERVATORIO */
.page-nuestrahistoria #sobre-el-observatorio {
    position: relative;
    padding-top: 43px;
    padding-bottom: 77px;
}

.page-nuestrahistoria #sobre-el-observatorio::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 120vw;
    height: 100%;
    translate: -20%;
    opacity: 0.5;
    background-image: url(https://serviciospruebas.gnoss.net/imagenes/proyectos/personalizacion/ecosistema_corporate/theme/separados/resources/atf-images/white_conections_background.jpg);
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
}

.page-nuestrahistoria #sobre-el-observatorio .plan {
    background-color: white;
}

.page-nuestrahistoria #sobre-el-observatorio .customSlider.sobre-el-observatorio {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 16px;
}

.page-nuestrahistoria #materiales .item {
    text-wrap: balance;
    height: 100%;
    min-height: 176px;
    width: 265px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-block: 21px;
    padding-inline: 25px;
    background-color: white;
    border-radius: 5px;
    gap: 18px;
}

.page-nuestrahistoria #materiales .item .btn {
    width: 100%;
    position: relative;
}


.page-nuestrahistoria #materiales .owl-stage {
    gap: 1rem;
}

.page-nuestrahistoria .btn-ce img {
    height: 18px;
}

.page-medicionasuntos #materiales {
    padding-top: 65px;
    padding-bottom: 106px;
    background-image: url(../../separados/images/cim_materials.png);
    background-size: cover;
    background-position-y: calc(100%* 0.6);
}

.page-nuestrahistoria #impulsores {
    margin-bottom: 66px;
}

.page-nuestrahistoria #impulsores .impulsores-container {
    display: flex;
    gap: 48px;
    flex-direction: column;
}

.page-nuestrahistoria #impulsores .impulsores-container .item {
    gap: 102px;
}

.page-nuestrahistoria #impulsores .section-heading h4 {
    margin-top: 47px;
}

@media (max-width: 767px) {
    .page-medicionasuntos #impulsores .impulsores-container .item {
        gap: 45px;
    }
}

.page-medicionasuntos #impulsores .impulsores-container img {
    object-fit: contain;
}

.page-medicionasuntos .contact.moreInfo {
    background-color: #2d2d2d;
}

.page-nuestrahistoria .contact.moreInfo h2 {
    margin-bottom: 20px;
}

.page-medicionasuntos .contact.moreInfo :is(h2, p) {
    color: white;
}

.page-medicionasuntos .contact.moreInfo p {
    margin-bottom: 0;
}

.page-medicionasuntos.invitado .newsletter-block {
    background-color: #2d2d2d;
    margin-top: 0;
}