/**
 * @file
 * Subtheme specific CSS.
 */
/* ----------------------------------- Fuentes ------------------------------------------------- */
@charset "UTF-8";

/*Definicion fuentes externas*/
@font-face {
    font-family: "O";
    src: url(../fonts/ufonts.com_century-gothic.ttf);
}

@font-face {
    font-family: 'Avenir-Medium';
    src: url('../fonts/Avenir Medium.otf') format('opentype');
    src: url('../fonts/Avenir Medium.woff') format('woff');
}

@font-face {
    font-family: 'Avenir-Black';
    src: url('../fonts/Avenir Black.otf') format('opentype');
    src: url('../fonts/Avenir Black.woff') format('woff');
}

@font-face {
    font-family: 'Avenir-Book';
    src: url('../fonts/Avenir Book.otf') format('opentype');
    src: url('../fonts/Avenir Book.woff') format('woff');
}

@font-face {
    font-family: 'Komu';
    src: url('../fonts/DizajnDesign - KomuA.otf') format('opentype');
    src: url('../fonts/dizajndesign_-_komua-webfont.woff2') format('woff2'), url('../fonts/dizajndesign_-_komua-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Avenir-Book';
    src: url(../fonts/Avenir-Book.eot);
    src: url(../fonts/Avenir-Book.svg);
    src: url(../fonts/Avenir-Book.ttf);
}

@font-face {
    font-family: "Font-Awesome";
    src: url(../fonts/fontawesome-webfont.ttf);
    src: url(../fonts/FontAwesome.otf);
    src: url(../fonts/fontawesome-webfont.SVG);
    src: url(../fonts/fontawesome-webfont.ttf);
}

@font-face {
    font-family: "glyphicons";
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.svg);
    src: url(../fonts/glyphicons-halflings-regular.ttf);
    src: url(../fonts/glyphicons-halflings-regular.woff);
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Poppins-SemiBold.ttf');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.ttf');
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins-Medium.ttf');
}

/* Eliminar espaciados blancos */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.row {
    --bs-gutter-x: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

/* ----------------------------------------- Portada --------------------------------------------------------------- */
.portada-seccion-imagen {
    display: flex;
    max-height: 728px;
}

.portada-seccion-imagen img {
    position: absolute;
    filter: brightness(0.7);
}

.portada-texto-imagen {
    text-align: center;
    padding: 270px;
    position: relative;
}

.portada-texto-imagen h2 {
    font-size: 60px;
    font-family: "Poppins-Semibold";
    color: #FFFFFF;
    text-shadow: 0px 3px 6px #00000087;
}

.portada-seccion-datos {
    background: rgba(24, 68, 135, 0.1) url(../img/bg-impulsa.svg) 50% 0% no-repeat padding-box;
    /*url(../img/bg-datos-q-s.png) no-repeat top left;*/
    padding: 60px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ----------------------------------------- Seccion Informacion Cifras --------------------------------------------------------------- */

.portada-informacion-cifras {
    color: #184487;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.portada-informacion-cifras img {
    margin: 1em;
    max-height:86px;
}

.portada-informacion-cifras .field__item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.portada-informacion-cifras h1 {
    font-family: 'Poppins-Regular';
    font-size: 50px;
    line-height: 33px;
    font-weight: 900;
    text-transform: none;
    margin-bottom: 10px;
}

@media (max-width: 900px) {
    .seccion_azul {
        padding-left: 10px;
        padding-right: 10px;
    }

    .portada-informacion-cifras h1 {
        font-size: 20px !important;
        line-height: 20px;
        font-weight: 900;
        text-transform: none;
    }
}

@media (max-width: 700px) {
    .seccion_azul {
        padding-left: 10px;
        padding-right: 10px;
    }

    .layout--fourcol-section>.layout__region {
        flex: 0 1 50%;
    }

    .portada-informacion-cifras {
        width: 1% !important;
        height: 120px;
    }

    .portada-informacion-cifras h1 {
        font-size: 25px !important;
        line-height: 23px;
        font-weight: 900;
        text-transform: none;
    }
}

@media (max-width: 500px) {
    .seccion_azul {
        padding-left: 10px;
        padding-right: 10px;
    }

    .portada-informacion-cifras {
        width: 1% !important;
        height: 120px;
    }

    .portada-informacion-cifras H1 {
        font-size: 15px !important;
        line-height: 23px;
        font-weight: 900;
        text-transform: none;
    }
}

/* ----------------------------------------- Banners portada ------------------------------------------------------------- */
.portada_banners {
    padding-bottom: 40px;
}

.portada_banners .contenedor_banner_enlace {
    display: flex;
    flex-direction: row;
}

.portada_banners .slide__media::before {
    transition: all 500ms ease;
    content: '';
    position: absolute;
    background: linear-gradient(105deg, rgba(24, 68, 135, 1), 35%, rgba(127, 42, 77, 0.7), 50%, transparent);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.portada_banners .slick__arrow {
    height: 2px;
    left: 0;
    margin-top: -1px;
    pointer-events: none;
    position: absolute;
    /* top: 100%; */
    top: calc(100% + 6px);
    bottom: 0%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}

.portada_banners .textos_banner {
    position: absolute;
    top: 0;
    left: 80px;
    z-index: 999;
    width: 35%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Elementos impares  */
.portada_banners .slick__slide:nth-child(even) .textos_banner {
    position: absolute;
    top: 0;
    left: unset;
    z-index: 999;
    width: 30%;
    right: 0%;
    padding-right: 50px;
    text-align: right;
}

.portada_banners .slick__slide:nth-child(even) .slide__media::before {
    transition: all 500ms ease;
    content: '';
    position: absolute;
    background: linear-gradient(-75deg, rgb(24, 68, 135), 35%, rgba(137, 42, 77, 0.7), 50%, transparent);
    z-index: 1;
}

.portada_banners .slick__slide:nth-child(even) .contenedor_banner_enlace {
    display: flex;
    flex-direction: row-reverse;
}

.portada_banners .textos_banner .banner_titulo {
    font-size: 60px;
    color: #ffffff;
    font-family: 'Poppins-SemiBold';
    font-weight: 900;
}

.portada_banners .textos_banner .banner_subtitulo {
    font-size: 30px;
    color: #ffffff;
    font-family: 'Poppins-Regular';
    padding-top: 20px;
    padding-bottom: 30px;
}

.portada_banners .textos_banner .banner_enlace {
    font-size: 18px;
    font-family: 'Poppins-Regular';
    text-transform: uppercase;
    background-color: #ffffff;
    border-radius: 35px;
    padding: 20px 40px 20px 40px;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
}

.portada_banners .textos_banner .banner_enlace a {
    color: #184487;
    font-weight: 700;
}

.path-portada .view-vista-banners-portada .slick__arrow .slick-prev {
    left: calc(50% - 80px);
}

.path-portada .view-vista-banners-portada .slick__arrow .slick-next {
    right: calc(50% - 80px);
}

/* ----------------------------------------- Seccion Proyectos --------------------------------------------------------------- */
.portada-seccion-proyectos {
    margin-left: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 90px;
}

.portada-proyectos-texto,
.portada-enlace-movil-oculto {
    color: #303555;
}

.portada-enlace-movil-oculto {
    display: none;
    padding: 33px;
    text-align: center;
}

.portada-proyectos-texto h2,
.portada-sectores-texto h2,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- h2 {
    position: relative;
    font-family: 'Poppins-Semibold';
    font-size: 40px;
    z-index: 2;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.portada-sectores-texto h2 {
    display: inline-block;
}

.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .layout--twocol-section--25-75 {
    align-items: center;
}

.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .field--name-field-texto-izquierda {
    text-align: center;
}

.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- h2 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: inline-block;
}

.portada-proyectos-texto h2::after,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- h2::after {
    content: '';
    background-color: #6B96CF;
    position: absolute;
    bottom: 0;
    left: -20px;
    display: block;
    height: 23px;
    width: 160px;
    z-index: -1;
    opacity: 0.63;
}

.portada-proyectos-texto p,
.portada-sectores-texto p,
.portada-soluciones-subheader p {
    font-family: 'Poppins-Regular';
    font-size: 18px;
    padding-right: 50px;
    opacity: 78%;
    line-height: 27px;
}

.portada-proyectos-texto a,
.portada-proyectos-texto a:visited,
.portada-sectores-enlace a,
.portada-sectores-enlace a:visited,
.portada-soluciones-header a,
.portada-soluciones-header a:visited,
.portada-enlace-movil-oculto a,
.portada-enlace-movil-oculto a:visited {
    overflow: hidden;
    text-decoration: none;
    color: #303555;
    font-family: 'Poppins-Medium';
}

.portada-proyectos-texto a:hover,
.portada-sectores-enlace a:hover,
.portada-soluciones-header a:hover,
.portada-enlace-movil-oculto a:hover {
    border-bottom: 2px solid #CB1823;
    color: #303555;
}

.portada-proyectos-texto a::after,
.portada-sectores-enlace a::after,
.portada-soluciones-header a::after,
.portada-enlace-movil-oculto a::after {
    content: ' \f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #CB1823;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
}

/* -------- Vista proyectos ------- */
.field--name-field-vista-referenciada .view-proyectos,
.portada-seccion-proyectos .view-proyectos {
    background-color: transparent;
    padding: 50px 0px;
    margin-top: 50px;
}

.field--name-field-vista-referenciada .view-proyectos .views-row,
.portada-seccion-proyectos .view-proyectos .views-row {
    width: 350px;
    height: 400px;
    margin: 0 10px 0 10px;
    overflow: hidden;
    position: relative;
}

.field--name-field-vista-referenciada .view-proyectos .views-row img,
.portada-seccion-proyectos .view-proyectos .views-row img {
    transition: transform 0.25s;
    filter: brightness(0.7);
    -webkit-filter: brightness(0.7);
}

.field--name-field-vista-referenciada .view-proyectos .views-field-title,
.portada-seccion-proyectos .view-proyectos .views-field-title,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .views-field-title {
    position: absolute;
    bottom: 25px;
    left: 25px;
    padding-right: 25px;
}

.portada-seccion-proyectos .view-proyectos .slick .slide,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .slide {
    padding-right: 40px;
}

.portada-seccion-proyectos .view-proyectos .slick .views-field-title,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 50px 30px 30px;
    max-width: calc(100% - 80px);
    pointer-events: none;
    line-height: 30px;
}

.portada-seccion-proyectos .view-proyectos .slick .views-field-field-imagen-proyectos,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-field-imagen-proyectos {
    overflow: hidden;
}

/* .portada-seccion-proyectos .view-proyectos .slick .views-field-field-imagen-proyectos:hover,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-field-imagen-proyectos:hover {} */

.portada-seccion-proyectos .view-proyectos .slick .views-field-field-imagen-proyectos img,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-field-imagen-proyectos img {
    transition: transform 0.25s;
}

.portada-seccion-proyectos .view-proyectos .slick .views-field-field-imagen-proyectos+div.views-field-title a::after,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-field-imagen-proyectos+div.views-field-title a::after {
    content: "";
    width: 0;
    border-bottom: 2px solid rgba(255, 255, 255, 1);
    display: block;
}

.portada-seccion-proyectos .view-proyectos .slick .views-field-field-imagen-proyectos a::before,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-field-imagen-proyectos a::before {
    content: "";
    background: transparent linear-gradient(138deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%, #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%);
    opacity: 0.62;
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 40px);
    display: block;
    height: 100%;
}

.portada-seccion-proyectos .view-proyectos .slick .views-field-field-imagen-proyectos a::after,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-field-imagen-proyectos a::after {
    content: "";
    color: blue;
    background-image: url(../img/ine-flechader.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 40px;
    width: 56px;
    display: block;
    height: 56px;
    z-index: 3;
}

.portada-seccion-proyectos .view-proyectos .slick .views-field-field-imagen-proyectos:hover+div.views-field-title a::after,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-field-imagen-proyectos:hover+div.views-field-title a::after {
    width: 100%;
    transition: width 0.4s;
}

.portada-seccion-proyectos .view-proyectos .slick .views-field-field-imagen-proyectos:hover a::after,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-field-imagen-proyectos:hover a::after {
    background-image: url(../img/ine-flechaderh.png);
}

.portada-seccion-proyectos .view-proyectos .slick .views-field-field-imagen-proyectos:hover a::before,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-field-imagen-proyectos:hover a::before {
    /*background: rgba(0,0,0,.8);*/
    opacity: 0.52;
}

/* .portada-seccion-proyectos .view-proyectos .slick .views-field-field-imagen-proyectos:hover img,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-field-imagen-proyectos:hover img {
    transform: scale(1.1);
} */

.portada-seccion-proyectos .view-proyectos .slick .views-field-field-imagen-proyectos:hover a:before,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-field-imagen-proyectos:hover a:before {
    cursor: pointer;
    transition: all 500ms ease;
    opacity: 1;
    z-index: 2;
    background: linear-gradient(to right, rgba(111, 112, 114, 0.8)0%, rgba(8, 1, 4, 0.8) 100%);
}

.field--name-field-vista-referenciada .view-proyectos .views-field-title a,
.portada-seccion-proyectos .view-proyectos .views-field-title a,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-title a {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    word-wrap: normal;
}


.field--name-field-vista-referenciada .view-proyectos .views-row img:hover,
.portada-seccion-proyectos .view-proyectos .views-row img:hover {
    transform: scale(1);
    filter: brightness(0.5);
    -webkit-filter: brightness(0.5);
}

.field--name-field-vista-referenciada .view-proyectos .views-field-title a:hover,
.portada-seccion-proyectos .view-proyectos .views-field-title a:hover {
    text-decoration: underline;
    text-underline-offset: 8px;
}

.field--name-field-vista-referenciada .view-proyectos .views-field-title,
.portada-seccion-proyectos .view-proyectos .views-field-title,
.field--name-field-vista-referenciada .view-proyectos .views-field-title a:visited,
.portada-seccion-proyectos .view-proyectos .views-field-title a:visited {
    color: #FFFFFF;
    font-size: 34px;
    font-family: 'Poppins-Semibold';
    font-weight: 600;
    width: fit-content;
    word-wrap: break-word;
}

.field--name-field-vista-referenciada .view-proyectos .views-field-title:hover::after,
.portada-seccion-proyectos .view-proyectos .views-field-title:hover::after {
    color: #CB1823;
}

/* vista proyectos - slide home */
.layout--twocol-section.layout--twocol-section--25-75.portada-seccion-proyectos>.layout__region.layout__region--second,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .layout--twocol-section--25-75>.layout__region.layout__region--second {
    max-width: 1260px;
}

.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- {
    background: #f5f5f7;
    /* padding-left: 70px; */
    padding-bottom: 5em;
}

.layout--twocol-section.layout--twocol-section--25-75.portada-seccion-proyectos nav.slick__arrow,
.node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- nav.slick__arrow {
    top: calc(100% + 47px);
}

.node--type-tecnologias .paragraph--type--texto-abierto h4 {
    color: #3463AC;
    font-family: 'Poppins-Regular';
    padding-bottom: 10px;
}

/* ----------------------------------------- Seccion Sectores ------------------------------------------------------ */
.portada-seccion-sectores {
    background: rgba(24, 68, 135, 0.1);
    /* padding-left: 140px;
  padding-right: 140px; */
}

.portada-sectores-texto {
    text-align: center;
    padding-top: 60px;
    padding-left: 15px;
    /* margin-top: 33px; */
}

.portada-sectores-texto h2::after {
    content: '';
    background-color: #6B96CF;
    position: absolute;
    bottom: 0;
    left: -0.5em;
    display: block;
    height: 23px;
    width: 160px;
    z-index: -1;
    opacity: 0.63;
}

/* Vista sectores */
/* .portada-slider-sectores .tv-top-banner {
  background-image: url("/sites/default/files/tv-top-bg.png");
  height: 260px;
} */

.portada-slider-sectores {
    margin-bottom: 25px;
}

.slick--view--sectores--bloque-sectores li {
    background: transparent;
}

.portada-slider-sectores .tv-view-header {
    text-align: center;
    margin-bottom: 50px;
    max-width: 800px !important;
}

.portada-slider-sectores .tv-header-text-title {
    font-size: 24px;
    color: #303555;
    text-decoration: underline;
    text-decoration-color: #A42138;
    text-underline-offset: 10px;
}

.portada-slider-sectores .views-field-nothing {
    max-width: none;
}

.portada-slider-sectores .views-field-nothing a,
.portada-slider-sectores .views-field-nothing a:hover,
.portada-slider-sectores .views-field-nothing a:focus,
.portada-slider-sectores .views-field-nothing a:active {
    color: #303555;
    text-decoration: none;
}

.portada-slider-sectores .tv-inner {
    background-color: #FFFFFF;
    /* height: 400px; */
}

.portada-slider-sectores .tv-imagen {
    height: 290px;
    overflow: hidden;
    border-bottom-left-radius: 100% 25%;
    border-bottom-right-radius: 100% 25%;
}

.portada-slider-sectores .tv-imagen img {
    border-bottom-left-radius: 100% 25%;
    border-bottom-right-radius: 100% 25%;
    transition: transform 0.25s;
    transition-property: all;
}

.portada-slider-sectores .tv-imagen img:hover {
    transform: scale(1.2);
    transform-origin: center;
}

.portada-slider-sectores .tv-titulo {
    font-size: 28px;
    font-weight: 500;
    padding-left: 15px;
    line-height: 36px;
}

.portada-slider-sectores .slick-slide {
    padding: 1em;
}

.portada-slider-sectores .slick__arrow {
    top: calc(100% + 5px);
}

.portada-slider-sectores .slick-prev.slick-arrow {
    left: calc(50% - 80px);
}

.portada-slider-sectores .slick-next.slick-arrow {
    right: calc(50% - 80px);
    ;
}


@media (max-width: 990px) {
    .portada-slider-sectores .tv-view-content {
        flex-direction: column;
    }

    .portada-slider-sectores .views-field-nothing {
        margin: auto;
    }

    .portada-slider-sectores .tv-inner {
        height: auto;
    }

    .portada-slider-sectores .tv-imagen {
        height: auto;
    }
}

/* Enlace ver todos los sectores */
.portada-sectores-enlace {
    text-align: center;
    padding-top: 33px;
    padding-bottom: 33px;
}

.block-views-blockproyectos-block-2 {
    position: relative;
}

.block-views-blockproyectos-block-2 .slick__arrow {
    position: absolute;
    top: 460px;
}

@media (max-width: 578px) {
    .block-views-blockproyectos-block-2 .slick__arrow {
        position: absolute;
        top: 1720px;
    }
}

@media (max-width: 768px) {
    .block-views-blockproyectos-block-2 .slick__arrow {
        position: absolute;
        top: 1720px;
    }
}

/* ----------------------------------------- Seccion soluciones ------------------------------------------------------ */
.portada-soluciones-header .clearfix {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin-bottom: 35px;
    margin-top: 70px
}

.portada-soluciones-header h1 {
    flex-grow: 2;
    margin-left: 1em;
    font-family: 'Poppins-SemiBold';
    font-size: 40px;
    color: #303555;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}

.portada-soluciones-header h1::after {
    content: '';
    background-color: #6B96CF;
    position: absolute;
    bottom: 0;
    left: -1em;
    display: block;
    height: 23px;
    width: 180px;
    z-index: -1;
    opacity: 0.63;
}

.portada-slider-soluciones .views-field-field-soluciones-image-on .field-content {
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
    width: fit-content;
    /* height: 415px; */
    transition: all 500ms ease;
}

.portada-slider-soluciones .views-field-field-soluciones-image-on .field-content::before {
    transition: all 500ms ease;
    content: '';
    position: absolute;
    /* background: linear-gradient(to right, rgba(24, 68, 135, 0.8)50%, rgba(127, 42, 77, 0.8)); */
    background: transparent linear-gradient(180deg, rgba(24, 68, 135, 1) 0%, rgba(26, 67, 133, 1) 26%, rgba(34, 65, 128, 1) 41%, rgba(49, 61, 120, 1) 53%, rgba(69, 56, 109, 1) 65%, rgba(95, 50, 95, 1) 75%, rgba(127, 42, 77, 1) 84%, rgba(164, 33, 56, 1) 93%, rgba(203, 24, 35, 1) 100%) 0% 0% no-repeat padding-box;
    opacity: 0.71;
    mix-blend-mode: hard-light;
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.portada-slider-soluciones .slide:hover .views-field-field-soluciones-image-on .field-content::before {
    cursor: pointer;
    transition: all 500ms ease;
    /* opacity: 1; */
    /* background: linear-gradient(to right, rgba(111, 112, 114, 0.8)0%, rgba(8, 1, 4, 0.8) 100%); */
    background: rgba(8, 1, 4, 0.8) 100%;
}

.portada-slider-soluciones .slide:hover .views-field-field-soluciones-image-on .field-content img {
    transform: scale(1.1);
    transition: all 500ms ease;
}

.portada-slider-soluciones .views-field-field-soluciones-image-on .field-content::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    position: absolute;
    background-color: #fbf8f8;
    background-size: 30px;
    color: #3463AC;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px;
    z-index: 2;
    border-top-left-radius: 5px;
    /* opacity: 0.6; */
    text-align: center;
    font-size: 25px;
    vertical-align: middle;
    padding: 5px;
}

.portada-slider-soluciones .slide:hover .views-field-field-soluciones-image-on .field-content::after {
    color: #CB1823;
    opacity: 1;
}

.portada-slider-soluciones .views-field-name {
    position: absolute;
    bottom: 5%;
    left: 14%;
    font-family: 'Poppins-Semibold';
    z-index: 2;
    font-size: 28px;
    font-weight: 600;
    max-width: 220px;
    word-wrap: break-word;
    margin-bottom: 0.8em;
}

.portada-slider-soluciones .views-field-name a {
    color: #FFFFFF;
    text-decoration: none;
}

.portada-slider-soluciones .slide:hover .views-field-name {
    display: none;
}

.portada-slider-soluciones .views-field-field-soluciones-texto-thumbline {
    position: absolute;
    display: none;
}

.portada-slider-soluciones .slide:hover .views-field-field-soluciones-texto-thumbline {
    top: 0%;
    padding: 60px;
    left: 0;
    text-align: center;
    display: flex;
    align-items: center;
    background: transparent;
    color: #FFFFFF;
    z-index: 4;
    width: 100%;
    height: 100%;
}

.portada-slider-soluciones .views-field-field-soluciones-texto-thumbline a {
    color: #FFFFFF;
    text-decoration: none;
}

.path-portada .slick--view--soluciones {
    margin-bottom: 130px;
}

.path-portada .slick--view--soluciones .slick__arrow {
    top: calc(100% + 27px);
}

.path-portada .ine-rrss {
    padding-top: 100px;
    padding-bottom: 100px;
}

/* ----------------------------------------- Paginas mercados --------------------------------------------------------------- */
/* Titulo de las paginas de mercados y soluciones */
.titulo_mys h2 {
    font-family: "Avenir-Black", "Nunito sans";
    font-size: 50px;
    font-weight: 900 !important;
    color: #ffffff;
    text-align: left;
    padding-bottom: 30px;
}

.imagen_cabecera_mys {
    position: relative;
    height: 560px !important;
    overflow: hidden;
    z-index: 50;
}

.posicionador_texto_gris {
    position: absolute;
    top: 66%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80% !important;
    z-index: 100;
}

.texto_gris {
    background-color: #f4f4f5;
    height: 400px;
    position: relative;
}

.texto_izq_mys {
    font-size: 25px;
    font-weight: 900;
    line-height: 1.2;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
    padding-left: 70px !important;
    padding-right: 50px !important;
}

.texto_der_mys {
    font-size: 13px;
    line-height: 1.4;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
    padding-left: 10px !important;
    padding-right: 80px !important;
}

.posicionador_testimonio {
    position: relative;
    top: 110px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90% !important;
    z-index: 200;
}

/*  Para los testimonios  */
.contenedor_testimonio {
    width: 100% !important;
}

.testimonio_foto {
    position: relative;
    left: 30px;
}

.testimonio_texto {
    background-color: #1d428a !important;
    color: #ffffff;
    padding: 50px;
    position: relative;
    left: -30px;
    top: 140px;
}

.testimonio_frase {
    color: #ffffff;
    font-size: 85%;
}

.testimonio_nombre {
    color: #ffffff;
    font-family: 'Avenir-Black', 'Nunito sans';
    font-size: 130%;
    font-weight: 700 !important;
}

@media (max-width: 768px) {
    .texto_izq_mys {
        font-size: 110%;
        font-weight: 900;
    }
}

.bloque_cabecera_mercados {
    height: 700px !important;
    overflow: hidden;
}

.foto_cabecera_mercados {
    text-align: center;
}

.contenedor_titulo_mercados {
    z-index: 99;
    width: 80%;
    margin: 0px auto;
    position: relative;
    top: -570px;
}

.titulo_mercados {
    font-family: "Avenir-Black", "Nunito sans";
    font-size: 6em;
    font-weight: 900 !important;
    color: #ffffff;
    text-align: left;
}

.contenedor_tabla_texto_gris {
    z-index: 99;
    width: 80%;
    margin: 0px auto;
    position: relative;
    top: -580px;
    background-color: #f4f4f5 !important;
    height: 600px;
}

.celda_gris_izq {
    font-family: "Avenir-Black", "Nunito sans";
    font-size: 29px;
    line-height: 35px;
    color: #000000;
    font-weight: 900 !important;
    border: 0px;
    padding: 60px 80px 50px 80px;
    background-color: #f4f4f5 !important;
}

.celda_gris_der {
    font-family: "Avenir-Black", "Nunito sans";
    font-size: 14px;
    border: 0px;
    padding: 60px 80px 50px 80px;
    background-color: #f4f4f5 !important;
}

/* Quienes somos */
.path-quienes-somos {
    font-family: 'Poppins-Regular';
}

.quienes-somos-inicio .layout__region--first {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    font-size: 15px;
    padding-right: 5em;
    padding-left: 2em;
}

.quienes-somos-grafico {
    background-color: #f4f4f5;
    padding: 5em 7em;
    margin-bottom: 0;
    margin-top: 2em;
}

.quienes-somos-historia .layout__region--first {
    background: url(../../../../sites/default/files/bg-fotohistoria.png) 23% no-repeat;
    background-size: cover;
    background-position-x: 0;
    width: 40.35%;
    float: left;
    position: relative;
    margin-left: -15px;
    border-bottom: solid;
    border-bottom-color: #e5e5e5;
    border-width: 2.5px;
    padding: 5% 10% 5% 5%;
    margin-top: -2em;
}

.quienes-somos-historia-txt {
    background-color: #f4f4f5;
    padding: 5em;
}

.quienes-somos-equipo {
    background: url(../../../../sites/default/files/bg-quienesSomos_equipo.jpg) 50% 50% no-repeat;
    background-size: cover;
    padding-top: 220px;
    padding-bottom: 270px;
    flex-wrap: nowrap;
}

.quienes-somos-equipo .layout__region--first {
    background: #1d428a;
    color: #fff;
    margin-left: 20em;
    max-width: 20em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.quienes-somos-equipo .layout__region--first h1 {
    font-size: 5rem;
}

.quienes-somos-equipo .layout__region--first a {
    font-size: 0.8em;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.quienes-somos-equipo .layout__region--first a:hover {
    text-decoration-color: #d3222a;
}

.quienes-somos-equipo .layout__region--second {
    float: right;
    margin-right: 20em;
    padding: 3% 2% 3% 4%;
    background: #fff;
    width: 69.5%;
    height: inherit;
}

.quienes-somos-equipo .layout__region--second h2 {
    font-size: 3rem;
}

.quienes-somos-agenda-2030 {
    background: url(../../../../sites/default/files/presentacionAgenda2030.png) 50% 50% no-repeat;
    background-size: cover;
}

.quienes-somos-agenda-2030-texto {
    padding: 6% 8% 5.5%;
    width: 45%;
}

.quienes-somos-agenda-2030-texto p,
.quienes-somos-responsabilidad-texto p {
    font-family: 'Poppins-Regular';
    font-weight: 100;
    line-height: 1.7em;
}

.quienes-somos-agenda-2030-texto a {
    text-decoration: none;
    color: #1d428a;
}

.quienes-somos-responsabilidad {
    background: url(../../../../sites/default/files/bg-resp.corporativa.png) 50% 50% no-repeat;
    background-size: cover;
}

.quienes-somos-responsabilidad-texto {
    color: #fff;
    padding: 6% 8% 5.5%;
    width: 50%;
}

.quienes-somos-sistema-gestion-texto {
    font-family: 'Poppins-Regular';
    font-weight: 100;
    padding-left: 2em;
}

.menu--menu-quienes-somos-sub-1,
.menu--menu-quienes-somos-sub-2,
.menu--menu-quienes-somos-sub-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1em;
    padding-bottom: 1em;
}

.quienes-somos-menu ul>li>a,
.enlace-equipo a {
    color: black;
    font-size: small;
    text-transform: uppercase;
    text-decoration-line: underline;
    text-decoration-color: #d5d5d5;
    text-decoration-thickness: 4px;
    text-decoration-skip-ink: none;
    font-weight: bold;
}

.quienes-somos-menu ul>li>a:hover,
.enlace-equipo a:hover {
    color: black;
    text-decoration-color: #d3222a;
}

/*--------- Quienes somos menu circular ----------*/
.menu-html {
    margin-top: -1em;
    width: 100%;
    background: #f4f4f5;
    padding-top: 8em;
    padding-bottom: 8em;
}

.menu-body {
    width: 60%;
    margin: 0px auto;
}

.menu-body img {
    width: 220px !important;
    height: 220px !important;
    border-radius: 100%;
    padding: 0;
}

.menu-row-1 {
    width: 100%;
    display: flex;
}

.menu-row-1-column-1,
.menu-row-1-column-2,
.menu-row-1-column-3,
.menu-row-1-column-4 {
    width: 24.9%;
    padding: 3%;
}

.row-2-column-region .link-innovacion,
.menu-row-1-column-3 .link-innovacion,
.menu-row-1-column-2 .link-innovacion {
    display: none;
}

.row-2-column-region:hover .link-innovacion,
.menu-row-1-column-3:hover .link-innovacion,
.menu-row-1-column-2:hover .link-innovacion {
    width: 220px;
    height: 220px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d3222a;
    padding: 0px !important;
    transform: scale(1.36);
}

.menu-row-1-column-2:hover .link-innovacion {
    float: left;
}

.menu-row-1-column-3:hover .link-innovacion {
    float: right;
}

.row-2-column-region br,
.menu-row-1-column-3 br,
.menu-row-1-column-2 br {
    display: none;
}

.row-2-column-region:hover .link-innovacion a,
.menu-row-1-column-3:hover .link-innovacion a,
.menu-row-1-column-2:hover .link-innovacion a {
    font-family: 'Poppins-Regular';
    color: #fff;
    font-size: small;
    text-decoration: none;
    position: absolute;
    border-radius: 100%;
    text-align: center;
    display: block;
    text-transform: uppercase;
    padding: 40% 2em;
}

.row-2-column-region:hover img,
.menu-row-1-column-3:hover img,
.menu-row-1-column-2:hover img {
    display: none;
}

.menu-row-1-column-2 {
    padding-left: 0px;
}

div.menu-row-1-column-3>img {
    float: left;
}

.menu-row-1-column-3 {
    padding-right: 0px;
}

div.menu-row-1-column-3>img {
    float: right;
}

.menu-row-2 {
    display: flex;
}

.menu-row-2-column-1,
.menu-row-2-column-3 {
    width: 24.9%;
}

.row-2-column-region {
    padding-top: 10%;
    padding-bottom: 10%;
    display: table;
}

.menu-row-2-column-1>.row-2-column-region,
.menu-row-2-column-3>.row-2-column-region {
    margin: 0 auto;
    padding-top: 20%;
}

.menu-row-2-column-2 {
    width: 49.9%;
    text-align: left;
    vertical-align: middle;
    padding: 3%;
    font-family: 'Poppins-Regular';
}

.row-2-text>p.menu-title,
.row-2-text>p.menu-subtitle {
    font-family: 'Poppins-Regular';
    font-weight: 900;
    font-size: 1.8em;
}

.row-2-text>p.menu-subtitle {
    margin-bottom: 2em;
}

.row-2-text .enlace-equipo {
    margin-top: 1em;
}

.quienes-somos-calidad-slide .carousel-indicators li {
    height: 2px;
    border: none;
    margin: 0px;
    background-color: #f4f4f5;
    border-radius: 0px;
}

.quienes-somos-calidad-slide .carousel-indicators .active {
    background-color: #1d428a;
}

.quienes-somos-calidad-slide .carousel-control.left {
    background: transparent !important;
}

.quienes-somos-calidad-slide .carousel-control.right {
    background: transparent !important;
    display: inline-block;
}

.quienes-somos-calidad-slide .carousel-indicators .active:last-of-type {
    display: inline-block;
}

.quienes-somos-calidad-slide .carousel-indicators .active:nth-of-type(even) {
    z-index: 10;
    display: inline-block;
}

.quienes-somos-calidad-slide .carousel-indicators .active:first-of-type {
    z-index: 10;
    display: inline-block;
}

/*------Reconocimientos--------*/
.reconocimientos-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    max-width: 1620px;
}

.reconocimientos-header-img {
    width: 800px;
    filter: brightness(0.5);
    margin-left: 200px;
}

.reconocimientos-header-txt {
    background-color: #d3222a;
    position: relative;
    max-width: 700px;
    padding: 5em;
    margin-left: -5em;
    color: white;
}

.reconocimientos-linea-azul {
    background-image: url("../../../../sites/default/files/bg-reconocimientos.png");
    height: 35em;
    margin-bottom: 5em;
    margin-top: -15em;
    padding-top: 20em;
    margin-left: -15px;
    margin-right: -15px;
}

.reconocimientos-linea-azul-txt {
    font-weight: bold;
    font-size: 2em;
    color: white;
    position: relative;
    overflow: hidden;
    margin-bottom: 1%;
}

.reconocimientos-linea-azul-txt h2 {
    width: 60%;
    text-align: center;
    margin: 0 auto;
}

.view-reconocimientos-premios .views-col {
    display: inline-block;
    max-width: 30%;
    min-height: 350px;
    margin: 1%;
    text-align: center;
    margin-top: 1%;
    background-color: #f4f4f5;
}

.recon-grid-year {
    margin-bottom: 0px;
    background: #181818;
    color: white;
    display: inline-block;
    padding: 1%;
    font-size: 20px;
    font-family: 'Poppins-Regular';
    font-weight: 900;
    position: relative;
}

.recon-grid-image {
    margin: 0 auto;
    margin-top: 2em;
    display: inline-block;
}

.recon-grid-texto {
    font-size: 1.5em;
    font-family: 'Poppins-Regular';
    font-weight: 900;
    padding: 3%;
    position: relative;
    height: 7em;
    width: 100%;
}

@media (max-width: 1200px) {
    .reconocimientos-header {
        flex-wrap: wrap !important;
        margin-left: 0px;
    }

    .reconocimientos-header-txt {
        max-width: 200%;
        padding: 3em;
        margin-left: -12em;
        width: 200% !important;
    }

    .reconocimientos-header-img {
        width: 200% !important;
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.reconocimientos-header-img .content img {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

@media (max-width: 800px) {
    .quienes-somos-inicio .layout__region--first {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .contenedor-innovacion {
        width: 100% !important;
    }

    .menu-body img {
        width: 100px !important;
        height: 100px !important;
        border-radius: 100%;
    }

    .link-innovacion {
        width: 100px !important;
        height: 100px !important;
        border-radius: 100%;
    }

    .enlace_innovacion {
        font-size: 8px !important;
    }

    .menu-row-2-column-1>.row-2-column-region,
    .menu-row-2-column-3>.row-2-column-region {
        padding-top: 100% !important;
    }

    .reconocimientos-header-img {
        width: 100% !important;
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .quienes-somos-inicio .layout__region--first {
        padding: 1em 1em;
    }

    .quienes-somos-grafico {
        padding: 1em 1em;
    }

    .quienes-somos-equipo {
        flex-wrap: wrap !important;
    }

    .quienes-somos-equipo {
        padding-top: 140px !important;
        padding-bottom: 140px !important;
    }

    .quienes-somos-equipo .layout__region--first {
        margin: 0 auto !important;
    }

    .quienes-somos-equipo .layout__region--second {
        margin-right: 0px !important;
    }

    .quienes-somos-agenda-2030-texto {
        width: 100% !important;
    }

    .quienes-somos-responsabilidad-texto {
        width: 100% !important;
    }

    .quienes-somos-sistema-gestion-texto {
        padding: 1em 1em !important;
    }

    .view-reconocimientos-premios .views-col {
        width: 100% !important;
    }
}

/* -------------------------------- Slider Quienes somos sistema de gestion ------------------------- */
.quienes-somos-sistema-gestion .layout__region.layout__region--second {
    width: 48%;
}

.quienes-somos-sistema-gestion .slick__arrow {
    margin-left: 60%;
}

.quienes-somos-sistema-gestion .slick-prev {
    /* right: 200px !important; */
    left: auto !important;
    top: 190px !important;
}

.quienes-somos-sistema-gestion .slick-next {
    left: 60px !important;
    top: 190px !important;
}

/****************************** Slider historia *************************************/
.quienes_somos_slider_historia {
    background: url(../img/bg-historia.png) no-repeat top left;
    padding-top: 260px;
    background-position-y: -115px;
    background-position-x: right;
}

.layout--twocol-section--50-50.quienes-somos-historia .layout__region--second {
    width: 48%;
}

.quienes_somos_slider_historia .slick-track .slick-initialized .slick-slide,
.quienes_somos_slider_historia .slick-track .slick__slide.slide {
    width: 210px !important;
}

.quienes_somos_slider_historia .slick-initialized .slick-slide {
    padding-left: 50px;
}

/*
.quienes_somos_slider_historia .field--name-field-slideshow-image {
   height: 20em;
   margin-top: 5em;
   opacity: 1;
   -webkit-transition: .7s;
   -moz-transition: .7s;
   -o-transition: .7s;
   -ms-transition: .7s;
   transition: .7s   
}
*/
.quienes_somos_slider_historia .draggable .slick-current img {
    top: -50px;
}

.quienes_somos_slider_historia button.slick-prev.slick-arrow,
.quienes_somos_slider_historia button.slick-next.slick-arrow {
    position: relative;
    border: none;
    background: none;
    top: -20px;
    left: 20px;
}

.quienes_somos_slider_historia button.slick-prev.slick-arrow::before {
    content: '\2190';
}

.quienes_somos_slider_historia button.slick-next.slick-arrow::before {
    content: '\2192';
}

.quienes_somos_slider_historia .field--name-field-slideshow-image {
    display: block;
    float: none;
    padding-bottom: 100px;
    background: url(../img/ul-bg.png) 0em repeat-y;
    background-size: 1px;
    /* opacity: .3; */
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    -ms-transition: .7s;
    transition: .7s;
    height: 145px
}

.quienes_somos_slider_historia .field--name-field-slideshow-image img {
    border-radius: 50%;
    margin-left: -50px;
    top: 0px;
    position: absolute;
}

.quienes_somos_slider_historia .field--name-field-slideshow-link {
    font-size: 2.1em;
    font-family: 'Poppins-Regular';
    display: block;
    margin-top: 10px;
}

.quienes_somos_slider_historia .field--name-field-descripcion-image {
    font-size: 0.8em;
}

.quienes_somos_slider_historia .draggable {
    padding: 0 !important;
    background: url(../img/bg-regla-historia.png) repeat-x;
    background-position-y: 180px;
}

.quienes_somos_slider_historia .slick-next:before,
.quienes_somos_slider_historia .slick-prev:before {
    font-family: 'Poppins-Regular';
    color: #000000 !important;
}

.quienes_somos_slider_historia .slick-track {
    margin-top: 3em;
}

/******************************ORGANIGRAMA*************************************/
.containerOrganigrama {
    background: url(../../../../sites/default/files/EquipoDirectivo/bg-organigrama.png) center center no-repeat;
    background-size: auto 100%;
    padding-top: 4%;
    padding-bottom: 10%;
}

.containerOrganigrama .card {
    background-color: transparent;
    border: none;
}

#organigrama .contenedor {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#organigrama .contenedorequipo {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#organigrama .linea {
    border: 1px solid white;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 1296px;
}

#organigrama .equipodirectivo {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 1296px;
}

#organigrama .imgtextoenlace {
    display: flex;
    width: 100%;
    min-width: 190px;
    max-width: 290px;
    margin: 20px 17px 20px 17px;
}

#organigrama .circulo {
    content: "";
    inset: 0;
    border-radius: 50%;
    /* -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); */
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 5px;
    width: 121px;
    height: 118px;
}

#organigrama .presidencia {
    background: linear-gradient(90deg, #d3222a 70%, white);
}

#organigrama .direccion {
    background: linear-gradient(90deg, #3463AC 70%, white);
}

#organigrama .direcciongeneral {
    background: linear-gradient(90deg, white 70%, #3463AC);
}

#organigrama .textoenlace {
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: relative;
    width: 60%;
}

#organigrama .imagen {
    position: absolute;
    padding: 9px;
}

#organigrama .imagen img {
    border-radius: 50%;
    height: 100px;
    width: 100px;
}

#organigrama .textoenlace .texto {
    margin-bottom: 14px;
}

#organigrama .textoenlace .bc {
    background-color: #3463AC;
}

#organigrama .textoenlace .bi {
    background-image: linear-gradient(to right, #3463AC, transparent 95%);
}

#organigrama .textoenlace .nombre {
    font-weight: 400;
    font-size: 0.7em;
    line-height: 1.2em;
    letter-spacing: .03846em;
    color: white;
    margin-left: -15px;
    padding: 2%;
    width: fit-content;
}

#organigrama .textoenlace .cargo {
    font-weight: 600;
    font-size: 0.7em;
    line-height: 1.2em;
    color: white;
    margin-left: -15px;
    margin-bottom: 5px;
    padding: 2%;
    width: fit-content;
}

#organigrama .textoenlace .enlace {
    display: flex;
    align-items: center;
    padding-bottom: 4px;
    font-size: 1.1em;
    margin: 6px;
}

#organigrama a {
    font-weight: 900;
    font-size: 1.1em;
    color: #d3222a;
}

#organigrama .Pie .txtPie {
    display: none;
}

@media (max-width: 567px) {
    .containerOrganigrama {
        padding-top: 8%;
        margin-left: -15px;
        margin-right: -15px;
        background: url(../../../../sites/default/files/EquipoDirectivo/bg-organigrama.png) center center no-repeat;
        background-size: auto 130%;
    }

    #organigrama .circulo {
        width: 185px;
        height: 108px;
    }

    #organigrama .linea {
        width: 380px;
    }

    #organigrama .equipodirectivo {
        width: 280px;
    }

    #organigrama .imgtextoenlace {
        width: 250px;
        margin: 20px 17px 20px 17px;
    }

    #organigrama .textoenlace {
        width: 100%;
    }

    #organigrama .imagen img {
        height: 90px;
        width: 90px;
    }

    #organigrama .textoenlace .nombre,
    #organigrama .textoenlace .cargo {
        margin-left: -15px;
        font-size: 0.65em;
        line-height: 1.1em;
    }

    #organigrama .Pie {
        margin-top: 15%;
    }

    #organigrama .Pie .txtPie {
        display: flex;
        justify-content: center;
    }

    #organigrama .cirtxt {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 1%;
    }

    #organigrama .Pie .txtPie .txt {
        color: white;
        font-size: 1em;
        width: 70px;
        padding-left: 2%;
    }

    #organigrama .Pie .txtPie .circulo {
        width: 50px;
        height: 50px;
        padding: 7px;
    }
}

@media (min-width: 568px) and (max-width:1023px) {
    #organigrama .Pie {
        margin-top: 15%;
    }

    #organigrama .Pie .txtPie {
        display: flex;
        justify-content: center;
    }

    #organigrama .cirtxt {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 1%;
    }

    #organigrama .Pie .txtPie .txt {
        color: white;
        width: 110px;
        padding-left: 2%;
    }

    #organigrama .Pie .txtPie .circulo {
        width: 70px;
        height: 70px;
        padding: 10px;
    }

    .containerOrganigrama {
        padding-top: 8%;
        margin-left: -15px;
        margin-right: -15px;
        background: url(../../../../sites/default/files/EquipoDirectivo/bg-organigrama.png) center center no-repeat;
        background-size: auto 130%;
    }

    #organigrama .circulo {
        width: 185px;
        height: 108px;
    }

    #organigrama .linea {
        width: 550px;
    }

    #organigrama .equipodirectivo {
        width: 568px;
    }

    #organigrama .imgtextoenlace {
        width: 250px;
        margin: 20px 17px 20px 17px;
    }

    #organigrama .textoenlace {
        width: 100%;
    }

    #organigrama .imagen img {
        height: 90px;
        width: 90px;
    }

    #organigrama .textoenlace .nombre,
    #organigrama .textoenlace .cargo {
        margin-left: -15px;
        font-size: 0.7em;
        line-height: 1.1em;
    }
}

@media (min-width: 1024px) and (max-width:1919px) {
    #organigrama .circulo {
        width: 215px;
        height: 108px;
    }

    #organigrama .linea {
        width: 990px;
    }

    #organigrama .equipodirectivo {
        width: 968px;
    }

    #organigrama .imgtextoenlace {
        width: 208px;
        margin: 20px 17px 20px 17px;
    }

    #organigrama .textoenlace {
        width: 100%;
    }

    #organigrama .imagen img {
        height: 90px;
        width: 90px;
    }

    #organigrama .textoenlace .nombre,
    #organigrama .textoenlace .cargo {
        margin-left: -15px;
        font-size: 0.65em;
        line-height: 1.1em;
    }
}

/******************************TECNOLOGIAS*************************************/
/*Header*/
.titulo-tecno-header {
    font-size: 80px;
    font-family: 'Poppins-SemiBold';
}

.text-tecno-header {
    max-width: 550px;
    color: #303555;
    font-size: 24px;
    line-height: 30px;
    background-color: #fff;
    padding: 20px;
}

.img-tecno-header {
    margin-right: 5%;
}

.tecnologias-texto-encabezado {
    font-family: 'Poppins-Regular';
    color: #303555;
    margin-top: 2em;
    margin-bottom: 2em;
}

.tecnologias-texto-encabezado h3 {
    padding-bottom: 1em;
    font-size: 26px;
    font-family: 'Poppins-Semibold';
    text-decoration: underline;
    text-decoration-color: #CB1823;
    text-decoration-thickness: 1px;
    text-decoration-skip-ink: none;
    text-underline-offset: 10px;
}

@media (max-width: 990px) {
    .tecno-header-text-image-wrapper {
        flex-direction: column;
    }

    .img-tecno-header {
        margin-right: 0;
        margin-bottom: 5%;
    }

    .text-tecno-header {
        display: contents;
    }
}

/*Franja azul*/
.paragraph--type--franja-azul {
    background-color: #eef2f9;
}

.field--name-field-titulo-franja-azul {
    font-size: 24px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 10px;
}

.paragraph--type--franja-azul-item {
    /* max-width: 350px; */
    padding-top: 3em
}

.field--name-field-imagen-franja-azul {
    float: none !important;
    text-align: center;
}

.field--name-field-imagen-franja-azul img {
    max-height: 120px;
}

.field--name-field-texto-franja-azul {
    font-size: 30px;
    text-align: center;
    color: #1f427f;
    font-family: 'Poppins-Regular';
}

@media (max-width: 990px) {
    .field--name-field-item-franja-azul {
        flex-direction: column;
    }

    .paragraph--type--franja-azul-item {
        max-width: 100%;
    }
}

.paragraph--type--franja-azul tr {
    background-color: transparent !important;
}

.paragraph--type--franja-azul td {
    padding: 0px !important;
}

/*Paragraph Video*/
.node--type-tecnologias .field--name-field-media-oembed-video {
    text-align: center;
    padding-bottom: 60px;
    position: relative;
    /* height: 744px; */
    overflow: visible;
    margin-right: 0px;
}

/*Paragraph Videos Relacionados*/
.field--name-field-videos-relacionados .field__label {
    text-align: center;
    text-transform: uppercase;
    font-size: 32px;
    margin-bottom: 40px;
    font-weight: 500;
}

.field--name-field-videos-relacionados .field__items {
    display: flex;
    justify-content: space-between;
}

.field--name-field-videos-relacionados .field__items .field__item {
    margin: 0 5px 0 5px;
}

@media (max-width: 990px) {
    .field--name-field-videos-relacionados .field__items {
        display: block;
    }

    .field--name-field-videos-relacionados .field__items .field__item {
        margin: 5px 0 5px 0;
        text-align: center;
    }
}

/* Paragraph/view Proyectos*/
.view-proyectos {
    background-color: #f5f5f7;
    padding: 50px 0px;
    margin-top: 50px;
}

.p-view-header {
    width: 350px;
    margin: 0 50px 0 50px;
}

.p-header-title {
    font-size: 36px;
    font-weight: 400;
    width: 200px;
}

.view-proyectos .views-row {
    width: 350px;
    height: 400px;
    margin: 0 10px 0 10px;
    position: relative;
    overflow: hidden;
    transition: all 500ms ease;
}

.view-proyectos .views-row:hover a {
    border-bottom: 4px solid #FFFFFF;
}

.view-proyectos .views-row .views-field-field-imagen-proyectos::before,
.view-proyectos .views-field-field-imagen-proyectos::before {
    transition: all 500ms ease;
    /* content: ''; */
    position: absolute;
    background: transparent linear-gradient(136deg, rgba(24, 68, 135, 1) 0%, rgba(26, 67, 133, 1) 26%, rgba(34, 65, 128, 1) 41%, rgba(49, 61, 120, 1) 53%, rgba(69, 56, 109, 1) 65%, rgba(95, 50, 95, 1) 75%, rgba(127, 42, 77, 1) 84%, rgba(164, 33, 56, 1) 93%, rgba(203, 24, 35, 1) 100%) 0% 0% no-repeat padding-box;
    opacity: 0.71;
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    mix-blend-mode: hard-light;
}

.view-proyectos .views-row .views-field-field-imagen-proyectos:hover:before {
    cursor: pointer;
    transition: all 500ms ease;
    opacity: 1;
    background: linear-gradient(to right, rgba(111, 112, 114, 0.8)0%, rgba(8, 1, 4, 0.8) 100%);
}

.view-proyectos .views-row .views-field-field-imagen-proyectos::after {
    text-decoration: none;
    z-index: 5;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 25px;
    content: "\f061";
    position: absolute;
    background-color: #FFFFFF;
    background-size: 30px;
    color: #3463AC;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px;
    border-top-left-radius: 5px;
    opacity: 0.6;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}

.view-proyectos .views-row .views-field-field-imagen-proyectos:hover::after {
    color: #CB1823;
    opacity: 1;
}

.view-proyectos .views-row:hover img {
    transform: scale(1.1);
    transition: all 500ms ease;
}

.view-proyectos .views-field-title {
    position: absolute;
    bottom: 25px;
    left: 25px;
    padding-right: 25px;
    z-index: 2;
}

.view-proyectos .views-field-title a {
    color: #fff;
    text-decoration: none;
    font-size: 28px;
    line-height: 34px;
    font-weight: bold;
}

/*Vista Tecnologias*/
.tv-top-banner {
    background-image: url("../../../../../sites/default/files/tv-top-bg.html");
    height: 260px;
}

.tv-view-header {
    text-align: center;
    margin-bottom: 50px;
    max-width: 800px !important;
}

.tv-header-text-title {
    font-size: 24px;
    color: #303555;
    text-decoration: underline;
    text-decoration-color: #A42138;
    text-underline-offset: 10px;
}

.views-field-nothing {
    max-width: 432px;
}

.views-field-nothing a,
.views-field-nothing a:hover,
.views-field-nothing a:focus,
.views-field-nothing a:active {
    color: #303555;
    text-decoration: none;
}

/* .tv-inner {
    height: 400px;
} */

.tv-imagen {
    height: auto;
    overflow: hidden;
    border-bottom-left-radius: 100% 25%;
    border-bottom-right-radius: 100% 25%;
}

.tv-imagen img {
    border-bottom-left-radius: 100% 25%;
    border-bottom-right-radius: 100% 25%;
    transition: transform 0.25s;
    transition-property: all;
}

.tv-imagen img:hover {
    transform: scale(1.2);
    transform-origin: 0 0;
}

.tv-titulo {
    font-size: 28px;
    font-weight: 500;
    padding-left: 15px;
    line-height: 36px;
}

.tv-icono {
    height: 128px;
    width: 128px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 990px) {
    /* .tv-view-content {
        flex-direction: column;
    } */

    .tv-inner {
        height: auto;
    }

    .tv-imagen {
        height: auto;
    }
}

/***** PACTO MUNDIAL *****/
.pacto-mundial-encabezado {
    margin: -15em 7em 2em 5em
}

.pacto-mundial-encabezado .layout__region--first {
    display: flex;
    padding-left: 2em;
    justify-content: flex-start;
    align-items: flex-end;
}

.caja-color-azul {
    background-color: #1d428a;
    padding: 9%;
}

.caja-color-azul h3 {
    color: white;
    line-height: 120%;
}

.caja-color-azul p {
    color: white;
    line-height: 160%;
    padding-bottom: 5%;
}

@media (max-width: 992px) {
    .pacto-mundial-encabezado {
        margin: 0;
    }

    .caja-color-azul h3 {
        font-size: medium;
    }

    .caja-color-azul p {
        font-size: small;
    }
}

.contenedor-listado-pacto {
    background-color: #f4f4f5;
    margin: 1em;
    display: flex;
    align-items: center;
}

.contenedor-listado-pacto strong {
    background-color: #d3222a;
    padding: 1em;
    font-size: 1em;
    color: white;
    min-height: 4em;
    min-width: 4em;
    margin: 1em 1em 1em 0;
    text-align: center;
}

.contenedor-listado-pacto p {
    padding: 2em;
}

/*************************IMPULSA**************************/
article.node--type-impulsa.node--view-mode-full,
article.node--type-pagina.node--view-mode-full,
article.node--type-tecnologias.node--view-mode-full,
article.node--type-revista .node--view-mode-full{
    background: transparent url(../img/bg-impulsa.svg) 50% 0% no-repeat padding-box;
}

.impulsa-header {
    background-size: cover;
    background-image: linear-gradient(to right, rgba(24, 68, 135, 0.8)50%, rgba(127, 42, 77, 0.8)), url(../img/bg-impulsa-header.png);
    background-position: 0% 34%;
    background-repeat: no-repeat;
    height: 262px;
    opacity: 1;
}

.impulsa-header-titulo {
    text-align: left;
    color: #fff;
    font-family: 'Poppins-SemiBold';
    font-size: 60px !important;
    font-weight: 600;
}


.impulsa-subheader-logo {
    height: 114px;
    width: 350px;
}

.impulsa-subheader-texto {
    font-size: 20px;
    padding: 60px;
    overflow: hidden;
    font-family: 'Poppins-Regular';
    color: #303555;
}

.impulsa-subheader-texto strong {
    font-family: 'Poppins-Medium';
}

.impulsa-datos-destacados {
    /* min-height: 600px; */
    background-color: rgba(107, 150, 207, .1);
}

.impulsa-datos-destacados-container {
    display: flex;
}

.impulsa-datos-destacados-titulo {
    text-align: left;
    opacity: 1;
    width: 200px;
}

.impulsa-datos-destacados-titulo h2,
.impulsa-futuros-visibles-titulo h2,
.impulsa-tecnologias-titulo h3 {
    position: relative;
    z-index: 1;
}

.impulsa-datos-destacados-titulo h2::after,
.impulsa-futuros-visibles-titulo h2::after {
    content: '';
    background-color: #6B96CF;
    position: absolute;
    bottom: 0;
    left: -48px;
    display: block;
    height: 20px;
    width: 200px;
    z-index: -1;
    opacity: 0.63;
}

.impulsa-tecnologias-titulo {
    position: relative;
}

.impulsa-tecnologias-titulo::after {
    content: '';
    background-color: #6B96Cf;
    position: absolute;
    bottom: 0px;
    left: -30px;
    display: block;
    height: 20px;
    width: 220px;
    z-index: -1;
    opacity: 0.63;
}

.impulsa-datos-destacados-titulo h2,
.impulsa-futuros-visibles-titulo h2,
.impulsa-tecnologias-titulo {
    font-family: 'Poppins-Regular';
    font-weight: 600;
    font-size: 40px;
    letter-spacing: 4px;
    color: #303555;
    z-index: 10;
    text-transform: uppercase;
}

.impulsa-esfuerzo-datos,
.impulsa-horas-datos {
    font-family: 'Poppins-Semibold';
    font-weight: 600;
    letter-spacing: 0;
    font-size: 60px;
    color: #303555;
}

.impulsa-datos-destacados-esfuerzo,
.impulsa-datos-destacados-horas,
.impulsa-areas-actividad,
.impulsa-areas-actividad-listado,
.impulsa-futuros-visibles-texto,
.impulsa-datos-destacados-texto {
    font-size: 20px;
    font-family: 'Poppins-Regular';
    color: #303555;
}

.impulsa-datos-destacados-esfuerzo,
.impulsa-datos-destacados-horas {
    width: min-content;
}

/* Linea de puntos */
/* .impulsa-datos-destacados .impulsa-datos-destacados-container>div:nth-child(2),
.impulsa-datos-destacados .impulsa-datos-destacados-container>div:nth-child(3) {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #303555;
    padding-bottom: 2em;
} */

.impulsa-datos-destacados .field--name-field-areas-actividad {
    padding-left: 4em;
    padding-right: 4em;
}

.impulsa-datos-destacados .impulsa-datos-destacados-texto {
    padding-right: 4em;
}

.impulsa-esfuerzo-texto,
.impulsa-horas-texto {
    margin-right: 50px;
}

.impulsa-areas-actividad-container {
    display: flex;
}

.impulsa-areas-actividad-grafica,
.impulsa-areas-actividad-listado,
.impulsa-areas-actividad {
    display: inline-block !important;
    align-self: center;
}

.impulsa-areas-actividad {
    width: 350px;
}

.impulsa-tecnologias-titulo {
    text-align: center;
    width: 300px;
    margin: 30px auto;
}

#slick-views-tecnologias-block-bloque-tecnologias-1 {
    position: relative;
}

#slick-views-tecnologias-block-bloque-tecnologias-1 .slick__arrow {
    position: absolute;
    top: 460px;
}

.slick-prev.slick-arrow {
    position: absolute;
    bottom: 0;
    left: calc(50% - 80px);
    border-radius: 10px;
    background-color: #184487;
}

.slick-next.slick-arrow {
    position: absolute;
    bottom: 0;
    right: calc(50% - 80px);
    border-radius: 10px;
    background-color: #184487;
}

.slick-prev.slick-arrow::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f060";
    color: #FFFFFF;
    font-size: 25px;
}

.slick-next.slick-arrow::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    color: #FFFFFF;
    font-size: 25px;
}

/* .slick-arrow::before {
  display: none;
} */
.impulsa-areas-actividad-listado ul li:nth-child(1)::marker {
    color: #184487;
    font-size: 25px;
    /* display: inline-block; */
}

.impulsa-areas-actividad-listado ul li:nth-child(2)::marker {
    color: #3463AC;
    font-size: 25px;
}

.impulsa-areas-actividad-listado ul li:nth-child(3)::marker {
    color: #6B96CF;
    font-size: 25px;
}

.impulsa-areas-actividad-listado ul li:nth-child(4)::marker {
    color: #CB1823;
    font-size: 25px;
}

.impulsa-tecnologias {
    min-height: 650px;
}

.impulsa-futuros-visibles {
    /*min-height: 725px;*/
    background-color: #F9F9FA;
}

.impulsa-futuros-visibles-titulo {
    text-align: left;
    opacity: 1;
}

.impulsa-futuros-visibles-bicicleta-texto a,
.impulsa-futuros-visibles-ultima-milla-texto a {
    text-decoration: none;
    color: #FFFFFF;
}

.impulsa-futuros-visibles-bicicleta,
.impulsa-futuros-visibles-ultima-milla {
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
    width: 375px;
    height: 415px;
    transition: all 500ms ease;
}

.impulsa-futuros-visibles-bicicleta:hover a,
.impulsa-futuros-visibles-ultima-milla:hover a {
    border-bottom: 2px solid #FFFFFF;
}

.impulsa-futuros-visibles-bicicleta::before,
.impulsa-futuros-visibles-ultima-milla::before {
    transition: all 500ms ease;
    content: '';
    position: absolute;
    /* background: linear-gradient(to right, rgba(24, 68, 135, 0.8)50%, rgba(127, 42, 77, 0.8)); */
    background: transparent linear-gradient(136deg, rgba(24, 68, 135, 1) 0%, rgba(26, 67, 133, 1) 26%, rgba(34, 65, 128, 1) 41%, rgba(49, 61, 120, 1) 53%, rgba(69, 56, 109, 1) 65%, rgba(95, 50, 95, 1) 75%, rgba(127, 42, 77, 1) 84%, rgba(164, 33, 56, 1) 93%, rgba(203, 24, 35, 1) 100%) 0% 0% no-repeat padding-box;
    opacity: 0.71;
    mix-blend-mode: hard-light;
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
}

.impulsa-futuros-visibles-bicicleta:hover::before,
.impulsa-futuros-visibles-ultima-milla:hover::before {
    cursor: pointer;
    transition: all 500ms ease;
    opacity: 1;
    background: linear-gradient(to right, rgba(111, 112, 114, 0.8)0%, rgba(8, 1, 4, 0.8) 100%);
}

.impulsa-futuros-visibles-bicicleta:hover img,
.impulsa-futuros-visibles-ultima-milla:hover img {
    transform: scale(1.1);
    transition: all 500ms ease;
}

.impulsa-futuros-visibles-bicicleta::after,
.impulsa-futuros-visibles-ultima-milla::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    position: absolute;
    background-color: #FFFFFF;
    background-size: 30px;
    color: #3463AC;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px;
    z-index: 2;
    border-top-left-radius: 5px;
    opacity: 0.6;
    text-align: center;
    font-size: 25px;
    vertical-align: middle;
    padding: 5px;
}

.impulsa-futuros-visibles-bicicleta:hover::after,
.impulsa-futuros-visibles-ultima-milla:hover::after {
    color: #CB1823;
    opacity: 1;
}

.field--name-field-bicicleta-imagen,
.field--name-field-ultima-milla-imagen {
    float: none !important;
    margin: 0 !important;
}

.impulsa-futuros-visibles-bicicleta-texto,
.impulsa-futuros-visibles-ultima-milla-texto,
.impulsa-futuros-visibles-bicicleta-texto a:visited,
.impulsa-futuros-visibles-ultima-milla-texto a:visited {
    color: #FFFFFF;
    font-size: 34px;
    font-family: 'Poppins-Semibold';
    font-weight: 600;
    width: fit-content;
    word-wrap: break-word;
}

.impulsa-futuros-visibles-bicicleta-texto,
.impulsa-futuros-visibles-ultima-milla-texto {
    position: absolute;
    bottom: 20px;
    z-index: 3;
    left: 20px;
    width: 75%;
}

.impulsa-futuros-visibles-link {
    position: relative;
    top: 100px;
}

.impulsa-futuros-visibles-link a,
.impulsa-futuros-visibles-link a:visited,
.impulsa-futuros-visibles-link a:hover {
    color: #303555;
}

.impulsa-futuros-visibles-link a:hover {
    border-bottom: 2px solid #CB1823;
}

/* .impulsa-futuros-visibles-link a:hover span {
    display: none;
} */

/* .impulsa-futuros-visibles-link a:hover:before {
    content: 'Ver todas las publicaciones';
}

body:lang(en) .impulsa-futuros-visibles-link a:hover:before {
    content: 'See all publications';
} */

.impulsa-futuros-visibles-link::after {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #CB1823;
    position: absolute;
    left: 230px;
    bottom: -3px;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
}

.impulsa-futuros-visibles-link a,
.impulsa-futuros-visibles-link a:visited {
    text-decoration: none;
    color: #303555;
    font-family: 'Poppins-Medium';
}

.list-group-item {
    border: none !important;
}

@media (max-width: 578px) {

    .impulsa-futuros-visibles-bicicleta,
    .impulsa-futuros-visibles-ultima-milla {
        overflow: hidden;
        margin: 0 auto;
        position: relative;
    }

    .impulsa-datos-destacados-container,
    .impulsa-areas-actividad-container {
        display: block !important;
    }

    .impulsa-esfuerzo-texto,
    .impulsa-horas-texto {
        margin-right: 50px;
    }

    .impulsa-areas-actividad {
        font-size: 26px;
    }

    .impulsa-tecnologias {
        height: 1800px;
        margin-bottom: 100px;
    }

    #slick-views-tecnologias-block-bloque-tecnologias-1 .slick__arrow {
        position: absolute;
        top: 1720px;
    }
}

@media (max-width: 768px) {

    .impulsa-futuros-visibles-bicicleta,
    .impulsa-futuros-visibles-ultima-milla {
        display: block;
        height: 450px;
        overflow: hidden;
        /* width: 100% !important; */
    }

    .impulsa-datos-destacados {
        padding: 0%;
        /* min-height: 1150px; */
        margin-bottom: 50px;
    }

    .impulsa-datos-destacados-esfuerzo-header,
    .impulsa-datos-destacados-horas-header {
        display: block;
        width: 100%;
    }

    .impulsa-datos-destacados-areas-actividad-grafica {
        margin: 0 auto;
        display: block;
    }

    .impulsa-datos-destacados-areas-actividad-listado {
        font-size: 24px;
        font-family: "Poppins-Regular";
    }

    .impulsa-futuros-visibles .col-sm-4 {
        height: fit-content;
        width: 100%;
        flex-grow: inherit;
    }

    .impulsa-datos-destacados-areas-actividad-grafica {
        margin: 0 auto;
        display: block;
        align-self: center;
        max-width: fit-content;
    }

    .impulsa-tecnologias {
        height: 1800px;
        margin-bottom: 100px;
    }

    #slick-views-tecnologias-block-bloque-tecnologias-1 .slick__arrow {
        position: absolute;
        top: 1720px;
    }
}

@media (max-width: 990px) {
    .impulsa-header {
        background-position: center;
        height: 140px;
    }

    .impulsa-header-titulo {
        font-size: 30px !important;
        width: 235px;
        position: relative;
        left: 10px;
    }

    .impulsa-subheader {
        min-height: 700px;
    }

    .impulsa-subheader-logo {
        margin-top: 50px;
    }

    .impulsa-subheader-texto {
        max-width: 100%;
        overflow: hidden;
    }

    .impulsa-tecnologias {
        height: 1800px;
        margin-bottom: 100px;
    }

    #slick-views-tecnologias-block-bloque-tecnologias-1 .slick__arrow {
        position: absolute;
        top: 1720px;
    }

    .impulsa-futuros-visibles-bicicleta,
    .impulsa-futuros-visibles-ultima-milla {
        overflow: hidden;
        margin: 25px auto;
        position: relative;
        width: 375px;
        height: 415px;
    }

    .impulsa-futuros-visibles-bicicleta-texto,
    .impulsa-futuros-visibles-ultima-milla-texto {
        width: 230px;
    }

    .impulsa-futuros-visibles-link {
        position: relative;
        top: 10px;
        margin-bottom: 25px;
    }

}

/****************************** Agrupadora Futuros-Visibles *************************************/
.futuros_visibles_seccion_cabecera {
    background-size: cover;
    background-image: linear-gradient(to right, rgba(24, 68, 135, 0.8)50%, rgba(127, 42, 77, 0.8)), url(../img/bg-impulsa-header.png);
    background-position: 0% 34%;
    background-repeat: no-repeat;
    height: 262px;
    opacity: 1;
    padding: 50px;
}

.futuros_visibles_titulo_cabecera h1 {
    text-align: left;
    color: #fff;
    font-family: 'Poppins-SemiBold';
    font-size: 60px !important;
    font-weight: 600;
    text-transform: none;
    padding-top: 30px;
}

.futuros_visibles_subtitulo_cabecera {
    padding: 50px 10px;
}

.futuros_visibles_seccion_texto {
    padding: 60px 20px;
    display: flex;
    align-items: center;
}

.futuros_visibles_futuros_visibles h2 {
    font-size: 40px;
    font-family: 'Poppins-SemiBold';
    position: relative;
    z-index: 1;
}

.ultima_milla_texto_futuro_entrega h2,
.ultima_milla_texto_cultura_hiperservicio h2,
.ultima_milla_texto_retos_logistica h2,
.ultima_milla_titulo_autores h2 {
    z-index: 1;
}

.futuros_visibles_futuros_visibles h2::after {
    content: "";
    width: 206px;
    height: 32px;
    background-color: #6b96cf;
    left: 0;
    z-index: -1;
    content: '';
    position: absolute;
    bottom: 0;
    display: block;
}

.futuros_visibles_futuros_visibles {
    font-size: 40px;
    position: relative;
    text-align: right;
    left: 0px;
    color: rgba(48, 53, 85, 1);
    font-style: normal;
    font-family: 'Poppins-SemiBold';
    font-size: 50px;
    letter-spacing: 4px;
    text-transform: uppercase;
    width: 270px;
    margin: 62px 0;
}

.futuros_visibles_futuros_visibles_texto {
    color: #303555;
    font-family: "Poppins-Regular";
    /* padding: 0 50px; */
    font-size: 20px;
    opacity: 0.8;
}

.futuros_visibles_imagen_bicicleta,
.futuros_visibles_imagen_ultima_milla {
    position: relative;
    max-width: 90%;
    overflow: hidden;
    margin: 0em 0em 2em;
    transition: all 500ms ease;
}

.futuros_visibles_imagen_bicicleta:hover a,
.futuros_visibles_imagen_ultima_milla:hover a {
    border-bottom: 4px solid #FFFFFF;
}

.futuros_visibles_imagen_bicicleta::before,
.futuros_visibles_imagen_ultima_milla::before {
    transition: all 500ms ease;
    content: '';
    position: absolute;
    background: transparent linear-gradient(136deg, rgba(24, 68, 135, 1) 0%, rgba(26, 67, 133, 1) 26%, rgba(34, 65, 128, 1) 41%, rgba(49, 61, 120, 1) 53%, rgba(69, 56, 109, 1) 65%, rgba(95, 50, 95, 1) 75%, rgba(127, 42, 77, 1) 84%, rgba(164, 33, 56, 1) 93%, rgba(203, 24, 35, 1) 100%) 0% 0% no-repeat padding-box;
    opacity: 0.71;
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 6;
    mix-blend-mode: hard-light;
    pointer-events: none;
}

.futuros_visibles_imagen_bicicleta:hover:before,
.futuros_visibles_imagen_ultima_milla:hover:before {
    cursor: pointer;
    transition: all 500ms ease;
    opacity: 1;
    background: linear-gradient(to right, rgba(111, 112, 114, 0.8)0%, rgba(8, 1, 4, 0.8) 100%);
}

.futuros_visibles_imagen_bicicleta a,
.futuros_visibles_imagen_ultima_milla a {
    position: absolute;
    font-family: 'Poppins-SemiBold';
    bottom: 20px;
    left: 20px;
    text-decoration: none;
    font-size: 40px;
    z-index: 5;
    color: #FFFFFF;
    font-weight: 600;
    word-wrap: break-word;
}

.futuros_visibles_imagen_bicicleta p a,
.futuros_visibles_imagen_ultima_milla p a {
    width: 80% !important;
}

.futuros_visibles_imagen_bicicleta a:visited,
.futuros_visibles_imagen_ultima_milla a:visited {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 40px;
    z-index: 5;
}

.futuros_visibles_imagen_bicicleta::after,
.futuros_visibles_imagen_ultima_milla::after {
    text-decoration: none;
    z-index: 6;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 25px;
    content: "\f061";
    position: absolute;
    background-color: #FFFFFF;
    background-size: 30px;
    color: #3463AC;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px;
    border-top-left-radius: 5px;
    opacity: 0.6;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}

.futuros_visibles_imagen_bicicleta:hover::after,
.futuros_visibles_imagen_ultima_milla:hover::after {
    opacity: 1;
    color: #CB1823;
}

.futuros_visibles_imagen_bicicleta p::after,
.futuros_visibles_imagen_ultima_milla p::after {
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    width: 100%;
    background: linear-gradient(138deg, rgba(24, 68, 135, 0.3)0%, rgba(26, 67, 133, 0.3)26%, rgba(34, 65, 128, 0.3)41%, rgba(49, 61, 120, 0.3)53%, rgba(69, 56, 109, 0.3)65%,
            rgba(90, 50, 95, 0.3)75%, rgba(127, 42, 77, 0.3)84%, rgba(164, 33, 56, 0.3)93%, rgba(203, 24, 35, 0.3)100%);
}

.futuros_visibles_imagen_bicicleta p,
.futuros_visibles_imagen_ultima_milla p {
    width: 100%;
    z-index: 6;
    position: absolute;
    margin: 0;
}

.futuros_visibles_imagen_bicicleta:hover img,
.futuros_visibles_imagen_ultima_milla:hover img {
    transform: scale(1.1);
    transition: all 500ms ease;
}

.futuros_visibles_seccion_imagenes .layout__region--second {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

@media (max-width: 578px) {

    .futuros_visibles_seccion_texto,
    .futuros_visibles_seccion_imagenes {
        flex-direction: column;
        height: fit-content;
    }

    .futuros_visibles_titulo_cabecera h1 {
        font-size: 30px !important;
        text-align: left;
    }

    .futuros_visibles_imagen_bicicleta,
    .futuros_visibles_imagen_ultima_milla {
        max-width: 100%;
    }

    /* .futuros_visibles_futuros_visibles {
        width: 200px;
    } */
}

@media (max-width: 700px) {

    .futuros_visibles_seccion_texto,
    .futuros_visibles_seccion_imagenes {
        flex-direction: column;
        height: auto;
    }

    .futuros_visibles_titulo_cabecera h1 {
        font-size: 30px !important;
        text-align: left;
    }

    /* .futuros_visibles_futuros_visibles {
        width: 200px;
    } */

    .futuros_visibles_imagen_bicicleta,
    .futuros_visibles_imagen_ultima_milla {
        max-width: 100%;
        margin-bottom: 60px;
    }

    .futuros_visibles_imagen_bicicleta img,
    .futuros_visibles_imagen_ultima_milla img {
        width: 100%;
    }


}

@media (max-width: 1366px) {
    .ine-unacol .futuros_visibles_titulo_cabecera h1 {
        width: fit-content;
        text-align: left;
        font-size: 30px !important;
    }

    .futuros_visibles_futuros_visibles_texto {
        padding: 16px;
    }

    .futuros_visibles_seccion_imagenes .layout__region {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media only screen and (min-width: 700px) and (max-width: 1366px) {

    .layout__region.layout__region--first .block,
    .layout__region.layout__region--second .block {
        max-width: 100%;
    }

    .layout__region.layout__region--first {
        padding-left: 20px;
        padding-right: 10px;
    }

    .layout__region.layout__region--second {
        padding-left: 10px;
        padding-right: 20px;
    }
}

/**********************************************************************************/
/****************************** Ultima Milla *************************************/
.ultima_milla_seccion_cabecera {
    padding-right: 120px;
    padding-top: 0;
    letter-spacing: 0px;
    font-size: 60px;
    font-style: normal;
    font-family: 'Poppins-SemiBold';
    color: #F9F9FA;
    background: transparent url(../img/fondo_ultima_milla.png) 0% 0% no-repeat padding-box;
    /* height: 400px; */
    background-size: cover;
}

.alinear_derecha {
    text-align: right;
}

.ultima_milla_futuros_visibles {
    font-style: normal;
    font-family: 'Poppins-SemiBold';
    text-align: left;
    padding-left: 50px;
    text-transform: uppercase;
}

.ultima_milla_titulo_cabecera {
    font-style: normal;
    font-family: 'Poppins-SemiBold';
    padding-right: 100px;
    /* margin-bottom: 100px; */
}

.ultima_milla_imagen_futuro_entrega p {
    position: relative;
    bottom: 50px;
    display: inline-block;
}

.ultima_milla_imagen_futuro_entrega p::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(138deg, rgba(24, 68, 135, 0.3)0%, rgba(26, 67, 133, 0.3)26%, rgba(34, 65, 128, 0.3)41%, rgba(49, 61, 120, 0.3)53%, rgba(69, 56, 109, 0.3)65%, rgba(90, 50, 95, 0.3)75%, rgba(127, 42, 77, 0.3)84%, rgba(164, 33, 56, 0.3)93%, rgba(203, 24, 35, 0.3)100%);
    overflow: hidden;
}

/* .ultima_milla_bloque_sin_titulo h2, */
.ultima_milla_texto_futuro_entrega h2,
.ultima_milla_datos_alliance_titulo h2,
.ultima_milla_texto_cultura_hiperservicio h2,
.ultima_milla_texto_retos_logistica h2,
.ultima_milla_titulo_autores h2,
.ultima_milla_bloque_autor h3,
.ultima_milla_bloque_autor h4 {
    font-style: normal;
    font-family: 'Poppins-SemiBold';
}

/* .ultima_milla_bloque_sin_titulo p, */
.ultima_milla_texto_futuro_entrega p,
.ultima_milla_texto_cultura_hiperservicio p,
.ultima_milla_texto_retos_logistica p,
.ultima_milla_bloque_imagen_coches_alliance p,
.ultima_milla_bloque_imagen_co2_alliance p {
    font-family: 'Poppins-Regular';
}

.ultima_milla_bloque_imagen_coches_alliance span,
.ultima_milla_bloque_imagen_co2_alliance span {
    font-family: 'Poppins-SemiBold';
    font-size: 62px;
    color: #184487;
}

.ultima_milla_texto_futuro_entrega,
.ultima_milla_texto_cultura_hiperservicio,
.ultima_milla_texto_retos_logistica {
    padding: 120px 126px 20px 126px;
}

.ultima_milla_texto_retos_logistica p {
    font-size: 20px;
}

/* .ultima_milla_bloque_sin_titulo {
    padding: 50px 20px;
    overflow: hidden;
} */

/* .ultima_milla_bloque_sin_titulo h2 {
    text-align: center;
} */

/* .ultima_milla_bloque_sin_titulo h2::before,
.ultima_milla_bloque_sin_titulo h2::after {
    background-color: #6B96CF;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 50%;
} */

/* .ultima_milla_bloque_sin_titulo h2::before {
    right: 0.5em;
    margin-left: -50%;
} */

/* .ultima_milla_bloque_sin_titulo h2::after {
    left: 0.5em;
    margin-right: -50%;
} */

/* .ultima_milla_bloque_sin_titulo p:nth-child(3) {
    margin: 25px auto;
    text-align: center;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    padding: 10px;
    background-color: #f5f5f7;
} */

.ultima_milla_seccion_datos_alliance {
    background: transparent url(../img/fondo-Alliance.png) 0% 0% repeat-x padding-box;
    background-color: rgba(107, 150, 207, 0.1);
    text-align: center;
    min-height: 600px;
    align-items: center;
    background-position: center;
    color: #303555;
}



.ultima_milla_bloque_imagen_coches_alliance,
.ultima_milla_bloque_imagen_co2_alliance {
    max-width: 80%;
    margin: 0 auto;
    vertical-align: middle;
}


.ultima_milla_bloque_imagen_coches_alliance p:nth-child(2),
.ultima_milla_bloque_imagen_co2_alliance p:nth-child(2) {
    font-size: 30px;
    color: #184487;
}

.ultima_milla_bloque_imagen_coches_alliance p:nth-child(3),
.ultima_milla_bloque_imagen_co2_alliance p:nth-child(3) {
    font-size: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

.ultima_milla_texto_cultura_hiperservicio span {
    font: normal normal 600 90px/37px 'Poppins-SemiBold';
    color: #FFFFFF;
    -webkit-text-stroke: 1px #CB182380;
}

.ultima_milla_texto_retos_logistica span {
    font: normal normal 600 90px/37px 'Poppins-SemiBold';
    color: #FFFFFF;
    -webkit-text-stroke: 1px #6B96CF;
    text-align: right;
    display: block;
}

.ultima_milla_texto_futuro_entrega h2,
.ultima_milla_texto_cultura_hiperservicio h2,
.ultima_milla_texto_retos_logistica h2,
.ultima_milla_titulo_autores h2 {
    position: relative;
    z-index: 10;
    font-size: 40px;
}

.ultima_milla_texto_cultura_hiperservicio h2::after {
    content: '';
    background-color: #CB182380;
    position: absolute;
    bottom: 0px;
    left: -126px;
    display: block;
    height: 24px;
    width: 400px;
    z-index: -1;
}

.ultima_milla_texto_retos_logistica h2,
.ultima_milla_texto_futuro_entrega h2 {
    text-align: right;
    padding-left: 52%;
    font-size: 40px;
    margin-bottom: 1em;
    margin-top: 0.5em;
    color: #303555;
}

.ultima_milla_texto_retos_logistica h2::after,
.ultima_milla_texto_futuro_entrega h2::after {
    content: '';
    background-color: #6B96CF;
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
    height: 24px;
    width: 160px;
    z-index: -1;
    /* opacity: 0.4; */
}

.ultima_milla_imagen_cultura_hiperservicio p,
.ultima_milla_imagen_retos_logistica p {
    position: relative;
}

.ultima_milla_imagen_cultura_hiperservicio p::after {
    content: '';
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    position: absolute;
    bottom: -1px;
    left: -1px;
}

.ultima_milla_imagen_retos_logistica p::after {
    content: '';
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    position: absolute;
    top: -1px;
    right: 0px;
}

.ultima_milla_titulo_autores h2::after {
    content: '';
    background-color: #6B96CF;
    position: absolute;
    bottom: 3px;
    left: -1.5em;
    display: block;
    height: 22px;
    width: 174px;
    z-index: -1;
    /* opacity: 0.4; */
}

.ultima_milla_seccion_descargar_informe {
    text-align: center;
    height: 220px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    /* background: transparent linear-gradient(96deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%,
  #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%) 0% 0% no-repeat padding-box; */
    margin-top: 2em;
    background: transparent linear-gradient(96deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%, #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%) 0% 0% no-repeat padding-box;
}

.ultima_milla_texto_descargar_informe {
    color: #FFFFFF;
    font-size: 40px;
    font-family: 'Poppins-Semibold';
    display: inline-block;
    margin: 0 65px;
    margin-top: 0;
}

.ultima_milla_bloque_descargar_informe {
    width: auto;
    height: 60px;
    background-color: #FFFFFF;
    border-radius: 50px;
    display: inline-block;
    padding: 15px 0;
    margin: 0 25px;
}

.ultima_milla_descargar_informe span {
    padding-left: 10px;
}

.ultima_milla_seccion_autores {
    margin: 25px;
    height: fit-content;
}

.ultima_milla_bloque_autor {
    background-color: #ffffff;
    border: 1px solid #e1e2e3;
    text-align: center;
    margin: 25px auto;
    padding: 30px;
    min-height: 550px;
    width: 340px;
}

.ultima_milla_bloque_autor p:nth-child(4) {
    justify-content: space-between;
    display: flex;
    width: fit-content;
    margin: 0 auto;
}

.ultima_milla_bloque_compartir {
    text-align: center;
    border: 1px solid black;
    width: 150px;
    margin: 50px auto;
    height: 45px;
    color: #184487;
    font-family: 'Poppins-Regular';
    border-radius: 12px;
    display: flex;
    justify-content: center;
    padding: 8px;
}

.ultima_milla_seccion_compartir {
    height: fit-content;
}

.ultima_milla_bloque_compartir img {
    margin-right: 10px;
}

@media (max-width: 578px) {

    .ultima_milla_seccion_datos_alliance,
    .ultima_milla_seccion_autores,
    .ultima_milla_seccion_retos_logistica,
    .ultima_milla_seccion_cultura_hiperservicio {
        flex-direction: column;
        height: fit-content;
    }

    .ultima_milla_imagen_futuro_entrega p {
        bottom: 0;
    }

    .ultima_milla_bloque_imagen_coches_alliance,
    .ultima_milla_bloque_imagen_co2_alliance {
        width: 100%;
        vertical-align: middle;
    }

    .ultima_milla_seccion_cabecera {
        height: 300px;
        padding: 50px auto;
    }

    .ultima_milla_futuros_visibles {
        width: fit-content;
        max-width: fit-content;
        font-size: 40px;
        text-align: right;
    }

    .ultima_milla_titulo_cabecera {
        font-size: 40px;
        text-align: center;
        width: fit-content;
        max-width: fit-content;
        margin: 0 auto;
        padding: 0;
    }

    .ultima_milla_seccion_datos_alliance {
        padding: 50px 10px 50px 10px !important;
    }

    .ultima_milla_imagen_cultura_hiperservicio p::after {
        background-color: transparent;
        position: absolute;
    }

    .ultima_milla_imagen_retos_logistica p::after {
        background-color: transparent;
        position: absolute;
    }

    .ultima_milla_seccion_descargar_informe {
        text-align: center;
        height: auto;
        display: flex;
        align-items: center;
        background: transparent linear-gradient(96deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%, #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%) 0% 0% no-repeat padding-box;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .ultima_milla_bloque_descargar_informe {
        width: 300px;
        height: 60px;
        background-color: #FFFFFF;
        border-radius: 50px;
        margin: 0 auto;
        padding: 15px 0;
    }
}

@media (max-width: 768px) {

    .ultima_milla_seccion_futuro_entrega,
    .ultima_milla_seccion_datos_alliance,
    .ultima_milla_seccion_autores,
    .ultima_milla_seccion_retos_logistica,
    .ultima_milla_seccion_cultura_hiperservicio {
        flex-direction: column;
        height: fit-content;
    }

    .ultima_milla_imagen_futuro_entrega p {
        bottom: 0;
    }

    .ultima_milla_bloque_imagen_coches_alliance,
    .ultima_milla_bloque_imagen_co2_alliance {
        width: 100%;
        vertical-align: middle;
    }

    .ultima_milla_imagen_cultura_hiperservicio p::after {
        background-color: transparent;
        position: absolute;
    }

    .ultima_milla_imagen_retos_logistica p::after {
        background-color: transparent;
        position: absolute;
    }

    .ultima_milla_texto_descargar_informe,
    .ultima_milla_bloque_descargar_informe {
        display: block;
    }

    .ultima_milla_bloque_descargar_informe {
        margin: 0 auto;
    }
}

@media (max-width: 976px) {

    .ultima_milla_seccion_datos_alliance,
    .ultima_milla_seccion_autores,
    .ultima_milla_seccion_retos_logistica,
    .ultima_milla_seccion_cultura_hiperservicio {
        flex-direction: column;
    }

    .ultima_milla_seccion_datos_alliance {
        padding: 50px;
    }

    .ultima_milla_datos_alliance_titulo {
        margin-bottom: 30px;
    }

    .ultima_milla_bloque_imagen_coches_alliance,
    .ultima_milla_bloque_imagen_co2_alliance {
        width: 100%;
        vertical-align: middle;
    }

    .ultima_milla_imagen_cultura_hiperservicio p::after {
        background-color: transparent;
        position: absolute;
    }

    .ultima_milla_imagen_retos_logistica p::after {
        background-color: transparent;
        position: absolute;
    }

    .ultima_milla_bloque_autor {
        width: 90%;
    }
}

@media (max-width: 1366px) {
    .ultima_milla_seccion_autores {
        flex-direction: column;
        align-items: flex-start;
        margin: 25px;
    }

    .ultima_milla_bloque_autor {
        width: 90%;
        margin: 5%;
    }

    .ultima_milla_seccion_compartir {
        margin: 50px 0;
    }
}

/**********************************************************************/
.futuros_visibles_seccion_cabecera .ine-breadcrum ol,
.bicicleta_seccion_cabecera .ine-breadcrum ol,
.ultima_milla_seccion_cabecera .ine-breadcrum ol,
.impulsa_header .ine-breadcrum ol,
.node--type-tecnologias .ine-breadcrum ol,
.tecno-header {
    text-align: left;
    padding-top: 0px;
    font-family: 'Poppins-Regular';
    font-size: 16px;
}

.tecno-header .ine-breadcrum {
    margin-top: 2px;
}

.impulsa_header .ine-breadcrum ol li>a {
    font-family: 'Poppins-Regular';
}

/********** Bicicleta en la ciudad ***********************/
.bicicleta_seccion_cabecera {
    padding-right: 120px;
    padding-top: 0;
    text-align: right;
    letter-spacing: 0px;
    font-size: 60px;
    font-style: normal;
    font-family: 'Poppins-SemiBold';
    color: #F9F9FA;
    text-align: right;
    background: transparent url(../img/fondo_ultima_milla.png) 0% 0% no-repeat padding-box;
    /* height: 400px; */
    background-size: cover;
}

.bicicleta_futuros_visibles {
    font-style: normal;
    font-family: 'Poppins-SemiBold';
    text-align: left;
    padding-left: 50px;
    text-transform: uppercase;
}

.titulo_cabecera_raya_azul h1 {
    line-height: 1.2em;
    font-style: normal;
    font-size: 60px;
    font-family: 'Poppins-SemiBold';
    text-align: left;
    /* padding-left: 50px; */
    text-transform: uppercase;
}

.titulo_cabecera_raya_azul h1::after {
    background: #6B96CF;
    content: " ";
    display: block;
    width: 4.4em;
    margin-top: -0.6em;
    margin-left: -65px;
    height: 0.53em;
}

.path-impulsa-bicicleta .bicicleta_futuros_visibles p::after,
.path-promotes-bycicle-in-the-city .bicicleta_futuros_visibles p::after,
.path-impulsa-ultima-milla .ultima_milla_futuros_visibles p::after,
.path-promotes-last-mile .ultima_milla_futuros_visibles p::after,
.path-impulsa-conectadosconelespacio .ultima_milla_futuros_visibles p::after,
.path-promotes-connectedbyspace .ultima_milla_futuros_visibles p::after {
    background: #6B96CF;
    content: " ";
    display: block;
    width: 4.4em;
    margin-left: -1.25em;
    margin-top: -0.6em;
    height: 0.53em;
}

.path-impulsa-bicicleta .bicicleta_video p,
.path-promotes-bycicle-in-the-city .bicicleta_video p {
    margin-bottom: 0;
}

.bicicleta_titulo_cabecera {
    font-style: normal;
    font-family: 'Poppins-SemiBold';
    padding-right: 50px;
}

.bicicleta_video {
    position: relative;
}

.bicicleta_video span {
    position: absolute;
    font-style: normal;
    font-family: 'Poppins-SemiBold';
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.bicicleta_video span::before {
    content: '';
    width: 100px;
    height: 100px;
    background-color: #ffffff;
    display: block;
    text-align: center;
    border-radius: 50px;
    margin: 0 auto;
}

.bicicleta_seccion_video_texto {
    background-color: rgba(107, 150, 207, 0.1);
}

.bicicleta_video img {
    height: 465px;
    /* max-height: 465px; */
}

.bicicleta_video_texto {
    padding: 20px;
    padding-right: 0;
}

.bicicleta_video_texto .field--name-body p,
.bicicleta_video_texto .field--name-body h2 {
    padding-right: 10px;
}

.bicicleta_video_texto h2,
.bicicleta_bloque_sin_titulo h2,
.bicicleta_barometro_titulo,
.bicicleta_ciudades_texto h2,
.bicicleta_texto_recuperacion h2,
.bicicleta_reto_cuota_texto h2,
.bicicleta_titulo_autor h2 {
    font-style: normal;
    font-family: 'Poppins-SemiBold';
}

.bicicleta_video_texto p,
.bicicleta_bloque_sin_titulo p,
.bicicleta_ciudades_texto p,
.bicicleta_texto_recuperacion p,
.bicicleta_reto_cuota_texto p,
.bicicleta_reto_cuota_texto ul li,
.bicicleta_datos_autor p {
    font-family: 'Poppins-Regular';
}

.bicicleta_video_texto h2 {
    position: relative;
    text-align: right;
    padding-left: 40%;
    margin-bottom: 1em;
    margin-top: 1.5em;
}

.bicicleta_video_texto h2::after {
    background-color: #00439d;
    position: absolute;
    display: block;
    height: 0.5em;
    z-index: 1;
    width: 6em;
    right: 0;
    margin-top: -0.6em;
    content: "";
    opacity: 0.56;
}

.bicicleta_video_texto p,
.bicicleta_bloque_sin_titulo p {
    font-family: 'Poppins-Regular';
}

.bicicleta_bloque_sin_titulo {
    height: 400px;
    padding: 50px 20px;
    overflow: hidden;
}

.bicicleta_bloque_sin_titulo h2 {
    text-align: center;
}

.bicicleta_bloque_sin_titulo h2::before,
.bicicleta_bloque_sin_titulo h2::after {
    background-color: #6B96CF;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.bicicleta_bloque_sin_titulo h2::before {
    right: 0.5em;
    margin-left: -50%;
}

.bicicleta_bloque_sin_titulo h2::after {
    left: 0.5em;
    margin-right: -50%;
}

.bicicleta_bloque_sin_titulo p {
    font-family: 'Poppins-Regular';
    text-align: center;
}

/*
.bicicleta_bloque_sin_titulo p:nth-child(3) {
    margin: 25px auto;
    text-align: center;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    padding: 10px;
    background-color: #f5f5f7;
}*/

.bicicleta_seccion_datos_barometro {
    background: transparent url(../img/bicicleta-fondo-barometro.png) 0% 0% repeat-x padding-box;
    background-color: rgba(107, 150, 207, 0.1);
    background-position: center;
    padding: 50px;
    color: #303555;
}

.bicicleta_seccion_datos_barometro img {
    max-height: 135px;
}

.bicicleta_bloque_imagen_bicicleta p,
.bicicleta_bloque_imagen_pedal p,
.bicicleta_bloque_imagen_tienda p {
    color: #303555;
    font-size: 25px;
    font-family: 'Poppins-Regular';
    /* padding-left: 160px; */
    /* padding-right: 160px; */
}

.bicicleta_bloque_imagen_bicicleta p:nth-child(2),
.bicicleta_bloque_imagen_pedal p:nth-child(2),
.bicicleta_bloque_imagen_tienda p:nth-child(2) {
    color: #184487;
    font-size: 50px;
    font-family: 'Poppins-Semibold';
}

.bicicleta_ciudades_texto span {
    font: normal normal 600 90px/37px 'Poppins-SemiBold';
    color: #FFFFFF;
    -webkit-text-stroke: 1px #CB182380;
}

.bicicleta_reto_cuota_texto span {
    font: normal normal 600 90px/37px 'Poppins-SemiBold';
    color: #FFFFFF;
    -webkit-text-stroke: 1px #6B96CF;
    text-align: right;
    display: block;
}

.bicicleta_ciudades_texto h2,
.bicicleta_reto_cuota_texto h2,
.bicicleta_titulo_autor h2 {
    position: relative;
    z-index: 10;
}

.bicicleta_ciudades_texto h2::after {
    content: '';
    background-color: #CB182380;
    position: absolute;
    bottom: 0px;
    left: -60px;
    display: block;
    height: 20px;
    width: 218px;
    z-index: -1;
}

.bicicleta_ciudades_texto h2 {
    padding-right: 30%;
    text-align: left;
}

.bicicleta_reto_cuota_texto h2 {
    text-align: right;
    padding-left: 40%;
}

.bicicleta_reto_cuota_texto h2::after {
    content: '';
    background-color: #6B96CF;
    position: absolute;
    bottom: 0;
    right: -60px;
    display: block;
    height: 20px;
    width: 7.2em;
    z-index: -1;
}

.bicicleta_titulo_autor h2::after {
    content: '';
    background-color: #6B96CF;
    position: absolute;
    bottom: 0;
    left: -13px;
    display: block;
    height: 22px;
    width: 4.5em;
    z-index: -1;
}

.bicicleta_ciudades_imagen {
    position: relative;
    top: 50px;
}

.bicicleta_ciudades_imagen p {
    text-align: right;
}

.bicicleta_reto_cuota_imagen {
    position: relative;
    bottom: 50px;
}

.bicicleta_seccion_recuperacion_transformacion_resilencia {
    background-color: rgba(107, 150, 207, 0.1);
    height: 500px;
    text-align: center;
    align-items: center;
    display: flex;
}

.bicicleta_texto_recuperacion p {
    width: 60%;
    margin: 0 auto;
    color: #184487;
    font-size: 24px;
}

.bicicleta_seccion_descargar_informe {
    text-align: center;
    height: 200px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    background: transparent linear-gradient(96deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%, #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%) 0% 0% no-repeat padding-box;
}

.bicicleta_texto_descargar_informe {
    color: #FFFFFF;
    font-size: 24px;
    font-family: 'Poppins-Semibold';
    display: inline-block;
    height: 60px;
    margin: 0 25px;
}

.bicicleta_bloque_descargar_informe {
    /* width: 300px; */
    height: 60px;
    background-color: #FFFFFF;
    border-radius: 50px;
    display: inline-block;
    padding: 15px 0;
    margin: 0 25px;
}

.bicicleta_bloque_descargar_informe span {
    padding-left: 10px;
}

.bicicleta_seccion_autor {
    align-items: center;
}

.bicicleta_bloque_compartir {
    text-align: center;
    border: 1px solid black;
    width: 150px;
    margin: 0 auto;
    height: 42px;
    color: #184487;
    font-family: 'Poppins-Regular';
    border-radius: 12px;
    display: flex;
    justify-content: center;
    padding: 6px;
}

.bicicleta_bloque_compartir img {
    margin-right: 10px;
}

.bicicleta_seccion_autor,
.bicicleta_ciudades_texto,
.bicicleta_reto_cuota_texto {
    padding: 60px 20px;
}

.path-impulsa-bicicleta .bicicleta_reto_cuota_texto,
.path-promotes-bycicle-in-the-city .bicicleta_reto_cuota_texto {
    padding: 80px 60px;
}

.bicicleta_datos_autor p:nth-child(5) {
    display: flex;
    justify-content: space-between;
    max-width: 100px;
}

.ultima_milla_bloque_descargar_informe a,
.bicicleta_bloque_descargar_informe a {
    text-decoration: none;
    color: #184487;
    font-family: 'Poppins-SemiBold';
    font-size: 18px;
    padding-right: 2em;
    padding-left: 2em;
}

.ultima_milla_bloque_descargar_informe a img,
.bicicleta_bloque_descargar_informe a img {
    margin-left: 1em;
}

.ultima_milla_bloque_autor .field--name-body.field__item p:nth-child(1) {
    background-image: url(../../../../sites/default/files/2023-02/fondo_autor.png);
    background-position-y: 0;
    background-position-x: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.ultima_milla_bloque_autor .field--name-body.field__item p:nth-child(1) img {
    width: 64%;
    margin-top: 36px;
    margin-bottom: 30px;
}

@media (max-width: 578px) {
    .bicicleta_seccion_cabecera {
        height: 300px;
        padding: 50px auto;
    }

    .bicicleta_futuros_visibles {
        width: fit-content;
        /* max-width: fit-content; */
        font-size: 40px;
        text-align: right;
        padding-left: 10px !important;
    }

    .bicicleta_titulo_cabecera {
        font-size: 40px;
        text-align: center;
        width: fit-content;
        max-width: fit-content;
        margin: 0 auto;
        padding: 0;
    }

    .bicicleta_seccion_video_texto {
        flex-direction: column;
    }

    .bicicleta_seccion_video_texto {
        height: auto;
        max-height: fit-content;
        flex-direction: column;
    }

    .bicicleta_bloque_sin_titulo {
        height: fit-content;
    }

    .bicicleta_bloque_sin_titulo p {
        font-size: 20px;
    }

    .bicicleta_barometro_titulo {
        margin-bottom: 60px;
        padding: 0 25%;
    }

    .bicicleta_seccion_datos_barometro {
        height: fit-content;
        flex-direction: column;
        align-items: center;
    }

    .bicicleta_ciudades_texto,
    .bicicleta_reto_cuota_texto {
        padding: 50px 20px;
    }

    .bicicleta_ciudades_texto h2,
    .bicicleta_reto_cuota_texto h2 {
        margin: 40px 0;
    }

    .bicicleta_ciudades_texto h2 {
        padding-right: 20%;
    }

    .bicicleta_reto_cuota_texto h2 {
        text-align: right;
        padding-left: 20%;
        margin-bottom: 1em;
    }

    .bicicleta_ciudades_imagen {
        top: 0px;
    }

    .bicicleta_seccion_recuperacion_transformacion_resilencia {
        height: 600px;
    }

    .bicicleta_seccion_descargar_informe {
        text-align: center;
        height: 200px;
        display: flex;
        align-items: center;
        background: transparent linear-gradient(96deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%, #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%) 0% 0% no-repeat padding-box;
    }

    /* .bicicleta_bloque_descargar_informe {
        width: 300px;
        height: 60px;
        background-color: #FFFFFF;
        border-radius: 50px;
        margin: 0 auto;
        padding: 15px 0;
    } */

    .bicicleta_seccion_autor {
        align-items: start;
    }

    .bicicleta_seccion_autor,
    .bicicleta_ciudades_texto,
    .bicicleta_reto_cuota_texto {
        padding: 60px 20px;
    }

    .bicicleta_datos_autor p:nth-child(4) {
        margin: 0 auto;
        text-align: center;
        display: flex;
        justify-content: space-evenly;
        max-width: 200px;
    }
}

@media (max-width: 768px) {

    .bicicleta_seccion_ciudades,
    .bicicleta_seccion_video_texto,
    .bicicleta_seccion_autor {
        flex-direction: column;
    }

    .bicicleta_seccion_video_texto {
        height: fit-content;
        max-height: fit-content;
    }

    .bicicleta_video_texto h2 {
        padding-left: 40%;
    }

    .bicicleta_seccion_datos_barometro {
        height: fit-content;
        flex-direction: column;
        align-items: center;
    }

    .bicicleta_barometro_titulo {
        margin-bottom: 60px;
        padding: 0 25%;
    }

    .bicicleta_seccion_autor,
    .bicicleta_ciudades_texto,
    .bicicleta_reto_cuota_texto {
        padding: 60px 20px;
    }

    .bicicleta_ciudades_imagen {
        top: 0px;
    }

    .bicicleta_ciudades_texto h2 {
        padding-right: 100px;
    }

    .bicicleta_seccion_recuperacion_transformacion_resilencia {
        height: 600px;
    }

    .bicicleta_texto_descargar_informe,
    .bicicleta_bloque_descargar_informe {
        display: block;
    }

    .bicicleta_bloque_descargar_informe {
        margin: 0 auto;
    }

    .bicicleta_seccion_autor {
        align-items: start;
    }

    .bicicleta_imagen_autor {
        text-align: center;
    }

    .bicicleta_datos_autor p:nth-child(4) {
        margin: 0 auto;
        text-align: center;
        display: flex;
        justify-content: space-evenly;
        max-width: 200px;
    }
}

@media (max-width: 976px) {

    .bicicleta_seccion_ciudades,
    .bicicleta_seccion_autor,
    .bicicleta_seccion_reto_cuota,
    .bicicleta_seccion_video_texto {
        flex-direction: column;
    }

    .bicicleta_seccion_autor,
    .bicicleta_ciudades_texto,
    .bicicleta_reto_cuota_texto {
        padding: 60px 20px;
    }

    .bicicleta_ciudades_imagen {
        top: 0px;
    }

    .bicicleta_imagen_autor {
        margin: 0 auto;
        text-align: center;
    }

    .bicicleta_video_texto h2 {
        padding-left: 40%;
    }

    .bicicleta_seccion_autor {
        align-items: start;
    }

    .bicicleta_datos_autor p:nth-child(4) {
        margin: 0 auto;
        text-align: center;
        display: flex;
        justify-content: space-evenly;
        max-width: 200px;
    }
}

@media (max-width: 1366px) {
    .bicicleta_video_texto h2 {
        padding-left: 40%;
    }

    .bicicleta_seccion_ciudades {
        position: relative;
    }

    .bicicleta_ciudades_imagen {
        top: 50px;
    }

    .bicicleta_seccion_autor,
    .bicicleta_ciudades_texto,
    .bicicleta_reto_cuota_texto {
        padding: 60px 20px;
    }

    .bicicleta_datos_autor p:nth-child(4) {
        justify-content: space-between;
        max-width: 100px;
    }
}

.bicicleta_seccion_ciudades .bicicleta_ciudades_texto {
    padding: 80px 30px 0 60px;
}

.path-impulsa-bicicleta .bicicleta_seccion_autor .layout__region.layout__region--first,
.path-promotes-bycicle-in-the-city .bicicleta_seccion_autor .layout__region.layout__region--first {
    flex: 0 1 12em;
}

.path-impulsa-bicicleta .bicicleta_seccion_autor .layout__region.layout__region--third,
.path-promotes-bycicle-in-the-city .bicicleta_seccion_autor .layout__region.layout__region--third {
    flex: 0 1 37em;
    margin-left: -1em;
}

.path-impulsa-bicicleta .bicicleta_titulo_autor h2,
.path-promotes-bycicle-in-the-city .bicicleta_titulo_autor h2 {
    padding-left: 1em;
}

.path-impulsa-conectadosconelespacio .ultima_milla_seccion_datos_alliance,
.path-promotes-connectedbyspace .ultima_milla_seccion_datos_alliance {
    background: transparent url(/ineco/sites/default/files/2023-02/navegacion%20en%20el%20espacio.png) 0% 0% repeat-x padding-box;
    background-color: #f1f5fb;
    text-align: center;
    min-height: 600px;
    align-items: center;
    background-position: center;
    color: #303555;
}


.bloque_compartir .ine-share {
    position: relative;
    display: inline-block;
    width: 100%;
    border: 1px solid #DCDCDC;
    border-radius: 12px;
}

.bloque_compartir .ine-share p {
    margin: 0;
}

.bloque_compartir .ine-share p a {
    font-family: "Poppins-Regular";
    font-size: 16px;
    color: #184487;
    /* border: 1px solid #DCDCDC; */
    /* border-radius: 12px; */
    padding: 6px 12px 6px 40px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    margin-top: 2px;
}

.bloque_compartir .ine-share p a::before {
    content: "";
    background: url('../img/ine-share.png') no-repeat top left;
    width: 100%;
    height: 100%;
    left: 10px;
    position: absolute;
}

.bloque_compartir .ine-share-click {
    font-family: "Poppins-Regular";
    font-size: 16px;
    border: 1px solid #DCDCDC;
    border-radius: 12px;
    padding: 0;
    padding-right: 1em;
    text-decoration: none;
    display: flex;
    flex-wrap: nowrap;
    margin-top: -1px;
    margin-left: -1px;
    background-color: #6B96CF;
    position: absolute;
    top: 0;
    left: -50%;
    width: max-content;
    /* visibility: hidden; */
}

.bloque_compartir .ine-share-click p a {
    color: #fff;
    text-decoration: none;
}

.bloque_compartir .ine-share-click p a::before {
    content: "";
    background: url('../img/ine-sharew.png') no-repeat top left;
    width: 40px;
    height: 100%;
    left: 10px;
    position: absolute;
}

.bloque_compartir .ine-share-click ul {
    list-style: none;
    display: flex;
    padding-left: 10px;
    margin-bottom: 0;
    align-items: center;
}

.bloque_compartir .ine-share-click li {
    display: inline-block;
    padding-right: 6px;
}

.bloque_compartir {
    margin: 50px auto;
    color: #184487;
    font-family: 'Poppins-Regular';
    display: flex;
    justify-content: center;
}

.fondo_404 {
    background: url(../../../../sites/default/files/2023-03/fondo_404.png) repeat;
    background-size: cover;
    background-color: #004b96;
    padding: 100px;
}

.fondo_blanco_y_margen {
    background-color: #FFFFFF;
    padding: 90px 150px;
    width: 50%;
    font-size: 24px;
    margin: 0 auto;
}

.fondo_blanco_y_margen a {
    text-decoration: none !important;
    color: #000000;
    font-weight: bold;
}

@media (max-width: 500px) {
    .fondo_404 {
        padding: 50px 0px;
    }

    .fondo_blanco_y_margen {
        padding: 90px 150px;
        width: 90%;
        font-size: 18px;
    }
}

nav .navbar-toggler {
    border-radius: var(--bs-navbar-toggler-border-radius) 0px 0px var(--bs-navbar-toggler-border-radius);
    top: -50px;
    position: relative;
    padding-left: 5px;
    padding-right: 8px;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2824, 68, 135, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

article.node--type-pagina .futuros_visibles_seccion_imagenes p a {
    width: calc(100% - 80px);
}

article.node--type-pagina .futuros_visibles_seccion_imagenes a.fullover {
    position: relative;
    bottom: unset;
    left: unset;
}

.path-comunicacion #block-redessocialesfooter-2,
.path-communication #block-redessocialesfooter-2 {
    display: none;
}

.bloque_grid_tecnologias .tv-top-banner {
    height: 0px;
    display: none !important;
    flex: none !important;
}

@media (max-width: 575px) {

    .path-comunicacion #block-redessocialesfooter-2,
    .path-communication #block-redessocialesfooter-2 {
        display: none;
    }
}

/*************************************************************/
/* start global */
body {
    font-family: 'Poppins-Regular';
    color: #303555;
}

nav.menu--menu-footer-comunicacion .nav-link,
nav.menu--menu-footer .nav-link {
    font-size: 16px;
}

.ultima_milla_datos_alliance_titulo h2 {
    color: #303555;
}

.field--name-field-texto-franja-azul table td {
    border: none;
    background-color: #eef2f9;
}

.field--name-field-texto-franja-azul table {
    width: 75%;
    margin: auto;
    margin-top: 1em
}

.field--name-field-texto-franja-azul table h1 {
    font-size: 60px;
    font-family: 'Poppins-SemiBold';
}

.field--name-field-texto-franja-azul table {
    background: transparent;
}


#block-ineco-bootstrap-barrio-content .node__content.clearfix {
    margin-top: 0;
}

/* end global */

/* start desktop */
@media (min-width: 1366px) {

    .ultima_milla_bloque_autor {
        position: relative;
        width: 85%;
    }

    .autor-overlay {
        position: absolute;
        top: 0;
        padding: 25px;
        width: 100%;
        height: 100%;
        left: 0;
        background: white;
    }

    .autor-overlay h3 {
        margin-bottom: 1.8em;
        font-size: 1.5em;
        display: inline-block;
    }

    .autor-overlay h3::after {
        content: '';
        width: 100%;
        display: block;
        background: #6b96cf;
        height: 2px;
        margin-top: 0.8em;
    }

    .ultima_milla_bloque_autor:hover .autor-overlay {
        display: block !important;
    }

    .ultima_milla_titulo_autores {
        margin-top: 50%;
        margin-left: 30%;
    }

    .ultima_milla_titulo_autores h2 {
        letter-spacing: 4px;
    }

    .ultima_milla_imagen_retos_logistica.block.block-layout-builder.block-inline-blockbasic img {
        width: 100%;
        height: 900px;
    }

    .ultima_milla_texto_cultura_hiperservicio h2 {
        padding-right: 50%;
        font-size: 40px;
        margin-bottom: 1em;
        margin-top: 0.5em;
    }

    .ultima_milla_datos_alliance_titulo h2 {
        font-size: 40px;
        color: #303555;
        font-family: 'Poppins-SemiBold';
    }

    .ultima_milla_texto_cultura_hiperservicio {
        font-size: 20px;
    }

    .ultima_milla_seccion_datos_alliance {
        margin-bottom: 32px;
    }

    .ultima_milla_imagen_cultura_hiperservicio img {
        width: 100%;
    }

    .ultima_milla_seccion_datos_alliance {
        padding-top: 70px;
        padding-bottom: 120px;
    }

    .ultima_milla_datos_alliance_titulo {
        width: 100%;
        text-align: center;
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 3em;
    }

    /* .ultima_milla_bloque_sin_titulo h2 {
        font-size: 40px;
        margin-bottom: 1em;
    } */

    /* .ultima_milla_bloque_sin_titulo p {
        font-size: 20px;
    } */

    .ultima_milla_seccion_cabecera {
        height: auto;
    }

    .ultima_milla_titulo_cabecera,
    .bicicleta_titulo_cabecera {
        margin-top: 38px;
        padding-bottom: 56px;
    }

    .ultima_milla_imagen_futuro_entrega p {
        position: relative;
        bottom: 110px;
        display: inline-block;
    }

    .ultima_milla_texto_futuro_entrega h2 {
        padding-left: 40%;
        margin-bottom: 2em;
    }

    .ultima_milla_texto_futuro_entrega p {
        font-size: 20px;
        margin-top: 40px;
    }

    .ultima_milla_texto_futuro_entrega {
        padding: 110px 106px 20px 100px;
    }

    .ultima_milla_texto_futuro_entrega h2::after {
        right: -20px;
    }

    /* .ultima_milla_bloque_sin_titulo {
        padding: 0 20px 50px 20px;
        overflow: hidden;
        margin-top: -50px
    } */

    .ultima_milla_texto_retos_logistica h2 {
        padding-left: 50%;
    }

    #navbar-main ul>li>a {
        font-size: 16px;
        font-family: Poppins-Semibold;
        padding: 0px 0px;
        margin: 0 15px;
    }

    #header .header_logos {
        padding-bottom: 2em;
    }

    .impulsa-datos-destacados {
        padding-top: 2em;
    }

    .impulsa-areas-actividad-container.p-5 {
        padding-top: 1em !important;
    }

    .impulsa-futuros-visibles-titulo h2::after {
        opacity: 1;
    }

    .impulsa-futuros-visibles-titulo h2 {
        text-indent: -1em;
        margin-bottom: 1em;
        margin-top: 1em;
    }

    .impulsa-futuros-visibles-texto {
        padding-right: 3em;
    }

    .impulsa-futuros-visibles {
        padding-top: 5em;
        padding-bottom: 5em;
    }

    .impulsa-futuros-visibles-bicicleta::before,
    .impulsa-futuros-visibles-ultima-milla::before {
        transition: all 500ms ease;
        content: '';
        position: absolute;
        background: linear-gradient(to bottom right, rgba(24, 68, 135, 0.6)50%, rgba(127, 42, 77, 0.8));
        background-size: cover;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

    footer.site-footer hr {
        display: none;
    }

    .impulsa-tecnologias-titulo {
        text-align: center;
        width: 300px;
        margin: 60px auto;
    }

    .impulsa-tecnologias-titulo::after {
        content: '';
        background-color: #6B96Cf;
        position: absolute;
        bottom: -4px;
        left: -40px;
        display: block;
        height: 26px;
        width: 230px;
        z-index: -1;
        opacity: 0.4;
    }

    .impulsa-tecnologias .field--name-field-tecnologias .view-display-id-bloque_tecnologias .tv-view-content.d-flex {
        display: block !important;
    }

    .impulsa-subheader {
        margin-bottom: 30px
    }

    .impulsa-futuros-visibles-bicicleta-texto a:hover {
        color: #ffffff;
    }

    .ultima_milla_seccion_cabecera .ine-breadcrum ol,
    .bicicleta_seccion_cabecera .ine-breadcrum ol {
        padding-top: 50px;
    }

    .ultima_milla_seccion_cabecera .ine-breadcrum ol li,
    .bicicleta_seccion_cabecera .ine-breadcrum ol li {
        transition: none;
        transform: none;
    }

    .path-impulsa .ine-breadcrum a {
        font-family: 'Poppins-Regular';
    }

    .bicicleta_video_texto .field--name-body h2 {
        font-size: 40px;
    }

    .bicicleta_video_texto .field--name-body p {
        font-size: 20px;
        margin-bottom: 2em;
    }

    .bicicleta_video_texto {
        padding-left: 90px;
        padding-right: 80px
    }

    .bicicleta_video_texto h2::after {
        background-color: #00439d;
        position: absolute;
        display: block;
        height: 24px;
        z-index: 1;
        width: 7.5em;
        right: -80px;
        margin-top: -0.6em;
        content: "";
        opacity: 0.56;
    }

    .bicicleta_bloque_sin_titulo h2 {
        margin-top: 1em;
        font-size: 40px;
        margin-bottom: .8em;
    }

    .bicicleta_bloque_sin_titulo p {
        font-size: 20px;
    }

    .bicicleta_seccion_datos_barometro {
        padding-top: 5em;
    }

    .bicicleta_seccion_datos_barometro h2 {
        font-size: 40px;
        margin-bottom: 80px;
    }

    .bicicleta_bloque_imagen_bicicleta p,
    .bicicleta_bloque_imagen_pedal p,
    .bicicleta_bloque_imagen_tienda p {
        color: #303555;
        font-size: 25px;
        font-family: 'Poppins-Regular';
        padding-left: 160px;
        padding-right: 160px;
    }

    .bicicleta_seccion_datos_barometro {
        padding-bottom: 100px;
    }

    .bicicleta_seccion_ciudades .bicicleta_ciudades_texto {
        padding: 180px 0px 0 130px;
        font-size: 20px;
    }

    .bicicleta_ciudades_texto h2 {
        padding-right: 30%;
        margin-bottom: 2em;
        text-align: left;
        font-size: 40px;
    }

    .bicicleta_ciudades_texto h2::after {
        content: '';
        background-color: #CB182380;
        position: absolute;
        bottom: 0px;
        left: -130px;
        display: block;
        height: 24px;
        width: 324px;
        z-index: -1;
    }

    .bicicleta_texto_recuperacion h2 {
        font-size: 40px;
        margin-bottom: 1em;
    }

    .bicicleta_texto_recuperacion p {
        width: 77%;
        margin: 0 auto;
        color: #184487;
        font-size: 30px;
        /* margin-bottom: 50px; */
    }

    .bicicleta_seccion_recuperacion_transformacion_resilencia {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .bicicleta_reto_cuota_texto h2 {
        text-align: right;
        padding-left: 30%;
        font-size: 40px;
        margin-top: 1em;
        margin-bottom: 1.5em;
    }

    .bicicleta_reto_cuota_texto p,
    .bicicleta_reto_cuota_texto ul li {
        font-size: 20px;
        margin-bottom: 1em;
    }

    .bicicleta_reto_cuota_texto ul {
        margin-top: 3em;
    }

    .bicicleta_reto_cuota_texto ul li {
        margin-bottom: 1em
    }

    .path-impulsa-bicicleta .bicicleta_reto_cuota_texto {
        padding-left: 120px
    }

    .bicicleta_texto_descargar_informe {
        font-size: 40px;
    }

    .bicicleta_titulo_autor h2 {
        font-size: 40px;
    }

    .bicicleta_datos_autor h3 {
        font-size: 40px;
    }

    .bicicleta_datos_autor h4 {
        margin-bottom: 40px
    }

    .text-tecno-header {
        font-size: 30px;
        font-family: 'Poppins-SemiBold';
        font-weight: bold;
        line-height: 36px;
    }

    .field--name-field-item-franja-azul .field__item {
        flex: 0 1 50%;
    }

    .field--name-field-item-franja-azul.pb-4 {
        padding: 0 !important;
    }

    .node--type-tecnologias {
        font-family: 'Poppins-Regular';
    }

    .node--type-tecnologias .paragraph--type--texto-abierto {
        font-size: 18px;
    }

    .node--type-tecnologias .field--name-field-media-oembed-video iframe {
        width: 100%;
        max-width: 1320px;
        height: 744px;
        position: relative;
    }

    .node--type-tecnologias .paragraph--type--texto-abierto p {
        padding-bottom: 1em
    }

    .view-proyectos.view-id-proyectos .p-header-title {
        font-family: 'Poppins-SemiBold';
        font-size: 40px;
        max-width: 20em;
        width: 7em;
        display: block;
        padding-bottom: 15px;
        line-height: 53px;
        color: #303555;
    }

    .view-proyectos.view-id-proyectos .p-view-header>p {
        position: relative;
        z-index: 10;
    }

    .view-proyectos.view-id-proyectos .p-header-title::after {
        content: '';
        background-color: #6B96CF;
        top: 0.65em;
        left: -20px;
        position: absolute;
        display: block;
        height: 25px;
        width: 200px;
        opacity: 0.63;
        z-index: -1;
        color: #303555;
    }

    .field--name-field-videos-relacionados .field__label {
        font-family: 'Poppins-SemiBold';
        font-size: 40px;
        display: block;
        padding-bottom: 15px;
        line-height: 53px;
        color: #303555;
        margin-top: 2em;
        margin-bottom: 1.5em;
        position: relative;
        z-index: 10;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .field--name-field-videos-relacionados .field__label::after {
        content: '';
        z-index: -1;
        background-color: #6B96CF;
        top: 0.65em;
        position: absolute;
        display: block;
        height: 25px;
        width: 200px;
        opacity: 0.63;
        left: 21px;
        z-index: -1;
    }

    .impulsa-header .ine-breadcrum ol {
        padding-top: 50px;
    }

    .impulsa-header .pt-5 {
        padding-top: 30px;
    }

    /* end desktop */
}

/* ----------------------------------- Compartir ------------------------------------------------- */

/* end desktop */

/* start mobile */
@media (max-width:1365) {

    /* end mobile */
}

@media (max-width: 500px) {

    #navbar-main {
        position: fixed;
        right: 0;
        top: 140px !important;
        z-index: 5;
        background-color: transparent !important;
    }

    .portada-texto-imagen {
        padding: 10px;
    }

    .portada-texto-imagen h2 {
        font-size: 20px;
        padding-top: 60px;
    }

    .portada_banners .textos_banner {
        font-size: 17px;
        top: 10px;
        left: 10px;
        line-height: 1.1;
    }

    .portada_banners .textos_banner .banner_subtitulo {
        font-size: 10px;
        padding-top: 7px;
    }

    .portada_banners .textos_banner .banner_enlace {
        font-size: 9px;
        padding: 5px 15px 5px 15px;
    }

    .path-portada .view-vista-banners-portada .slick__arrow .slick-arrow {
        height: 35px;
        width: 35px;
    }

    .path-portada .view-vista-banners-portada .slick__arrow .slick-prev {
        left: calc(50% - 50px);
    }

    .path-portada .view-vista-banners-portada .slick__arrow .slick-next {
        right: calc(50% - 50px);
    }

    .portada_banners .slick__arrow {
        top: calc(100% + 34px);
    }

    .portada_banners .slick-prev.slick-arrow::before {
        font-size: 20px;
    }

    .portada_banners .slick-next.slick-arrow::before {
        font-size: 20px;
    }

    .portada-seccion-proyectos {
        margin-left: 0px;
        padding-left: 23px;
    }

    .portada-proyectos-texto h2,
    .portada-sectores-texto h2 {
        font-size: 24px;
    }

    .portada-proyectos-texto h2::after {
        bottom: -6px;
        height: 19px;
        left: -55px;
    }

    .portada-proyectos-texto p {
        font-size: 14px;
        line-height: 1.4em;
    }

    .portada-seccion-proyectos .view-proyectos .slick .slide {
        padding-right: 0px;
    }

    .views-field-field-imagen-proyectos a::after {
        right: 0px;
    }

    .views-field-field-imagen-proyectos a::before {
        width: calc(100% - 0px);
    }

    .portada-proyectos-texto {
        margin-left: -49px;
        padding-top: 30px;
    }

    .portada-proyectos-texto p,
    .portada-sectores-texto p,
    .portada-soluciones-subheader p {
        line-height: 1.4em;
        font-size: 14px;
        padding-right: 15px;
    }


    .view-proyectos .slick-next.slick-arrow {
        right: 40%;
    }

    .view-proyectos .slick-prev.slick-arrow {
        right: 15%;
    }


    .field--name-field-vista-referenciada .view-proyectos,
    .portada-seccion-proyectos .view-proyectos {
        padding: 50px 0px 50px 0px;
    }

    /*--- Para todos los sliders ---*/
    .slick-next.slick-arrow::before {
        font-size: 20px;
    }

    .slick-prev.slick-arrow::before {
        font-size: 20px;
    }

    .slick__arrow .slick-arrow {
        height: 35px;
        width: 35px;
    }

    .portada-sectores-texto h2 {
        /* padding-top: 70px; */
        text-align: right;
        font-size: 24px;
        margin-left: 1em;
    }

    .portada-sectores-texto {
        text-align: left;
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 42px;
    }

    .portada-sectores-texto h2::after {
        height: 19px;
        width: 123px;
        bottom: -6px;
        left: -58px;
    }

    .portada-proyectos-texto p,
    .portada-sectores-texto p,
    .portada-soluciones-subheader p {
        padding-right: 15px;
        padding-left: 15px;
    }

    .portada-soluciones-header .clearfix {
        margin-bottom: 0px;
        flex-wrap: wrap;
    }

    .portada-proyectos-texto a,
    .portada-proyectos-texto a:visited,
    .portada-sectores-enlace a,
    .portada-sectores-enlace a:visited,
    .portada-soluciones-header a,
    .portada-soluciones-header a {
        padding-top: 30px;
        padding-left: 15px;
    }

    .portada-slider-soluciones .slick-prev.slick-arrow {
        left: calc(50% - 50px);
    }

    .portada-slider-soluciones .slick-next.slick-arrow {
        right: calc(50% - 50px);
    }

    .ine-unacol h1 {
        font-size: 24px !important;
    }

    .portada-soluciones-header h1::after {
        bottom: -6px;
        height: 19px;
        width: 123px;
    }

    .portada-proyectos-texto p,
    .portada-sectores-texto p,
    .portada-soluciones-subheader p {
        font-size: 14px;
        line-height: 1.4em;
        color: #303555;
    }



    .portada-informacion-cifras {
        width: 100% !important;
        padding-bottom: 40px;
        height: unset;
    }

    .portada-informacion-cifras H1 {
        font-size: 40px !important;
        line-height: 23px;
        color: #303555;
    }

    .portada-informacion-cifras {
        font-size: 15px;
    }

    /*------ Impulsa movil ------------*/

    .ine-breadcrum ol {
        padding-top: 20px;
    }

    .ine-breadcrum li>a {
        font-size: 9px;
    }

    .impulsa-header-titulo {
        margin-top: -3.5rem;
        font-weight: 1;
    }

    .path-impulsa .content img {
        padding: 0px 30px 0px 30px;
    }

    .impulsa-subheader-texto {
        font-size: 16px;
        color: #303555;
        opacity: 0.8;
    }

    .p-5 {
        padding: 15px !important;
    }

    .impulsa-datos-destacados-titulo h2,
    .impulsa-futuros-visibles-titulo h2,
    .impulsa-tecnologias-titulo {
        font-size: 24px;
    }

    .impulsa-datos-destacados-titulo h2::after,
    .impulsa-futuros-visibles-titulo h2::after {
        width: 218px;
        bottom: -5px;
    }

    .impulsa-esfuerzo-datos,
    .impulsa-horas-datos {
        font-size: 40px;
    }

    .impulsa-datos-destacados-esfuerzo,
    .impulsa-datos-destacados-horas,
    .impulsa-areas-actividad,
    .impulsa-areas-actividad-listado,
    .impulsa-futuros-visibles-texto,
    .impulsa-datos-destacados-texto {
        padding-top: 40px;
    }

    .impulsa-datos-destacados {
        min-height: unset;
    }

    .impulsa-tecnologias {
        height: unset;
        margin-bottom: 40px;
    }

    .impulsa-datos-destacados-titulo h2,
    .impulsa-futuros-visibles-titulo h2,
    .impulsa-tecnologias-titulo {
        width: 200px;
    }

    .impulsa-datos-destacados-esfuerzo,
    .impulsa-datos-destacados-horas,
    .impulsa-areas-actividad,
    .impulsa-areas-actividad-listado,
    .impulsa-futuros-visibles-texto,
    .impulsa-datos-destacados-texto {
        font-size: 16px;
        opacity: 0.8;
    }

    .impulsa-futuros-visibles-bicicleta-texto,
    .impulsa-futuros-visibles-ultima-milla-texto,
    .impulsa-futuros-visibles-bicicleta-texto a,
    .impulsa-futuros-visibles-ultima-milla-texto a {
        font-size: 28px;
        line-height: 1.2;
    }

    .impulsa-futuros-visibles-bicicleta .content img {
        padding: 0px 0px 0px 0px;
    }

    .impulsa-futuros-visibles-bicicleta,
    .impulsa-futuros-visibles-ultima-milla {
        height: 80%;
    }

    .impulsa-tecnologias-titulo::after {
        bottom: -8px;
    }

    .tv-titulo {
        font-size: 22px;
        font-family: 'Poppins-Semibold';
    }

    /* .tv-icono {
        width: 70px;
    } */

    .menu--menu-footer-comunicacion .nav-link,
    .menu--menu-footer .nav-link {
        font-size: 12px;
        line-height: 0.3em;
    }



    .portada-seccion-imagen img {
        height: 200px !important;
    }

    .portada_banners .textos_banner .banner_titulo {
        font-size: 13px;
    }

    .portada_banners .textos_banner .banner_subtitulo {
        padding-bottom: 17px;
    }

    .portada_banners .textos_banner {
        width: 50%;
    }

    .portada_banners .slick__slide:nth-child(1n) .textos_banner {
        top: 10px;
        padding-right: 10px;
        width: 65%;
        overflow: auto;
    }

    .portada-seccion-datos {
        height: unset;
        padding-top: 70px;
    }

    .portada-informacion-cifras img {
        margin-left: 10em;
        margin-right: 10em;
        width: 100%;
    }

    .portada-proyectos-texto {
        margin-left: 0px;
        padding-top: 60px;
    }

    .field--name-field-vista-referenciada .view-proyectos,
    .portada-seccion-proyectos .view-proyectos {
        padding: 0px 0px 50px 0px;
    }

    .portada-seccion-proyectos .view-proyectos .slick .slide {
        padding-right: 17px;
    }

    .portada-seccion-proyectos .content img {
        width: 100%;
    }

    .portada-seccion-proyectos .view-proyectos .slick .views-field-field-imagen-proyectos a::after,
    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-field-imagen-proyectos a::after {
        right: 17px;
    }

    .portada-seccion-proyectos .view-proyectos .slick .views-field-field-imagen-proyectos a::before,
    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-field-imagen-proyectos a::before {
        width: calc(100% - 17px);
    }

    .field--name-field-vista-referenciada .view-proyectos .views-field-title a,
    .portada-seccion-proyectos .view-proyectos .views-field-title a,
    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-title a {
        font-size: 28px;
        line-height: 1.2em;
    }

    .view-proyectos .slick-prev.slick-arrow {
        left: calc(50% - 50px);
    }

    .view-proyectos .slick-next.slick-arrow {
        right: calc(50% - 50px);
    }

    .portada-soluciones-header .field h1 {
        padding-bottom: 30px;
        font-size: 24px !important;
        width: 100%;
    }

    .portada-slider-soluciones .views-field-name {
        bottom: 10%;
        left: 10%;
        font-size: 23px;
        max-width: 230px;
    }

    .portada-soluciones-header h1::after {
        top: 14px;
    }

    #block-socialmedialinks {
        display: none;
    }

    .header_logos {
        display: inline-flex;
    }

    .header_logo_izq {
        width: 100px;
    }

    .logo-ministerio {
        /* width: 200px; */
        width: 90px;
    }

    .logo-2030 {
        /* width: 60px; */
        width: 20px;
    }

    .header_logos {
        padding: 0;
        padding-top: 2em;
    }

    .path-portada .ine-rrss {
        display: block !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .ine-rrss li {
        width: 50px;
        height: 50px;
        margin: 0px 5px;
    }

    .ultima_milla_texto_retos_logistica h2::after,
    .ultima_milla_texto_futuro_entrega h2::after {
        right: -13px;
        bottom: -11px;
        width: 200px;
    }

    .portada-slider-sectores .slick-prev.slick-arrow {
        left: calc(50% - 50px);
    }

    .portada-slider-sectores .slick-next.slick-arrow {
        right: calc(50% - 50px);
    }

}

@media (max-width: 500px) {

    .ine-breadcrum ol {
        padding-top: 15px !important;
    }

    .mt-5 {
        margin-top: 0rem !important;
    }

    .impulsa-subheader-texto {
        padding: 15px;
    }


    .impulsa-tecnologias-titulo {
        text-align: left;
        padding-left: 30px;
    }

    .impulsa-datos-destacados-titulo h2,
    .impulsa-futuros-visibles-titulo h2,
    .impulsa-tecnologias-titulo {
        width: unset;
    }

    .path-impulsa .content img {
        padding: unset;
    }

    .tv-imagen img:hover {
        transform-origin: unset;
    }

    .impulsa-tecnologias-titulo {
        padding-bottom: 30px;
    }

    .impulsa-tecnologias-titulo::after {
        top: 15px;
    }

    impulsa-subheader.container-fluid {
        padding: 15px !important;
    }


    /*----- futuros visibles ------*/

    .futuros_visibles_seccion_cabecera {
        padding: 0px;
        height: unset !important;
    }

    .futuros_visibles_titulo_cabecera h1 {
        padding-top: 0px;
        padding-bottom: 20px;
        font-size: 30px !important;
    }

    .futuros_visibles_titulo_cabecera .field__item h1 {
        font-size: 30px !important;
        padding-left: 15px
    }

    .futuros_visibles_seccion_texto {
        padding: 30px 0px;
        align-items: unset;
    }

    .futuros_visibles_futuros_visibles h2 {
        font-size: 24px;
    }

    .futuros_visibles_futuros_visibles {
        margin: 0px;
    }

    .futuros_visibles_futuros_visibles h2::after {
        width: 149px;
        height: 24px;
        bottom: -11px;
        left: -16px;
    }

    .futuros_visibles_futuros_visibles_texto {
        font-size: 16px;
        padding: 15px;
    }

    .futuros_visibles_imagen_bicicleta a,
    .futuros_visibles_imagen_ultima_milla a {
        font-size: 28px;
    }

    .path-impulsa-bicicleta .bicicleta_futuros_visibles,
    .path-promotes-bycicle-in-the-city .bicicleta_futuros_visibles,
    .path-impulsa-ultima-milla .ultima_milla_futuros_visibles,
    .path-promotes-last-mile .ultima_milla_futuros_visibles,
    .path-impulsa-conectadosconelespacio .ultima_milla_futuros_visibles,
    .path-promotes-connectedbyspace .ultima_milla_futuros_visibles {
        padding-left: unset;
        line-height: 1.2em;
        text-indent: 0;
    }

    .bicicleta_futuros_visibles,
    .ultima_milla_futuros_visibles {
        font-size: 30px;
    }

    .bicicleta_seccion_cabecera,
    .ultima_milla_seccion_cabecera,
    .ultima_milla_titulo_cabecera {
        height: unset;
    }

    .bicicleta_titulo_cabecera,
    .ultima_milla_titulo_cabecera {
        font-size: 30px;
        padding-top: 20px;
        padding-bottom: 10px;
        height: unset;
    }

    .bicicleta_video img {
        padding-top: 30px;
    }

    .bicicleta_video_texto {
        padding: 15px;
    }

    .bicicleta_video_texto p,
    .bicicleta_bloque_sin_titulo p,
    .bicicleta_ciudades_texto p,
    .bicicleta_texto_recuperacion p,
    .bicicleta_reto_cuota_texto p,
    .bicicleta_reto_cuota_texto ul li,
    .bicicleta_datos_autor p {
        font-size: 16px !important;
        text-align: left;
    }


    .bicicleta_bloque_imagen_bicicleta p,
    .bicicleta_bloque_imagen_pedal p,
    .bicicleta_bloque_imagen_tienda p {
        font-size: 16px;
    }

    .bicicleta_barometro_titulo {
        padding: 0px 10%;
    }

    .path-impulsa-bicicleta .col-sm-4,
    .path-impulsa-ultima-milla {
        padding-bottom: 70px;
    }


    .bicicleta_titulo_autor h2::after {
        bottom: -6px;
        left: -26px;
    }

    .path-impulsa-bicicleta .bicicleta_seccion_autor .layout__region.layout__region--first,
    .path-promotes-bycicle-in-the-city .bicicleta_seccion_autor .layout__region.layout__region--first {
        flex: 0 1 5em;
    }

    .path-impulsa-bicicleta .bicicleta_seccion_autor .layout__region.layout__region--third,
    .path-promotes-bycicle-in-the-city .bicicleta_seccion_autor .layout__region.layout__region--third {
        margin-left: 0em;
        padding: 15px;
    }

    .bicicleta_datos_autor p:nth-child(4) {
        margin: unset !important;
        text-align: left !important;
        max-width: unset !important;
    }


    .ultima_milla_texto_futuro_entrega,
    .ultima_milla_texto_cultura_hiperservicio,
    .ultima_milla_texto_retos_logistica {
        padding: 15px;
    }

    .ultima_milla_texto_retos_logistica h2,
    .ultima_milla_texto_futuro_entrega h2 {
        font-size: 24px;
    }

    .path-impulsa-ultima-milla .col-sm-6 p {
        font-size: 16px !important;
    }

    .path-impulsa-ultima-milla .col-sm-6 {
        padding-bottom: 90px;
    }

    .ultima_milla_texto_futuro_entrega h2,
    .ultima_milla_texto_cultura_hiperservicio h2,
    .ultima_milla_texto_retos_logistica h2,
    .ultima_milla_titulo_autores h2 {
        font-size: 24px !important;
    }

    .ultima_milla_texto_retos_logistica p {
        font-size: 16px;
    }

    .ultima_milla_titulo_autores h2::after {
        bottom: -7px;
    }

    .bicicleta_titulo_cabecera {
        font-size: 30px;
        padding-top: 50px;

    }

}

@media (max-width: 500px) {

    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .layout--twocol-section--25-75>.layout__region.layout__region--second {
        max-width: 100%;
    }

    .path-portada .ine-rrss li {
        width: 40px !important;
        height: 40px !important;
        margin: 0 10px !important;
    }


    .bicicleta_seccion_ciudades .bicicleta_ciudades_texto {
        padding: 80px 15px 30px 15px;
    }

    .bicicleta_texto_recuperacion p {
        width: 100%;
        padding: 15px;
    }

    .bicicleta_seccion_recuperacion_transformacion_resilencia {
        height: 430px;
    }

    .path-impulsa-bicicleta .bicicleta_reto_cuota_texto,
    .path-promotes-bycicle-in-the-city .bicicleta_reto_cuota_texto {
        padding: 50px 15px;
    }

    .ultima_milla_texto_futuro_entrega,
    .ultima_milla_texto_cultura_hiperservicio,
    .ultima_milla_texto_retos_logistica {
        padding: 80px 15px 40px 15px;
    }

    .ultima_milla_texto_descargar_informe {
        font-size: 30px;
    }

    .ultima_milla_bloque_autor {
        min-height: 450px;
    }

    .ultima_milla_bloque_imagen_coches_alliance p:nth-child(3),
    .ultima_milla_bloque_imagen_co2_alliance p:nth-child(3) {
        font-size: 20px;
    }

    .ultima_milla_texto_futuro_entrega h2,
    .ultima_milla_texto_cultura_hiperservicio h2,
    .ultima_milla_texto_retos_logistica h2,
    .ultima_milla_titulo_autores h2 {
        padding-left: 15px;
    }

    .tecno-header .pt-5 {
        padding-top: 0rem !important;
    }

    .titulo-tecno-header {
        font-size: 30px;
        padding-left: 15px !important;
    }

    .img-tecno-header {
        width: 90%;
        display: flex;
        margin: 0 auto;
    }

    .view-proyectos {
        padding: unset;
    }

    .text-tecno-header {
        font-size: 20px;
        line-height: 1.2em;
        display: block;
    }

    .paragraph--type--texto-abierto {
        padding: 15px !important;
    }

    .ultima_milla_bloque_descargar_informe a,
    .bicicleta_bloque_descargar_informe a {
        font-size: 16px;
    }

    .portada-proyectos-texto h2,
    .portada-sectores-texto h2,
    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- h2 {
        font-size: 24px;
    }

    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- {
        padding-left: 15px;
    }

    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- {
        padding-left: 15px;
    }

    .portada-proyectos-texto h2,
    .portada-sectores-texto h2,
    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- h2 {
        font-size: 24px;
        /* margin-bottom: unset; */
    }

    .node--type-tecnologias .field--name-field-media-oembed-video iframe {
        height: 255px;
    }

    .impulsa-subheader-logo {
        padding: 0 15px;
        width: 80%;
        margin-top: 0px;
        margin-bottom: 19px;
    }

    .portada-seccion-proyectos .view-proyectos .slick .slide,
    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .slide {
        padding-right: 17px;
    }

    #block-ineco-bootstrap-barrio-content article.node--type-impulsa,
    #block-ineco-bootstrap-barrio-content article.node--type-pagina,
    #block-ineco-bootstrap-barrio-content article.node--type-tecnologias {
        display: block;
    }

    .rrss-footer li {
        width: 40px !important;
        height: 40px !important;
        margin: 0 10px !important;
    }


    .bicicleta_reto_cuota_texto h2::after {
        right: -13px;
    }

    .node--type-tecnologias .field--name-field-media-oembed-video {
        height: 344px;
    }

    .impulsa-areas-actividad {
        width: unset;
    }

    .impulsa-datos-destacados-titulo h2,
    .impulsa-futuros-visibles-titulo h2,
    .impulsa-tecnologias-titulo {
        z-index: 1;
    }

    .futuros_visibles_futuros_visibles h2 {
        z-index: 1;
        margin-left: 16px;
        padding-left: 36px;
        text-indent: -40px;
        text-align: left;
    }

    .ultima_milla_texto_futuro_entrega h2,
    .ultima_milla_texto_cultura_hiperservicio h2,
    .ultima_milla_texto_retos_logistica h2,
    .ultima_milla_titulo_autores h2 {
        z-index: 1;
    }

    .bicicleta_ciudades_texto h2 {
        z-index: 1;
    }

    .bicicleta_reto_cuota_texto h2 {
        z-index: 1;
    }

    .path-impulsa-bicicleta .bicicleta_titulo_autor h2,
    .path-promotes-bycicle-in-the-city .bicicleta_titulo_autor h2 {
        z-index: 1;
    }

    .futuros_visibles_seccion_imagenes .layout__region {
        padding-left: 16px;
        padding-right: 16px;
    }

    article.node--type-impulsa.node--view-mode-full,
    article.node--type-pagina.node--view-mode-full,
    article.node--type-tecnologias.node--view-mode-full,
    article.node--type-revista .node--view-mode-full{
        background: transparent url(../img/bg-impulsa.svg) 50% 0% no-repeat padding-box;
        background-size: cover;
        background-position-x: 0;
        background-position-y: 0;
        background-repeat: repeat;
    }

    .layout--twocol-section.layout--twocol-section--25-75.portada-seccion-proyectos nav.slick__arrow,
    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- nav.slick__arrow {
        top: calc(100% + 34px);
        bottom: -50px;
    }

    .portada-slider-sectores .slick__arrow {
        top: calc(100% - 7px);
    }

    .path-portada .slick--view--soluciones .slick__arrow {
        top: calc(100% + 13px);
    }
}

@media (min-width: 1700px) {
    .navbar-expand-xxxl {
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-self: flex-end;
    }

    .navbar-expand-xxxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxxl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xxxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xxxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxxl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-xxxl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xxxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1700px) {
    #block-languageswitcher {
        display: block;
    }

    #block-dropdownlanguage {
        display: none;
    }

    #block-buscadorsticky-2 {
        display: none;
    }
}

@media (max-width: 1199px) {
    #block-languageswitcher {
        display: none;
    }

    #block-dropdownlanguage {
        display: block;
        width: 48px;
        height: 24px;
    }

    #block-buscadorsticky-2 {
        display: block;
    }

    .barra_sup_container {
        display: none !important;
    }

    #navbar-main {
        position: fixed;
        right: 0;
        top: 180px;
        z-index: 40;
        background-color: transparent !important;
    }

    #navbar-main button {
        background-color: #ffffff;
    }

    #block-buscadorsticky-2 img {
        filter: brightness(0) saturate(100%) invert(20%) sepia(28%) saturate(3582%) hue-rotate(194deg) brightness(98%) contrast(90%);
    }

    .navbar-toggler {
        top: 0;
    }

    .region-header-logo-der {
        align-items: center;
    }

    .region-header-logo-der>div {
        width: auto;
    }

    .logo-2030 {
        padding-left: 0px !important;
    }

    #block-dropdownlanguage .dropbutton-widget {
        color: #184487;
        border: none;
        background: transparent;
        padding-right: 1em !important;
        font-family: Poppins-Semibold;
        font-size: 14px;
    }

    #block-dropdownlanguage .dropbutton-arrow {
        color: #184487;
    }

    #block-dropdownlanguage .dropbutton-widget button {
        background: transparent;
    }

    #block-dropdownlanguage .dropbutton-multiple .dropbutton {
        border: none;
    }

    #block-dropdownlanguage>.content {
        position: relative;
    }

    #block-dropdownlanguage>.content>.dropbutton-wrapper {
        position: absolute;
    }
}

/* end mobile */

/* 2023-03-06 */
@media (max-width:700px) {

    #header {
        height: 66px;
        /* background:#fc0; */
    }

    #header nav .navbar-toggler {
        top: -76px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        padding-right: 5px;
    }

    #header nav .navbar-toggler-icon {
        width: 30px;
        height: 30px;
    }

    #header nav.menu--main {
        margin-left: 0;
    }

    #header .offcanvas {
        top: 56px !important;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        max-height: calc(95% -  100px);
    }

    #header .offcanvas-header {
        position: absolute;
        left: -46px;
        top: 12px;
    }

    #header .offcanvas-header button {
        opacity: 1;
        background-color: #F5F5F7 !important;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        padding: 8px;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23184487'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    }

    #header .offcanvas-body {
        padding-left: 2em;
    }

    #header .header_logos {
        display: flex;
        width: 100%;
        height: 100%;
        padding: 0;
    }

    #header #navbar-main ul>li>a {
        text-transform: unset;
        padding-bottom: 16px;
    }

    #header .header_logos .header_logo_izq,
    #header .header_logos .header_logo_der {
        display: inline-block;
    }

    #header .header_logo_izq .region-header-logo-izq a {
        line-height: 66px;
    }

    #header .header_logo_izq .region-header-logo-izq a img {
        vertical-align: text-top !important;
        /* margin-top: 4px; */
    }

    #header .header_logo_der .region-header-logo-der {
        height: 66px;
    }

    #header .header_logo_der .region-header-logo-der #block-logo2030>.content>.text-formatted>.d-flex {
        display: block !important;
    }

    #header .header_logo_der .region-header-logo-der img.logo-ministerio {
        width: 120px;
    }

    #header .header_logo_der .region-header-logo-der img.logo-2030 {
        width: 30px;
        height: 30px;
        max-height: 30px;
    }

    #header .header_logo_der #block-buscadorsticky-2 img {
        filter: brightness(0) saturate(100%) invert(20%) sepia(28%) saturate(3582%) hue-rotate(194deg) brightness(98%) contrast(90%);
        width: 22px;
        height: 22px;
    }

    #header .header_logo_izq {
        width: 100px;
    }

    #main-wrapper article>.node__content {
        margin-top: 0;
    }
}


@media (max-width:500px) {
    .path-impulsa-ultima-milla .ultima_milla_futuros_visibles {
        padding-left: 12px;
    }

    .ultima_milla_titulo_cabecera {
        text-align: right;
        width: 100%;
        margin-right: 20px;
        margin-left: auto;
        padding-bottom: 6px;
    }

    .ultima_milla_texto_futuro_entrega {
        padding-top: 0;
    }

    .ultima_milla_seccion_futuro_entrega {
        background: rgba(107, 150, 207, 0.1);
    }

    .ultima_milla_texto_futuro_entrega h2 {
        padding-left: 20%;
    }

    .ultima_milla_texto_futuro_entrega h2::after {
        height: 12px;
        bottom: -4px
    }

    .ultima_milla_texto_futuro_entrega p {
        font-size: 20px;
        margin-bottom: 20px;
        line-height: 34px;
    }

    .ultima_milla_bloque_imagen_coches_alliance p:nth-child(2) {
        font-size: 20px !important;
    }

    .ultima_milla_bloque_imagen_coches_alliance p:nth-child(3) {
        font-size: 20px !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    .ultima_milla_bloque_imagen_coches_alliance {
        padding-top: 20px;
    }

    .path-impulsa-ultima-milla .col-sm-6 {
        padding-bottom: 40px;
    }

    .ultima_milla_bloque_imagen_co2_alliance p:nth-child(2) {
        font-size: 20px !important;
        margin-right: -20px;
        margin-left: -20px;
    }

    .ultima_milla_bloque_imagen_co2_alliance p:nth-child(3) {
        font-size: 20px !important;
        padding-left: 0;
        padding-right: 0;
        margin-right: -20px;
        margin-left: -20px;
    }

    .ultima_milla_texto_cultura_hiperservicio span {
        font-size: 45px;
    }

    .ultima_milla_texto_cultura_hiperservicio {
        padding-bottom: 10px
    }

    .ultima_milla_texto_cultura_hiperservicio h2 {
        padding-left: 0;
        margin-bottom: 30px;
    }

    .ultima_milla_texto_cultura_hiperservicio h2::after {
        height: 15px;
        bottom: -6px;
        width: 210px;
        left: -20px
    }

    .ultima_milla_imagen_cultura_hiperservicio {
        margin-bottom: 40px;
    }

    .ultima_milla_texto_retos_logistica span {
        font-size: 45px;
    }

    .ultima_milla_texto_cultura_hiperservicio p {
        line-height: 26px;
    }

    .ultima_milla_texto_retos_logistica h2 {
        padding-left: 30%;
        margin-bottom: 40px;
    }

    .ultima_milla_texto_retos_logistica h2::after {
        height: 15px;
        bottom: -6px;
        right: -14px;
        width: 130px;
    }

    .ultima_milla_texto_retos_logistica p {
        line-height: 26px;
    }

    .ultima_milla_bloque_autor h3 {
        font-size: 30px;
        color: #303555;
        font-family: 'Poppins-SemiBold';
    }

    .ultima_milla_bloque_autor p {
        font-family: 'Poppins-Regular';
        font-size: 18px;
    }

    .ultima_milla_bloque_autor .field--name-body.field__item p:nth-child(1) img {
        width: 64%;
    }

    .ultima_milla_titulo_autores h2 {
        padding-left: 45px;
    }

    .ultima_milla_titulo_autores h2::after {
        height: 15px;
    }
}

@media (max-width:500px) {

    .bicicleta_video img {
        padding-top: 0;
    }

    .path-impulsa-bicicleta .bicicleta_futuros_visibles {
        padding-left: 12px;
    }

    .bicicleta_video_texto h2 {
        padding-left: 10%;
        color: #303555;
    }

    .bicicleta_video_texto h2::after {
        right: -14px;
        width: 212px;
        bottom: -1px;
    }

    .bicicleta_video_texto p {
        font-size: 20px !important;
        color: #303555;
    }

    .bicicleta_bloque_sin_titulo h2 {
        color: #303555;
        position: relative;
    }

    .bicicleta_bloque_sin_titulo h2::before {
        position: absolute;
        left: 0;
        background: #6B96CF;
        top: 50%;
        width: 30px;
        height: 2px;
        display: block;
        right: unset;
        margin-left: unset;
        left: -20px;
    }

    .bicicleta_bloque_sin_titulo h2::after {
        position: absolute;
        left: 0;
        background: #6B96CF;
        top: 50%;
        width: 30px;
        height: 2px;
        display: block;
        left: unset;
        margin-right: unset;
        right: -20px;
    }

    .bicicleta_bloque_sin_titulo p {
        color: #303555;
        text-align: center;
        margin-bottom: 1em;
    }

    .bicicleta_bloque_imagen_bicicleta p:nth-child(3),
    .bicicleta_bloque_imagen_pedal p,
    .bicicleta_bloque_imagen_tienda p {
        color: #303555;
        font-size: 25px;
        margin-right: 35px;
        margin-left: 35px;
    }

    .bicicleta_seccion_ciudades .bicicleta_ciudades_texto {
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .bicicleta_ciudades_texto span {
        font-size: 45px;
    }

    .bicicleta_ciudades_texto h2 {
        padding-right: unset;
        margin-top: 10px;
        color: #303555;
    }

    .bicicleta_ciudades_texto h2::after {
        width: 256px;
        bottom: -6px;
        height: 15px;
    }

    .bicicleta_ciudades_texto p {
        color: #303555;
    }

    .bicicleta_ciudades_imagen {
        top: 0;
    }

    .bicicleta_ciudades_imagen p {
        padding: 0;
        margin: 0;
    }

    .bicicleta_texto_recuperacion p {
        font-size: 20px !important;
        text-align: center;
    }

    .bicicleta_seccion_recuperacion_transformacion_resilencia {
        height: auto;
    }

    .bicicleta_seccion_recuperacion_transformacion_resilencia h2 {
        margin-top: 26px;
    }

    .bicicleta_texto_recuperacion p {
        margin-bottom: 26px;
    }

    .path-impulsa-bicicleta .bicicleta_reto_cuota_texto {
        padding-top: 16px;
    }

    .bicicleta_reto_cuota_texto span {
        font-size: 45px;
    }

    .bicicleta_reto_cuota_texto h2 {
        margin-top: 6px;
        padding-left: 0;
        margin-bottom: 30px;
    }

    .bicicleta_reto_cuota_texto h2::after {
        width: 256px;
        bottom: -6px;
        height: 15px;
    }

    .bicicleta_reto_cuota_imagen {
        bottom: unset;
    }

    .bicicleta_reto_cuota_texto ul {
        padding-left: 20px;
        margin-top: 40px;
    }

    .bicicleta_reto_cuota_texto li {
        padding-left: 8px;
        margin-bottom: 30px;
    }

    .bicicleta_reto_cuota_texto li::marker {
        color: #184487;
    }

    .bicicleta_seccion_descargar_informe {
        height: auto;
    }

    .bicicleta_texto_descargar_informe {
        font-size: 30px;
        padding-left: 50px;
        padding-right: 50px;
        height: auto;
        margin-top: 20px;
    }

    .bicicleta_bloque_descargar_informe {
        margin-bottom: 40px;
        padding-top: 20px;
        padding-bottom: 10px;
        height: auto;
    }

    .bicicleta_imagen_autor {
        margin-left: 20px;
        margin-right: 20px;
    }

    .bicicleta_datos_autor h3 {
        font-family: 'Poppins-SemiBold';
        font-size: 24px;
        color: #303555;
    }

    .bicicleta_datos_autor h4 {
        font-family: 'Poppins-SemiBold';
        font-size: 18px;
        color: #303555;
        line-height: 1.6em;
    }

    .bicicleta_datos_autor p:nth-child(5) {
        display: block;
        max-width: unset;
        text-align: center;
        margin-top: 2em;
    }

    .bicicleta_seccion_autor {
        padding-bottom: 0;
    }

    .bicicleta_seccion_compartir .bloque_compartir {
        margin-top: 0;
    }
}

/* conectados */
@media (max-width:500px) {
    .ultima_milla_futuros_visibles {
        margin-left: 12px;
    }

    .path-impulsa-conectadosconelespacio .bicicleta_video img {
        padding-top: 0;
    }

    .path-impulsa-conectadosconelespacio .ultima_milla_bloque_imagen_co2_alliance {
        margin-top: 40px
    }

    .ultima_milla_texto_retos_logistica {
        padding-top: 20px
    }

    .path-impulsa-conectadosconelespacio .ultima_milla_seccion_descargar_informe {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .path-impulsa-conectadosconelespacio .ultima_milla_seccion_descargar_informe {
        height: auto;
    }
}

@media (max-width:500px) {
    .ultima_milla_futuros_visibles {
        margin-left: 12px;
    }

    .path-impulsa-conectadosconelespacio .bicicleta_video img {
        padding-top: 0;
    }

    .path-impulsa-conectadosconelespacio .ultima_milla_bloque_imagen_co2_alliance {
        margin-top: 40px
    }

    .ultima_milla_texto_retos_logistica {
        padding-top: 20px
    }

    .path-impulsa-conectadosconelespacio .ultima_milla_seccion_descargar_informe {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .path-impulsa-conectadosconelespacio .ultima_milla_seccion_descargar_informe {
        height: auto;
    }
}

@media (max-width: 900px) {
    .portada-enlace-movil-oculto {
        display: block;
    }

    .portada-seccion-proyectos {
        margin-bottom: 0px;
    }

    .portada-proyectos-texto a,
    .portada-proyectos-texto a:visited,
    .portada-soluciones-header a,
    .portada-soluciones-header a:visited {
        display: none;
    }

    .path-portada .slick--view--soluciones {
        margin-bottom: 30px;
    }
}

@media (max-width:500px) {
    .impulsa-futuros-visibles-titulo h2 {
        width: 100px;
        text-indent: -30px;
        padding-left: 30px;
    }

    .impulsa-futuros-visibles-titulo h2::after {
        height: 14px;
        color: #6B96CF;
        opacity: 1;
    }

    .impulsa-futuros-visibles .impulsa-futuros-visibles-container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .impulsa-futuros-visibles-texto {
        opacity: 1;
        padding-top: 20px
    }

    .impulsa-futuros-visibles-bicicleta,
    .impulsa-futuros-visibles-ultima-milla {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .impulsa-futuros-visibles>.impulsa-futuros-visibles-container {
        display: block !important;
    }

    .impulsa-futuros-visibles .field--name-field-bicicleta-imagen img,
    .impulsa-futuros-visibles .field--name-field-ultima-milla-imagen img {
        margin-bottom: 0;
    }
}

@media (max-width:500px) {
    .img-tecno-header img {
        margin-bottom: -20px;
        z-index: 4;
    }

    .text-tecno-header {
        padding-top: 40px;
    }

    .node--type-tecnologias .paragraph--type--texto-abierto p {
        font-family: 'Poppins-Regular';
    }
}

@media (max-width:500px) {
    .img-tecno-header img {
        margin-bottom: -20px;
        z-index: 4;
    }

    .text-tecno-header {
        padding-top: 40px;
        font-family: 'Poppins-Semibold';
        line-height: 30px;
    }

    .node--type-tecnologias .paragraph--type--franja-azul>.container {
        margin-top: 0 !important;
        margin-bottom: 20px !important
    }

    .node--type-tecnologias .paragraph--type--franja-azul p {
        font-size: 20px;
    }

    .node--type-tecnologias .paragraph--type--franja-azul strong {
        font-size: 50px;
    }

    .node--type-tecnologias .paragraph--type--texto-abierto {
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-bottom: 0 !important
    }

    .node--type-tecnologias .paragraph--type--texto-abierto>.container {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .node--type-tecnologias .paragraph--type--texto-abierto p {
        font-family: 'Poppins-Regular';
        font-size: 16px;
    }

    .node--type-tecnologias .paragraph--type--video {
        padding-left: 12px;
        padding-right: 12px;
    }

    .node--type-tecnologias .field--name-field-media-oembed-video {
        height: auto;
    }

    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .field--name-field-texto-izquierda {
        text-align: left;
        padding-top: 1em;
    }

    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .field--name-field-texto-izquierda h2::after {
        height: 20px;
    }

    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .field--name-field-texto-izquierda h2 br {
        content: '';
    }

    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .field--name-field-texto-izquierda h2 br:after {
        content: ' ';
    }

    .node--type-tecnologias .paragraph--type--videos-relacionados>.container {
        margin-top: 30px !important;
    }

    .node--type-tecnologias .paragraph--type--videos-relacionados .field__label {
        font-size: 24px;
        font-family: 'Poppins-SemiBold';
        text-align: left;
        margin-left: 15px;
        color: #303555;
        position: relative;
        z-index: 10;
    }

    .node--type-tecnologias .paragraph--type--videos-relacionados .field__label::after {
        content: '';
        background-color: #6B96CF;
        position: absolute;
        bottom: 0;
        left: -20px;
        display: block;
        width: 118px;
        opacity: 0.63;
        height: 20px;
        z-index: -1;
    }

    .node--type-tecnologias .paragraph--type--videos-relacionados .field__items {
        padding-left: 15px;
        padding-right: 15px;
    }

    .node--type-tecnologias .paragraph--type--videos-relacionados .field__items iframe {
        width: 100%;
    }

    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- {
        padding-left: 15px;
    }
}

@media (max-width: 575px) {
    .views-field-nothing {
        margin: auto;
    }
}

@media (min-width: 576px) {
    .tv-icono {
        width: 90px;
        height: 90px;
    }
}

@media (max-width: 990px) {

    .field--name-field-vista-referenciada .view-proyectos .views-field-title a,
    .portada-seccion-proyectos .view-proyectos .views-field-title a,
    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-title a {
        font-size: 1.62rem;
    }
}

.portada-seccion-imagen .layout__region.layout__region--content.ine-unacol {
    position: relative;
}

.portada-texto-imagen {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    position: absolute;
    /* margin-top: 0; */
    top: 50%;
}

.portada-texto-imagen h2 {
    font-size: 20px;
    padding: 0;
    padding-left: 30px;
    padding-right: 30px;
}

.portada-seccion-imagen img {
    height: auto !important;
    position: relative;
}

@media (max-width: 500px) {
    .portada-texto-imagen {
        top: unset;
        bottom: 0;
    }

    .portada-texto-imagen h2 {
        padding: 25px 5px 25px 5px;
        margin: 0 auto;
    }
}

@media (min-width: 700px) {
    .portada-texto-imagen h2 {
        font-size: 30px;
        text-align: center;
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (min-width: 900px) {
    .portada-texto-imagen h2 {
        font-size: 40px;
        text-align: center;
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (min-width: 1366px) {
    .portada-texto-imagen h2 {
        font-size: 50px;
        text-align: center;
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (min-width: 1700px) {
    .portada-texto-imagen h2 {
        font-size: 60px;
        text-align: center;
        padding-left: 100px;
        padding-right: 100px;
    }
}

.portada-seccion-imagen {
    max-height: initial;
}

/* datos destacados */

@media (min-width: 500px) and (max-width:700px) {
    .portada-seccion-datos img {
        padding-left: 50px;
        padding-right: 50px;

    }

    .portada-informacion-cifras {
        width: auto !important;
        height: 220px;
    }
}

/* portada-banners*/
@media (min-width:500px) and (max-width:700px) {

    .portada_banners .slick__slide:nth-child(even) .textos_banner,
    .portada_banners .slick__slide:nth-child(odd) .textos_banner {
        width: 65%;
    }

    .portada_banners .slick__slide:nth-child(even) .textos_banner {
        padding-right: 12px;
    }

    .portada_banners .slick__slide:nth-child(odd) .textos_banner {
        padding-left: 12px;
        left: 0
    }

    .portada_banners .textos_banner .banner_titulo {
        font-size: 18px;
    }

    .portada_banners .textos_banner .banner_subtitulo {
        font-size: 11px;
        padding-top: 10px;
        padding-bottom: 16px
    }

    .portada_banners .textos_banner .banner_enlace {
        font-size: 9px;
        padding: 10px 40px 10px 40px;
    }

    .portada_banners .slick__arrow {
        top: calc(100% + 34px);
    }
}

@media (min-width:700px) and (max-width:1024px) {

    .portada_banners .slick__slide:nth-child(even) .textos_banner,
    .portada_banners .slick__slide:nth-child(odd) .textos_banner {
        width: 50%;
    }

    .portada_banners .slick__slide:nth-child(even) .textos_banner {
        padding-right: 12px;
    }

    .portada_banners .slick__slide:nth-child(odd) .textos_banner {
        padding-left: 12px;
        left: 0
    }

    .portada_banners .textos_banner .banner_titulo {
        font-size: 28px;
    }

    .portada_banners .textos_banner .banner_subtitulo {
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 16px
    }

    .portada_banners .textos_banner .banner_enlace {
        font-size: 16px;
        padding: 10px 40px 10px 40px;
    }

    .portada_banners .slick__arrow {
        top: calc(100% + 34px);
    }
}

@media (min-width:1024px) and (max-width:1366px) {

    .portada_banners .slick__slide:nth-child(even) .textos_banner,
    .portada_banners .slick__slide:nth-child(odd) .textos_banner {
        width: 45%;
    }

    .portada_banners .slick__slide:nth-child(even) .textos_banner {
        padding-right: 24px;
    }

    .portada_banners .slick__slide:nth-child(odd) .textos_banner {
        padding-left: 24px;
        left: 0
    }

    .portada_banners .textos_banner .banner_titulo {
        font-size: 36px;
    }

    .portada_banners .textos_banner .banner_subtitulo {
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 18px
    }

    .portada_banners .textos_banner .banner_enlace {
        font-size: 16px;
        padding: 10px 40px 10px 40px;
    }

    .portada_banners .slick__arrow {
        top: calc(100% + 34px);
    }
}

@media (min-width:1366px) and (max-width:1919px) {

    .portada_banners .slick__slide:nth-child(even) .textos_banner,
    .portada_banners .slick__slide:nth-child(odd) .textos_banner {
        width: 40%;
    }

    .portada_banners .slick__slide:nth-child(even) .textos_banner {
        padding-right: 48px;
    }

    .portada_banners .slick__slide:nth-child(odd) .textos_banner {
        padding-left: 48px;
        left: 0
    }

    .portada_banners .textos_banner .banner_titulo {
        font-size: 44px;
    }

    .portada_banners .textos_banner .banner_subtitulo {
        font-size: 24px;
        padding-top: 10px;
        padding-bottom: 32px
    }

    .portada_banners .textos_banner .banner_enlace {
        font-size: 16px;
        padding: 10px 40px 10px 40px;
    }

    .portada_banners .slick__arrow {
        top: calc(100% + 34px);
    }
}

/* slider proyectos */
@media (min-width:500px) and (max-width:749px) {
    .slide .image-style-bloque-proyectos-lg {
        width: 100%;
    }
}


@media (min-width:1366px) and (max-width: 1919px) {
    .portada-seccion-proyectos {
        max-width: 100%;
        width: 100%;
        margin-left: 20px;
    }

    .portada-seccion-proyectos.layout--twocol-section.layout--twocol-section--25-75>.layout__region--second {
        max-width: 75%;
        width: 75%;
        flex: 0 1 75%;
    }

    .portada-seccion-proyectos.layout--twocol-section.layout--twocol-section--25-75>.layout__region--first {
        max-width: 25%;
        width: 25%;
        flex: 0 1 25%;
    }
}

@media (min-width:500px) and (max-width: 1366px) {
    .portada-seccion-proyectos.layout--twocol-section.layout--twocol-section--25-75 {
        max-width: 100%;
        width: 100%;
        margin-left: 20px;
    }

    .portada-seccion-proyectos.layout--twocol-section.layout--twocol-section--25-75>.layout__region--second {
        max-width: 100%;
        width: 100%;
        flex: 0 1 100%;
    }

    .portada-seccion-proyectos.layout--twocol-section.layout--twocol-section--25-75>.layout__region--first {
        max-width: 100%;
        width: 100%;
        flex: 0 1 100%;
    }
}

/* portada sectores */

@media (min-width: 990px) and (max-width: 1200px) {
    .portada-seccion-sectores .tv-titulo {
        font-size: 24px;
    }

    .portada-seccion-sectores .tv-icono {
        width: 70px;
        height: 70px;
    }

    .portada-seccion-sectores .tv-icono img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }
}


@media (min-width: 500px) and (max-width: 990px) {
    .portada-seccion-sectores .tv-titulo {
        font-size: 16px;
        padding-left: 5px;
    }

    .portada-seccion-sectores .tv-icono {
        width: 50px;
        height: 50px;
    }

    .portada-seccion-sectores .tv-icono img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }
}

/* portada soluciones */

@media (min-width: 1200px) and (max-width:1920px) {
    .portada-seccion-soluciones .slick .slide {
        padding: 20px;
    }
}

@media (min-width: 500px) and (max-width:1200px) {
    .portada-seccion-soluciones .slick .slide {
        padding: 5px;
    }
}

@media (min-width: 500px) and (max-width: 1400px) {
    #slick-views-tecnologias-block-bloque-tecnologias-1 {
        width: 100%;
    }

    ul.slick--view--tecnologias {
        justify-content: space-around;
    }

    .tv-icono {
        width: 90px;
        height: 90px;
    }

    .impulsa-futuros-visibles-bicicleta,
    .impulsa-futuros-visibles-ultima-milla {
        width: 320px;
        height: 350px;
    }

    /* .ultima_milla_texto_futuro_entrega, .ultima_milla_texto_cultura_hiperservicio, .ultima_milla_texto_retos_logistica {
        padding: 120px 0px 20px 126px;
    } */
    .ultima_milla_texto_retos_logistica h2::after,
    .ultima_milla_texto_futuro_entrega h2::after {
        right: -20px;
    }

    .ultima_milla_seccion_futuro_entrega {
        flex-direction: column;
        height: fit-content;
    }

}

@media (min-width: 500px) and (max-width: 990px) {
    .impulsa-header {
        height: 262px;
    }

    .impulsa-header-titulo {
        font-size: 40px !important;
        width: 100%;
    }
}

@media (min-width: 500px) and (max-width: 1200px) {

    .impulsa-datos-destacados-container {
        align-items: center;
    }

    .impulsa-datos-destacados-esfuerzo,
    .impulsa-datos-destacados-horas,
    .impulsa-areas-actividad,
    .impulsa-areas-actividad-listado,
    .impulsa-futuros-visibles-texto,
    .impulsa-datos-destacados-texto {
        padding-top: 40px;
    }
}

@media (min-width: 990px) and (max-width: 1200px) {

    .impulsa-futuros-visibles-container {
        align-items: center;
    }

    .impulsa-futuros-visibles-link {
        position: relative;
        top: 10px;
        margin-bottom: 25px;
    }

    .impulsa-futuros-visibles-bicicleta,
    .impulsa-futuros-visibles-ultima-milla {
        overflow: hidden;
        margin: 25px auto;
        position: relative;
        width: 375px;
        height: 415px;
    }

    .impulsa-futuros-visibles-bicicleta-texto,
    .impulsa-futuros-visibles-ultima-milla-texto {
        width: 230px;
    }
}

@media (max-width: 1366px) {
    .bicicleta_seccion_autor {
        flex-direction: column;
        align-items: center;
    }

    .path-impulsa-bicicleta .bicicleta_seccion_autor .layout__region.layout__region--third,
    .path-promotes-bycicle-in-the-city .bicicleta_seccion_autor .layout__region.layout__region--third {
        flex: auto;
        margin-left: 1em;
    }

    .path-impulsa-bicicleta .bicicleta_seccion_autor .layout__region.layout__region--first,
    .path-promotes-bycicle-in-the-city .bicicleta_seccion_autor .layout__region.layout__region--first {
        flex: 0 1 5em;
    }

    .bicicleta_datos_autor p:nth-child(4) {
        max-width: 100%;
        text-align: left;
    }

    .bicicleta_datos_autor p:nth-child(5) {
        display: block;
        max-width: unset;
        text-align: center;
        margin-top: 2em;
    }
}

@media (max-width: 578px) {
    .futuros_visibles_subtitulo_cabecera {
        padding: 50px auto;
        font-size: 30px;
        line-height: 1em;
        padding: 50px 10px 30px 10px !important;
    }
}

@media (min-width: 900px) and (max-width:1920px) {

    .ultima_milla_texto_futuro_entrega,
    .ultima_milla_texto_cultura_hiperservicio,
    .ultima_milla_texto_retos_logistica {
        padding: 20px 20px 20px 20px;
    }
}

.titulo_h2_mancha_azul_dch h2 {
    text-align: right;
    padding-left: 52%;
    padding-right: 30px;
    font-size: 40px !important;
    margin-bottom: 1em;
    margin-top: 0.5em;
    color: #303555;
    font-style: normal;
    font-family: 'Poppins-SemiBold';
    padding-right: 60px;
    position: relative;
    z-index: 3;
}

.titulo_h2_mancha_azul_dch h2::after {
    content: '';
    background-color: #6B96CF;
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
    height: 24px;
    width: 313px;
    z-index: -1;
    opacity: 0.4;
}

.futuros_visibles_texto_junto_a_foto {
    font-family: 'Poppins-Regular';
    font-size: 20px;
    line-height: 1.5em;
    padding: 20px;
}

@media (min-width:1700px) and (max-width:1919px) {
    .autor-overlay h3 {
        font-size: 18px;
    }

    .autor-overlay p {
        font-size: 16px;
    }

    .ultima_milla_seccion_autores {
        flex-direction: unset;
    }
}

@media (min-width:1366px) and (max-width:1700px) {
    .ultima_milla_bloque_autor {
        padding: 10px;
    }

    .autor-overlay h3 {
        font-size: 16px;
    }

    .autor-overlay p {
        font-size: 14px;
    }

    .ultima_milla_seccion_autores {
        flex-direction: unset;
    }
}

@media (min-width:900px) and (max-width:1366px) {
    .ultima_milla_bloque_autor {
        padding: 0;
    }

    .autor-overlay h3 {
        font-size: 14px;
    }

    .autor-overlay p {
        font-size: 11px;
    }

    .ultima_milla_seccion_autores {
        flex-direction: unset;
    }
}

@media (min-width: 500px) {
    .ultima_milla_bloque_autor>.content>.field--name-body {
        position: relative;
    }

    .autor-overlay {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        left: 0;
        background: white;
    }
}

@media (min-width:501px) and (max-width:990px) {
    .ultima_milla_bloque_autor {
        padding: 0;
    }

    .autor-overlay h3 {
        font-size: 14px;
    }

    .autor-overlay p {
        font-size: 10px;
    }

    .ultima_milla_seccion_autores {
        flex-direction: row;
    }
}

@media (min-width:501px) and (max-width:990px) {
    .ultima_milla_seccion_autores .layout__region {
        flex: 0 1 50%;
    }

    .ultima_milla_seccion_autores .layout__region--first {
        flex: 0 1 100%;
    }
}

@media (min-width:501px) and (max-width:1366px) {
    .ultima_milla_bloque_autor:hover .autor-overlay {
        display: block !important;
    }

    .ultima_milla_bloque_autor>.content>.field--name-body {
        position: relative;
    }

    .autor-overlay {
        position: absolute;
        top: 0;
        padding: 25px;
        width: 100%;
        height: 100%;
        left: 0;
        background: white;
    }
}

@media (min-width: 1366px) {
    .ultima_milla_bloque_autor>.content>.field--name-body {
        position: relative;
    }

    .autor-overlay {
        position: absolute;
        padding: 0;
        top: 0;
        width: 100%;
        height: 100%;
        left: 0;
        background: white;
    }
}

@media (min-width:901px) and (max-width: 1700px) {
    .layout--twocol-section--25-75 {
        justify-content: center;
    }
}

@media (min-width:300px) and (max-width: 900px) {
    .layout--twocol-section--25-75 {
        flex-wrap: wrap;
    }
}

@media (min-width:501px) and (max-width: 1200px) {
    .node--type-tecnologias .paragraph--type--videos-relacionados .field__label {
        font-size: 30px;
        font-family: 'Poppins-SemiBold';
        text-align: left;
        margin-left: 15px;
        color: #303555;
        position: relative;
        z-index: 10;
    }

    .node--type-tecnologias .paragraph--type--videos-relacionados .field__label::after {
        content: '';
        background-color: #6B96CF;
        position: absolute;
        bottom: 0;
        left: -20px;
        display: block;
        width: 118px;
        opacity: 0.63;
        height: 20px;
        z-index: -1;
    }

    article.node--type-impulsa.node--view-mode-full,
    article.node--type-pagina.node--view-mode-full,
    article.node--type-tecnologias.node--view-mode-full,
    article.node--type-revista .node--view-mode-full {
        background: transparent url(../img/bg-impulsa.svg) 50% 0% no-repeat padding-box;
        background-size: cover;
        background-position-x: 0;
        background-position-y: 0;
        background-repeat: repeat;
    }
}

@media (min-width: 1201px) and (max-width:1920px) {
    .node--type-tecnologias .paragraph--type--videos-relacionados .field__label {
        font-size: 30px;
        font-family: 'Poppins-SemiBold';
        text-align: left;
        margin-left: 15px;
        color: #303555;
        position: relative;
        z-index: 10;
    }

    .node--type-tecnologias .paragraph--type--videos-relacionados .field__label::after {
        content: '';
        background-color: #6B96CF;
        position: absolute;
        bottom: 0;
        left: -20px;
        display: block;
        width: 118px;
        opacity: 0.63;
        height: 20px;
        z-index: -1;
    }

    article.node--type-impulsa.node--view-mode-full,
    article.node--type-pagina.node--view-mode-full,
    article.node--type-tecnologias.node--view-mode-full,
    article.node--type-revista .node--view-mode-full {
        background: transparent url(../img/bg-impulsa.svg) 50% 0% no-repeat padding-box;
        background-size: cover;
        background-position-x: 0;
        background-position-y: 0;
        background-repeat: repeat;
    }
}

@media (min-width:500px) and (max-width:1919) {
    .layout--twocol-section.layout--twocol-section--25-75.portada-seccion-proyectos>.layout__region.layout__region--second {
        max-width: 100%;
    }
}

@media (min-width:500px)and (max-width:1366) {
    .portada-seccion-proyectos.layout--twocol-section.layout--twocol-section--25-75 {
        max-width: 100%;
        width: 100%;
        margin-left: 20px;
    }
}

@media (min-width:500px) and (max-width:1919px) {
    .portada-seccion-proyectos .views-field-field-imagen-proyectos img {
        width: 100%;
    }

    .portada-seccion-proyectos.layout--twocol-section.layout--twocol-section--25-75 {
        flex-wrap: wrap;
        margin-left: 0;
    }
}

@media (min-width:500px) and (max-width:1919px) {
    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .slick .views-field-field-imagen-proyectos img {
        width: 100%;
    }
}

@media (min-width: 700px) and (max-width:1365px) {
    .node--type-tecnologias .field--name-field-media-oembed-video iframe {
        width: 90%;
        max-width: 1320px;
        height: 644px;
        position: relative;
    }
}

@media (max-width: 500px) {
    .titulo_cabecera_raya_azul {
        font-size: 40px;
    }
}

@media (min-width: 500px) and (max-width:1365px) {
    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .layout--twocol-section--25-75>.layout__region.layout__region--first {
        padding-top: 1em;
        flex: 0 1 100%;
    }

    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .layout--twocol-section--25-75>.layout__region.layout__region--second {
        flex: 0 1 100%;
        width: auto;
    }

    /* .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .layout__region--first,
    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .layout__region--second {
        flex: 0 1 100%;
    } */
}

@media (min-width: 500px) and (max-width:1680px) {
    .node--type-tecnologias .paragraph--type--vista-slider-con-bloque-texto-a- .layout--twocol-section--25-75>.layout__region.layout__region--first {
        padding-top: 1em;
    }
}

@media (max-width: 500px) {

    .impulsa-futuros-visibles-bicicleta,
    .impulsa-futuros-visibles-ultima-milla {
        width: 100% !important;
    }
}

@media (min-width: 500px) and (max-width:1700px) {

    .ultima_milla_seccion_cabecera .ine-breadcrum ol,
    .bicicleta_seccion_cabecera .ine-breadcrum ol {
        padding-top: 15px;
    }
}

@media (min-width:1200px) {
    #block-dropdownlanguage {
        display: none;
    }

    #block-buscadorsticky-2 {
        display: none;
    }

    #navbar-main ul>li>a {
        font-size: 16px;
        font-family: Poppins-Semibold;
        padding: 0px 0px;
        margin: 0 15px;
    }
}

@media (min-width: 1200px) and (max-width:1700px) {
    #navbar-main {
        max-width: calc(100% - 600px);
    }
}

@media (min-width:1366px) and (max-width: 1700px) {
    .portada-proyectos-texto {
        padding-left: 20px;
    }
}

@media (max-width: 1366px) {
    .impulsa-futuros-visibles-titulo h2 {
        margin-bottom: 1em;
        padding-top: 1em;
    }
}

@media (min-width: 500px) and (max-width: 900px) {
    .portada-slider-soluciones .slide .views-field-name {
        font-size: 14px;
        max-width: calc(100% - 50px);
    }

    .portada-slider-soluciones .slide .views-field-field-soluciones-texto-thumbline {
        font-size: 12px;
        padding: 20px;
    }
}

@media (min-width:1200px) and (max-width:1366px) {
    .impulsa-futuros-visibles-link {
        top: unset;
        margin-top: 10px;
    }
}

@media (min-width: 500px) and (max-width: 990px) {
    .impulsa-tecnologias {
        top: unset;
        margin-bottom: 50px;
        height: auto;
        max-height: auto;
    }
}

@media (min-width: 768px) {
    .slick--view--tecnologias li {
        background: transparent;

    }

    .slick--view--tecnologias li .tv-inner {
        background: #ffffff;
    }
}

@media (max-width: 900px) {

    .portada-seccion-proyectos .view-proyectos .views-field-title,
    .portada-seccion-proyectos .view-proyectos .views-field-title a,
    .portada-seccion-proyectos .view-proyectos .views-field-title a:visited {
        font-size: 23px;
    }

    .portada-seccion-proyectos .view-proyectos .slick .views-field-title {
        padding-right: 10px !important;
    }
}

@media (min-width: 900px) and (max-width: 1366px) {

    .portada-seccion-proyectos .view-proyectos .views-field-title,
    .portada-seccion-proyectos .view-proyectos .views-field-title a,
    .portada-seccion-proyectos .view-proyectos .views-field-title a:visited {
        font-size: 30px;
    }
}

.header_logo_izq .navbar-brand img {
	width: 192px;
	height: auto;
}

.rrss-footer.ine-rrss li,
.view-redes-sociales.ine-rrss li {
    background: none;
}

.ine-rrss img {
    width: 59px;
    height: 59px;
}

/* ----------------------------------- vista de revistas ------------------------------------------------- */
.view-revistas ul {
    border-radius: 0px;
}

.revista_foto_portada {
	position: relative;
}

.image-style-revista-portada {
	position: relative;
}

.revista_foto_portada img {
    width: 100%;
    min-width: 100%;
	overflow: hidden;
    transition: transform 0.25s;
}

.revista_foto_portada_container {
    position: relative;
	overflow: hidden;
}

.revista_foto_portada::before {
	transition: all 500ms ease;
	content: '';
	position: absolute;
	background: transparent linear-gradient(136deg, rgba(24, 68, 135, 1) 0%, rgba(26, 67, 133, 1) 26%, rgba(34, 65, 128, 1) 41%, rgba(49, 61, 120, 1) 53%, rgba(69, 56, 109, 1) 65%, rgba(95, 50, 95, 1) 75%, rgba(127, 42, 77, 1) 84%, rgba(164, 33, 56, 1) 93%, rgba(203, 24, 35, 1) 100%) 0% 0% no-repeat padding-box;
	background-size: auto;
	opacity: 0.71;
	background-size: cover;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	mix-blend-mode: hard-light;
	pointer-events: none;
}

.revista_foto_portada_container a:hover .revista_foto_portada::before {
    cursor: pointer;
    transition: all 500ms ease;
    opacity: 1;
    background: linear-gradient(to right, rgba(111, 112, 114, 0.8)0%, rgba(8, 1, 4, 0.8) 100%);
}

.revista_foto_portada_container::after {
  text-decoration: none;
  z-index: 6;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 25px;
  content: "\f061";
  position: absolute;
  background-color: #FFFFFF;
  background-size: 30px;
  color: #3463AC;
  bottom: 0;
  right: 0;
  height: 50px;
  width: 50px;
  border-top-left-radius: 5px;
  opacity: 0.6;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  pointer-events: none;
}

.revista_foto_portada_container:hover::after {
   color: red;
   opacity: 1;
}

.revista_titulo_vista  {
    position: relative;
	width: 80%;
}

/* .enlace_titulo_revista:hover a {
	pointer-events: none;
} */

/* .revista_titulo_vista h2:hover {
	pointer-events: none;
} */

.revista_titulo_vista h2 {
	position: absolute;
	font-family: 'Poppins-SemiBold';
	bottom: 20px;
	left: 20px;
	text-decoration: none;
	font-size: 34px;
	z-index: 5;
	color: #FFFFFF;
	font-weight: 600;
	word-wrap: break-word;
	z-index: 10;
	width: 80%;
}

.revista_titulo_vista h2:visited {
    color: #FFFFFF;
    font-size: 34px;
    font-family: 'Poppins-Semibold';
    font-weight: 600;
    width: fit-content;
    word-wrap: break-word;
}


.revista_foto_portada a::before {
    content: "";
    background: transparent linear-gradient(138deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%, #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%);
    opacity: 0.62;
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 40px);
    display: block;
    height: 100%;
}

.revista_foto_portada_container a:hover .revista_foto_portada{
    transform: scale(1.1); 
    transition: transform .2s;
    background: transparent linear-gradient(138deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%, #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%);
}

.revista_foto_portada_container a:hover .revista_titulo_vista h2 {
    border-bottom: 4px solid #FFFFFF;
}

div.views-field-field-revista-titulo a::after {
    content: "";
    width: 0;
    border-bottom: 2px solid rgba(255, 255, 255, 1);
    display: block;
}

.views-field-view-node a {
   pointer-events: none;
}

.views-field-field-revista-titulo {
   pointer-events: none;
}

.views-field-field-revista-titulo a {
   pointer-events: none;
}

.views-field-field-revista-foto-indice+div.views-field-view-node a::after {
    content: "";
    width: 0;
    border-bottom: 2px solid rgba(255, 255, 255, 1);
    display: block;
}

.views-field-field-revista-foto-indice:hover+div.views-field-view-node a::after {
    width: 100%;
    transition: width 0.4s;
}


@media (min-width: 577px) {
  .view-revistas .block-column > .grid, .item-list > .block-column > .grid {
     padding: 0px 20px;
	 background-color: transparent;
  }

  .block-views-blockrevistas-block-2 > .grid, .item-list > .block-column > .grid {
     padding: 0px 20px;
	 background-color: transparent;
  }
}


@media (max-width: 576px) {
  .view-revistas .block-column > .grid, .item-list > .block-column > .grid {
     padding: 0px 20px;
  }

  .revista_titulo_vista h2 {
	font-size: 30px;
	line-height: 1.2;
  }
}


/* --------------- R E V I S T A S --------------- */
.path-impulsa-futuros-visibles-conectados-con-el-espacio .paragraph--type--revista-titulo-y-subtitulo-sobre,
.path-insights-visible-futures-connected-space .paragraph--type--revista-titulo-y-subtitulo-sobre
{
    margin-top: 1rem;
}

.path-impulsa-futuros-visibles-ultima-milla .field--name-field-parrafos > .field__item:nth-child(1) img,
.path-insights-visible-futures-last-mile .field--name-field-parrafos > .field__item:nth-child(1) img{
    margin-top: -4em;
}

.header-revista{
    background-repeat: no-repeat;
    background-size: cover;
}

.nombre_revista {
    letter-spacing: 0px;
    font-size: 60px;
    font-style: normal;
    font-family: 'Poppins-SemiBold';
    color: #F9F9FA;
	line-height: 0.5em;
	padding-top: 30px;
    text-indent: -65px;
    padding-left: 65px;
}

.titulo_revista{
    padding-top: 50px;
    padding-bottom: 50px;
}

.titulo_revista h1{
    letter-spacing: 0px;
    font-size: 60px;
    font-style: normal;
    font-family: 'Poppins-SemiBold';
    color: #F9F9FA;
    text-align: right;
    padding-bottom: 30px;
}

.titulo_sobre_imagen {
    letter-spacing: 0px;
    line-height: 1.0em;
    text-transform: uppercase;
    font-size: 60px;
    font-style: normal;
    font-family: 'Poppins-SemiBold';
    font-weight: 900;
    color: #F9F9FA;
    text-shadow: 0px 3px 6px #00000087;
}

.subtitulo_sobre_imagen {
    letter-spacing: 0px;
    font-size: 30px;
    font-style: normal;
    font-family: 'Poppins-Regular';
    color: #F9F9FA;
    padding-bottom: 30px;
    font-weight: normal;
    line-height: 1.em;
    text-shadow: 0px 3px 6px #00000087;
}

.fondo_degradado_azul_rojo {
    text-align: center;
    display: flex;
    align-items: center;
    vertical-align: middle;
    background: transparent linear-gradient(96deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%, #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%) 0% 0% no-repeat padding-box;
    margin-top: 2em;
    background: transparent linear-gradient(96deg, #184487 0%, #1A4385 26%, #224180 41%, #313D78 53%, #45386D 65%, #5F325F 75%, #7F2A4D 84%, #A42138 93%, #CB1823 100%) 0% 0% no-repeat padding-box;
}

.texto_blanco_40 {
    font-size: 40px;
    color: #F9F9FA;
}

.revista_numero_parrafo {
    padding-left: 15px;
    padding-right: 15px;
    font: normal normal 600 90px/37px 'Poppins-SemiBold';
    color: #FFFFFF;
    padding-bottom: 24px;
}

.revista_achicar_titulo_der {
    padding-right: 50% !important;
}

.revista_achicar_titulo_izq {
    padding-left: 50% !important;
}

.revista_titulo_parrafo {
    padding-right: 50%;
    font-size: 40px;
    line-height: 1.2em;
    font-family: 'Poppins-SemiBold';
    margin-bottom: 1em;
    margin-top: 0.5em;
    padding-left: 15px;
    padding-right: 15px;
    /* position: relative; */
}

/* .titulo_derecha{
    display: flex;
    justify-content: flex-end;
}

.titulo_izquierda{
    display: flex;
    justify-content: flex-start;
} */


.titulo_derecha h2,
.titulo_izquierda h2 {
    /* padding-left: 52% !important; */
    position: relative;
    z-index: 2;
    font-size: 40px;
    max-width: 60%;
}

.color_decoracion_rojo h2::after {
    background-color: #CB1823;
    opacity: 0.5;
    content: '';
    position: absolute;
    bottom: 0px;
    left: -75px;
    display: block;
    height: 24px;
    width: 230px;
    z-index: -1;
}

.color_decoracion_azul h2::after {
    background-color: #6B96CF;
    opacity: 0.7;
    content: '';
    position: absolute;
    bottom: -8px;
    right: -75px;
    display: block;
    height: 24px;
    width: 230px;
    z-index: -1;
}

.revista_cuerpo_parrafo {
    font-family: 'Poppins-Regular';
    color: #303555;
    font-size: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.revista_cuerpo_parrafo ul{
    margin-top: 3em;
}

.revista_cuerpo_parrafo ul li{
    margin-bottom: 1em;
}

.revista_cuerpo_parrafo li::marker{
    color: #184487;
}

.revista_texto_parrafo {
    padding-left: 60px;
    padding-right: 60px;
}

.revista_foto_parrafo {
    position: relative;
}
.revista_foto_parrafo img{
    width: 100%;
}

/* Inicio - Videos remotos parrafo revista */
.revista_foto_parrafo .field--name-field-rev-media,
.revista_foto_parrafo .field--name-field-rev-media .contextual-region,
.revista_foto_parrafo .field--name-field-rev-media .contextual-region .field--name-field-media-oembed-video
{
    height: 100%;
}

.revista_foto_parrafo .field--name-field-rev-media .contextual-region .field--name-field-media-oembed-video iframe{
    width: 100%;
    height: 100%;
}
/* Fin - Videos remotos parrafo revista */

.revista_foto_parrafo .field--name-field-rev-media .contextual-region .field--name-field-media-video-file video{
    width: 100%;
    height: 100%;
}


/* .revista_foto_parrafo .field--name-field-media-image{
 width: 100%;
 max-width: 100%;
 height: auto;
} */

.cuadrado_aba_izq .revista-cuadrado-blanco .field--type-image .field__item::after {
    content: '';
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    position: relative;
    bottom: 40px;
    z-index: 9;
    display: block;
}

.cuadrado_arr_der .revista-cuadrado-blanco .field--type-image .field__item::after {
    content: '';
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 9;
    display: block;
}

.paragraph--type--revista-texto-y-foto .field--name-field-media-image,
.paragraph--type--revista-texto-y-foto .field--name-field-rev-media,
.paragraph--type--revista-texto-y-foto .field--type-image img{
    margin: 0;
}

/* --------------- Revista Datos--------------- */
.revista-datos-container {
    /* text-align: center; */
    min-height: 600px;
    align-items: center;
    background-position: center;
    color: #303555;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-origin: content-box, padding-box;
    padding-top: 30px;
    padding-bottom: 30px;
}

.revista-cabecera-datos h2{
    padding-top: 30px;
    margin-bottom: 80px;
    font-weight: 500;
    font-size: 40px;
    color: #303555;
    font-family: 'Poppins-SemiBold';
    /* padding-bottom: 3em; */
    /* text-transform: uppercase; */
}

.revista-imagen-dato{
    width: 135px;
    height: 135px;
}

.revista-titulo-dato {
    font-size: 30px;
    color: #184487;
    font-family: 'Poppins-Regular';
}

.revista-titulo-dato b,
.revista-titulo-dato strong,
.revista-titulo-dato span {
    font-family: 'Poppins-SemiBold';
    font-size: 50px;
}

.revista-cuerpo-dato {
    font-family: 'Poppins-Regular';
    font-size: 20px;
    padding-left: 25px;
    padding-right: 25px;
    /* color: #184487; */
}
/* --------------- Revista Título y texto --------------- */
.revista-titulo-texto{
    padding-top: 50px;
    padding-bottom: 50px;
}

.revista-titulo-texto h2{
    margin-top: 1em;
    font-size: 40px;
    font-style: normal;
    font-family: 'Poppins-SemiBold';
    margin-bottom: 0.8em;
}

.revista_linea_titulo h2::before,
.revista_linea_titulo h2::after {
    background-color: #6B96CF;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 10%;
}

.revista_linea_titulo h2::before {
    right: 0.5em;
    /* margin-left: -50%; */
}

.revista_linea_titulo h2::after {
    left: 0.5em;
    /* margin-right: -50%; */
}

.revista_cuerpo_azul{
    color: #184487;
}

/* --------------- Revista Autores --------------- */
.autor-unico-seccion{
    padding-top: 60px;
    padding-bottom: 60px;
}

.autor-unico-seccion h2,
.autor-unico-seccion h3 {
    font-family: 'Poppins-SemiBold';
    color: #303555;
}

.cabecera-datos {
    padding-top: 0px;
    margin-top: 300px;
}

.cabecera-datos h2,
.cabecera-datos-unico h2{
    padding-top: 30px;
    font-weight: 500;
    font-size: 40px;
    color: #303555;
    font-family: 'Poppins-SemiBold';
    text-transform: uppercase;
    letter-spacing: 4px;
    position: relative;
    z-index: 2;
}

.cabecera-datos h2::after,
.cabecera-datos-unico h2::after{
    content: '';
    background-color: #6B96CF;
    position: absolute;
    bottom: 3px;
    left: -1.5em;
    display: block;
    height: 22px;
    width: 174px;
    z-index: -1;
}

.revista-autor-item {
    font-family: 'Poppins-Regular';
    background-color: #ffffff;
    border: 1px solid #e1e2e3;
    text-align: center;
    margin: 25px;
    padding: 30px;
    min-height: 550px;
    /* height: 550px; */
    /* max-width: 85%; */
    width: 85%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.revista-autor-item-descripcion{
    font-family: 'Poppins-Regular';
    padding: 1em;
}

.revista-autor-item h2{
    font-family: 'Poppins-Semibold';
    font-size: 28px;
}

.revista-autor-item h3
{
    font-size: 17px;
}

.revista-autor-item-descripcion h2{
    font-size: 40px;
}

.revista-autor-item-descripcion h3{
    font-size: 24px;
    margin-bottom: 40px;
}

.revista-autor-item-foto {
    background-image: url(../../../../sites/default/files/2023-02/fondo_autor.png);
    background-position-y: center;
    background-position-x: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.revista-autor-item-foto img {
    width: 64%;
    margin-top: 36px;
    margin-bottom: 30px;
}

.revista-autor-overlay {
    /* overflow: scroll; */
    /* padding: 20px; */
    width: 100%;
    height: 100%;
    background: white;
    /* font-size: 10px; */
}

.revista-autor-overlay h2 {
    margin-bottom: 1.8em;
    font-size: 1.5rem;
    display: inline-block;
}

.revista-autor-overlay h2::after {
    content: '';
    width: 100%;
    display: block;
    background: #6b96cf;
    height: 2px;
    margin-top: 0.8em;
}

.revista-autor-overlay p{
    font-size: 15px;
}

.revista-autor-item:hover .revista-autor-overlay {
    display: block !important;
}
.revista-autor-item:hover .revista-autor-resumen{
    display: none;
}


/* --------------- M E D I A S  Q U E R I E S --------------- */
@media (max-width: 1399px) { /* XL */


    .titulo_derecha h2, .titulo_izquierda h2{
        max-width: 55%;
    }

    .revista-autor-overlay p{
        font-size: 11px;
    }

}

@media (max-width: 1199px) { /* LG */
    .path-impulsa-futuros-visibles-ultima-milla .field--name-field-parrafos > .field__item:nth-child(1) img,
    .path-insights-visible-futures-last-mile .field--name-field-parrafos > .field__item:nth-child(1) img{
        margin-top: 0em;
    }
    .cabecera-datos {
        margin-top: 0px;
    }

    .revista-autor-overlay p{
        font-size:13px;
    }    

    .revista_titulo_vista h2{
        font-size: 25px;
    }

    .cuadrado_aba_izq .revista-cuadrado-blanco .field--type-image .field__item::after,
    .cuadrado_arr_der .revista-cuadrado-blanco .field--type-image .field__item::after{
        display: none;
    }
}

@media (max-width: 991px) { /* MD */

}

@media (max-width: 767px) { /* SM */
    .revista-titulo-texto{
        padding: 50px 20px;
    }
}

@media (max-width: 575px) {/* XS */
    .titulo_cabecera_raya_azul h1{
        font-size: 40px;
    }

    .nombre_revista{
        padding-top: 0px;
        text-indent: -45px;
        padding-left: 60px;
    }

    .titulo_revista{
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .titulo_revista h1{
        margin-bottom: 0px;
        font-size: 30px;
        padding: 50px 10px 30px 10px;
    }

    .titulo_derecha h2, 
    .titulo_izquierda h2{
        font-size: 25px;
        max-width: 100%;
    }

    .revista-autor-item{
        min-height: auto;
    }

    .revista-cabecera-datos h2{
        margin-bottom: 30px;
        font-size: 25px;
    }
    .revista_titulo_parrafo{
        margin-bottom: 30px;
    }

    .revista-titulo-texto h2{
        font-size: 25px;
    }

    .revista-titulo-texto{
        padding: 50px 20px;
    }

    .revista_texto_parrafo {
        padding-left: 0px;
        padding-right: 0px;
    }

    .color_decoracion_azul h2::after{
        height: 15px;
        right: -15px;
        width: 130px;
        bottom: -6px;
    }
    .color_decoracion_rojo h2::after{
        height: 15px;
        bottom: -6px;
        width: 210px;
        left: -20px;
    }

    .revista_numero_parrafo{
        font-size: 45px;
        padding-bottom:0;
    }

    .revista_linea_titulo h2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: nowrap;
    }

    .revista_linea_titulo h2::before,
    .revista_linea_titulo h2::after{
        align-self: center;

        position: unset;
        /* left: 0; */
        background: #6B96CF;
        /* top: 50%; */
        width: 10%;
        height: 2px;
        display: block;
    }

    .revista_linea_titulo h2::before {
        /* right: unset; */
        margin-left: unset;
        left: -20px;
    }

    .revista_linea_titulo h2::after {

        /* left: unset; */
        margin-right: unset;
        right: -20px;
    }

    .revista_foto_parrafo p{
        margin-bottom: 0px;
    }

    .revista_cuerpo_parrafo {
        font-size: 16px;
    }

    .titulo_sobre_imagen{
        font-size: 20px;
    }

    .subtitulo_sobre_imagen{
        font-size: 16px;
    }

    .cabecera-datos h2{
        font-size: 24px;
        padding-left: 45px;
        letter-spacing: 0px;
    }

    .cabecera-datos h2::after{
        left: -1.5em;
        height: 15px;
        bottom: -5px;
    }


    .cabecera-datos-unico h2::after{
        bottom: -6px;
        left: -45px;
        width: 111px;
    }

    .autor-unico-seccion{
        font-size: 16px;
        padding-bottom: 0px;
    }
    .autor-unico-seccion h2{
        font-size: 24px;
        margin-bottom: 8px;
    }
    .autor-unico-seccion h3 {
        font-size: 18px;
        margin-bottom: 8px;
    }
}