.nat-banner-sostenibilidad {
    text-align: center
}

.nat-banner-sostenibilidad .title {
    font-weight: 300;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    margin: 0 auto 5px
}

.nat-banner-sostenibilidad .subtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    margin: 0 auto 18px
}

.nat-banner-sostenibilidad .title-banner-2 {
    text-align: center;
    margin: 8px auto;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px
}

.nat-banner-sostenibilidad .btn-sostenibilidad {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 1;
    padding: 0 20px;
    min-width: 142px;
    background-color: #0b2739;
    color: #fff;
    border-radius: 100px;
    transition: initial
}

@media only screen and (min-width:600px) {
    .nat-banner-sostenibilidad .btn-sostenibilidad {
        font-size: 18px;
        min-width: 228px;
        height: 48px
    }
}

@media(min-width:993px) {
    .nat-banner-sostenibilidad {
        text-align: left
    }

    .nat-banner-sostenibilidad .title {
        font-size: 40px;
        line-height: 50px;
        text-align: left
    }

    .nat-banner-sostenibilidad .subtitle {
        font-size: 18px;
        line-height: 24px;
        text-align: left
    }

    .nat-banner-sostenibilidad .title-banner-2 {
        text-align: left;
        margin: 8px 0;
        font-weight: 400;
        font-size: 24px;
        line-height: 30px
    }
}

.nat-titulo-tabs h2 {
    font-weight: 300;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    color: #019df4;
    margin: 30px auto 10px
}

.nat-titulo-tabs p {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #50535a;
    max-width: 290px;
    margin: 0 auto
}

.nat-titulo-tabs .image--responsive {
    display: block;
    max-width: 200px;
    margin: 0 auto
}

@media(min-width:993px) {
    .nat-titulo-tabs h2 {
        font-size: 40px;
        line-height: 50px
    }

    .nat-titulo-tabs p {
        font-size: 20px;
        line-height: 25px;
        max-width: 742px
    }

    .nat-titulo-tabs .image--responsive {
        max-width: 100%
    }
}

.nat-titulo-tabs a.btn-titulo-tabs {
    width: 108px;
    height: 32px;
    border: 1px solid #019df4;
    box-sizing: border-box;
    border-radius: 200px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: .0125em;
    text-transform: uppercase;
    color: #019df4;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px auto
}

.tab-title-variable {
    font-weight: 700 !important;
    color: #019df4
}

.nat-titulo-tabs .banner-lateral {
    background: #f5f5f5;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .02), 0 2px 2px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);
    border-radius: 9px;
    width: 320px;
    height: 205.44px;
    margin: 40px auto;
    position: relative
}

.nat-titulo-tabs .banner-lateral h3 {
    font-weight: 300;
    font-size: 24px;
    line-height: 30px;
    color: #019df4;
    max-width: 207.82px;
    text-align: left;
    margin: 0 0 0 24px;
    padding-top: 15px
}

.nat-titulo-tabs .banner-lateral a {
    width: 123px;
    height: 40px;
    background: #019df4;
    border-radius: 200px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .0125em;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px
}

.nat-titulo-tabs .banner-lateral img {
    position: absolute;
    bottom: 0;
    right: 0
}

.nat-titulo-tabs .text-cian {
    color: #019df4
}

@media(min-width:993px) {
    .nat-titulo-tabs .banner-lateral {
        margin: 40px auto;
        width: 1078.6px;
        height: 108.59px;
        background: #f5f5f5;
        box-shadow: 0 3px 4px rgba(0, 0, 0, .02), 0 2px 2px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);
        border-radius: 9px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .nat-titulo-tabs .banner-lateral h3 {
        font-weight: 300;
        font-size: 32px;
        line-height: 40px;
        text-align: center;
        color: #019df4;
        margin: 0 auto;
        padding-top: 0;
        max-width: 100%
    }

    .nat-titulo-tabs .banner-lateral img {
        position: inherit
    }

    .nat-titulo-tabs .banner-lateral a {
        margin: 0 auto
    }
}

.nat-slider-cards {
    padding-bottom: 60px
}

.nat-slider-cards .ct-slider .slider-cards-sostenibilidad .item {
    display: flex;
    width: 290px;
    height: 567.44px;
    flex-direction: column;
    align-items: center;
    background: #fff;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .02), 0 2px 2px rgba(0, 0, 0, .14), 0 1px 5px rgba(0, 0, 0, .12);
    border-radius: 9px;
    margin: 40px auto
}

.nat-slider-cards .ct-slider .slider-cards-sostenibilidad .item .parrafo-ct {
    padding: 0 20px;
    height: 421px
}

.nat-slider-cards .ct-slider .slider-cards-sostenibilidad .item .parrafo-ct h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #50535a;
    text-align: left;
    margin: 15px 0 13px
}

.nat-slider-cards .ct-slider .slider-cards-sostenibilidad .item .parrafo-ct p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #50535a;
    text-align: left;
    min-height: 300px;
    margin: 0
}

.nat-slider-cards .ct-slider .slider-cards-sostenibilidad .item .parrafo-ct a {
    width: 108px;
    height: 32px;
    border: 1px solid #019df4;
    box-sizing: border-box;
    border-radius: 200px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: .0125em;
    text-transform: uppercase;
    color: #019df4;
    display: flex;
    justify-content: center;
    align-items: center
}

.nat-slider-cards .ct-slider .slider-cards-sostenibilidad .item picture {
    display: flex
}

@media(min-width:993px) {
    .nat-slider-cards .ct-slider .slider-cards-sostenibilidad .item {
        display: flex;
        width: 1250px;
        height: 294px;
        flex-direction: initial;
        align-items: center;
        margin: 35px auto
    }

    .nat-slider-cards .ct-slider .slider-cards-sostenibilidad .item .parrafo-ct {
        height: 280px;
        width: 932px
    }

    .nat-slider-cards .ct-slider .slider-cards-sostenibilidad .item .parrafo-ct h3 {
        font-weight: 300;
        font-size: 40px;
        line-height: 50px;
        margin: 40px 0 20px
    }

    .nat-slider-cards .ct-slider .slider-cards-sostenibilidad .item .parrafo-ct p {
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        min-height: 120px
    }
}

.nat-slider-cards.forma-2 h2.text-cian {
    font-weight: 300;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto
}

.nat-slider-cards.forma-2 {
    margin-bottom: 30px
}

@media(min-width:993px) {
    .nat-slider-cards.forma-2 h2.text-cian {
        font-weight: 300;
        font-size: 40px;
        line-height: 50px
    }
}

.nat-fundacion-telefonica {
    padding: 50px 0 110px;
    background-color: #f4f4f3
}

.nat-fundacion-telefonica .ct-fundacion {
    position: relative;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0
}

.nat-fundacion-telefonica .text-fundacion {
    width: 334px;
    height: 493.98px;
    background: rgba(255, 255, 255, .9);
    border-radius: 23px;
    padding: 25px 22px;
    position: relative;
    z-index: 0;
    margin: 0 auto
}

.nat-fundacion-telefonica .text-fundacion a {
    width: 123px;
    height: 40px;
    background: #e63780;
    border-radius: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: .0125em;
    text-transform: uppercase;
    color: #fff
}

.nat-fundacion-telefonica .img-2,
.nat-fundacion-telefonica .img-3 {
    display: none
}

.nat-fundacion-telefonica .img-1 {
    position: absolute;
    top: -92px;
    right: 0;
    z-index: 1
}

.nat-fundacion-telefonica .img-4 {
    position: absolute;
    bottom: -75px;
    right: 0
}

.nat-fundacion-telefonica .text-fundacion h2 {
    font-weight: 300;
    font-size: 32px;
    line-height: 40px;
    color: #50535a
}

.nat-fundacion-telefonica .text-fundacion p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #50535a;
    margin-bottom: 20px
}

@media (min-width:993px) {
    .nat-fundacion-telefonica {
        padding: 20px 0
    }

    .nat-fundacion-telefonica .ct-fundacion {
        position: relative;
        max-width: 1360px;
        margin: 0 auto;
        padding: 91px 0 131px 130px
    }

    .nat-fundacion-telefonica .text-fundacion {
        width: 832.22px;
        height: 393.06px;
        background: rgba(255, 255, 255, .9);
        border-radius: 23px;
        padding: 1px 45px;
        position: relative;
        z-index: 2;
        margin: 0
    }

    .nat-fundacion-telefonica .text-fundacion h2 {
        font-weight: 300;
        font-size: 40px;
        line-height: 50px;
        color: #50535a;
        margin: 66px 0 20px
    }

    .nat-fundacion-telefonica .text-fundacion p {
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        color: #50535a;
        margin: 0 0 20px
    }

    .nat-fundacion-telefonica .img-1,
    .nat-fundacion-telefonica .img-4 {
        display: none
    }

    .nat-fundacion-telefonica .img-2,
    .nat-fundacion-telefonica .img-3 {
        display: block
    }

    .nat-fundacion-telefonica .img-2 {
        position: absolute;
        top: 60px;
        bottom: 0;
        right: 0;
        z-index: 1
    }

    .nat-fundacion-telefonica .img-3 {
        position: absolute;
        bottom: 32px;
        left: 0
    }
}

.nat-slider-cards.gestion {
    position: relative;
    padding: 40px 0;
    background: #019df4
}

.nat-slider-cards.gestion .ct-slider .center-align h2 {
    font-weight: 300;
    font-size: 40px;
    line-height: 1.3;
    margin-top: 40px;
    color: #fff;
    margin: 0 auto 8px;
    text-align: center
}

.nat-slider-cards.gestion .ct-slider .center-align p {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    padding-bottom: 8px
}

.nat-slider-cards.gestion .ct-slider .slider-cards-sostenibilidad .item.links-items .parrafo-ct p {
    min-height: auto;
    margin: 0
}

.nat-slider-cards.gestion .ct-slider .slider-cards-sostenibilidad .item .parrafo-ct p a.link-gestion {
    display: block;
    border: 0;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-decoration-line: underline;
    color: #019df4;
    margin: 0;
    width: 100%;
    height: auto;
    border-radius: 0;
    text-align: left;
    margin-bottom: 20px
}

.nat-slider-cards .ct-slider .slider-cards-sostenibilidad .item picture {
    display: flex;
    margin-left: -1px
}

.nat-slider-cards.gestion .slider-cards-sostenibilidad .item .img-ct {
    background-color: #017ff4;
    border-radius: 9px 9px 0 0
}

@media(min-width:993px) {
    .nat-slider-cards.gestion {
        padding: 60px 0
    }

    .nat-slider-cards.gestion .ct-slider .center-align h2 {
        font-size: 64px;
        margin-top: 0
    }

    .nat-slider-cards.gestion .ct-slider .center-align p {
        font-size: 24px;
        line-height: 30px
    }

    .nat-slider-cards.gestion .ct-slider .slider-cards-sostenibilidad .item.links-items {
        height: 342px
    }

    .nat-slider-cards.gestion .ct-slider .slider-cards-sostenibilidad .item .parrafo-ct p a.link-gestion {
        font-size: 18px;
        margin-bottom: 0
    }

    .nat-slider-cards.gestion .slider-cards-sostenibilidad .item .img-ct {
        background-color: transparent;
        border-radius: 0
    }
}

.nat-slider-cards.gestion .slick-dots li button:before {
    color: #d3d4d3;
    opacity: 1
}

.nat-slider-cards.gestion .slick-dots li.slick-active button:before {
    color: #000
}

.todos-podemos {
    position: relative;
    background-color: #f4f4f3;
    padding: 40px 0
}

.todos-podemos .services-links-title {
    margin: 0 auto;
    margin-bottom: 30px
}

.todos-podemos .services-links-wrapper {
    padding: 0
}

.nateevo-movTotal--todosPueden .services-links__text {
    max-width: 290px;
    margin: 0 auto
}

.todos-podemos .services-links-container {
    width: 95%
}

.todos-podemos .services-links__img {
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center
}

.services-links__text {
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #50535a;
    letter-spacing: 0;
    line-height: 24px;
    padding-bottom: 8px;
    display: block;
    max-width: 290px;
    margin: 15px auto;
    text-align: center
}

.category-tabs-container .category-tabs.tabs {
    width: 100%
}

.todos-podemos .services-links__title {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #50535a;
    letter-spacing: 0;
    line-height: 24px;
    padding-top: 12px;
    margin: 0;
    text-align: center
}

.slider-todos-pueden .swiper-pagination {
    position: relative;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    margin-top: 15px
}

.slider-todos-pueden .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0;
    left: 0;
    width: 100%
}

.slider-todos-pueden .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.slider-todos-pueden .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: 0 0;
    opacity: 1;
    border: 1px solid #e9eae8;
    background: #e9eae8
}

.slider-todos-pueden .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    border: 1px solid #0b2739;
    background: #0b2739
}

.slider-todos-pueden .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

@media only screen and (min-width:993px) {
    .todos-podemos {
        padding: 60px 0
    }

    .services-links__title {
        height: 75px
    }

    .slider-todos-pueden .swiper-pagination {
        display: none
    }
}

@media only screen and (min-width:1201px) {
    .todos-podemos .services-links-title {
        max-width: 812px
    }

    .todos-podemos .services-links__img {
        height: 150px
    }

    .todos-podemos .services-links__title {
        font-size: 18px;
        padding-bottom: 13px;
        margin: 15px auto 13px
    }

    .todos-podemos .services-links {
        position: relative;
        padding: 25px 15px 50px 15px
    }

    .services-links__text {
        overflow: hidden;
        font-size: 18px;
        line-height: 24px;
        max-width: 320px;
        margin: 0 auto;
        height: max-content
    }
}

.nat-slider-memorias {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px
}

.nat-slider-memorias h2 {
    font-weight: 300;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    color: #50535a;
    margin: 0 auto 30px
}

.nat-slider-memorias p {
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    color: #50535a;
    margin: 60px auto 30px;
    max-width: 290px
}

.ct-slider-memorias {
    max-width: 1067px;
    margin: 0 auto
}

.ct-slider-memorias .swiper-pagination {
    position: relative;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    margin-top: 15px
}

.ct-slider-memorias .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0;
    left: 0;
    width: 100%
}

.ct-slider-memorias .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.ct-slider-memorias .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: 0 0;
    opacity: 1;
    border: 1px solid #e9eae8;
    background: #e9eae8
}

.ct-slider-memorias .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    border: 1px solid #0b2739;
    background: #0b2739
}

.ct-slider-memorias .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.nat-slider-memorias a {
    text-decoration: underline
}

.nat-slider-memorias a img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.nat-slider-memorias .slick-dots li button:before {
    font-size: 32px
}

.nat-slider-memorias .slick-dots li {
    margin: 0
}

.nat-slider-memorias .slick-dotted.slick-slider {
    margin-bottom: 60px
}

@media(min-width:993px) {
    .nat-slider-memorias {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .nat-slider-memorias h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0 auto 60px
    }

    .nat-slider-memorias p {
        font-size: 24px;
        line-height: 30px;
        max-width: 100%
    }

    .ct-slider-memorias .swiper-pagination {
        display: none
    }
}

.nat-dudas {
    position: relative;
    background-color: #f4f4f3;
    padding: 40px 0
}

.nat-dudas p {
    font-weight: 300;
    font-size: 20px;
    line-height: 25px;
    color: #50535a;
    margin: 0 auto;
    max-width: 324px;
    text-align: center
}

.nat-dudas p strong {
    font-weight: 400
}

.nat-dudas p a {
    text-decoration: underline
}

@media(min-width:993px) {
    .nat-dudas {
        padding: 60px 0
    }

    .nat-dudas p {
        font-size: 30px;
        line-height: 37px;
        max-width: 1088px;
        margin: 0 auto
    }
}

.banner-hero .slider,
.banner-hero .slider__item {
    height: 500px
}

.banner-hero .slider__item .item__container .container__free-html {
    position: static
}

.banner-hero .glide__slide.glide__slide--0{
    width: 100vw !important;
    max-width: 100vw !important;
}

img{
    max-width: 100%;
}