:root {
    --primary: #c9142c;
    --secondary-blue: #00afaa;
    --verde-amarillo: #ccc946;
    --verde: #83b727;
    --atencion: #e64227;
}

.w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media screen and (max-width: 991px) {
    .w-layout-blockcontainer {
        max-width: 728px;
    }
}

@media screen and (max-width: 767px) {
    .w-layout-blockcontainer {
        max-width: none;
    }
}

h1 {
    color: var(--primary);
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 44px;
}

h2 {
    color: var(--primary);
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
}

p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 140%;
}

a {
    color: #fff;
    text-align: justify;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.navbar {
    z-index: 99;
    background-color: var(--primary);
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
}

.hero {
    background-color: var(--secondary-blue);
    justify-content: flex-end;
    align-items: flex-end;
    height: 75vh;
    display: flex;
}

.bg {
    background-image: url('../images/Hero_BG.webp');
    background-position: 100% 0;
    background-size: cover;
    width: 65%;
    height: 75vh;
    font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
    position: absolute;
    inset: 0% auto auto 0%;
}

.div-block-2 {
    z-index: 1;
    background-color: var(--primary);
    border-radius: 200px 0 0;
    justify-content: center;
    align-items: flex-end;
    width: 40%;
    height: 85%;
    display: flex;
    position: relative;
}

.section {
    margin-top: 60px;
    margin-bottom: 100px;
}

.container {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    display: flex;
}

.div-block-3 {
    width: 60%;
    margin-right: 20px;
}

.cifras {
    width: 40%;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
}

.image {
    height: 80%;
    margin: 40px;
    padding-left: 20px;
}

.image-3 {
    margin-right: 20px;
    padding: 10px;
}

.text-rigth {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    display: flex;
}

.imag-bg {
    z-index: 2;
    background-image: url('../images/Hero_ima.webp');
    background-position: 100% 100%;
    background-size: cover;
    width: 65%;
    height: 75vh;
    font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
    position: absolute;
    inset: 0% auto auto 0%;
}

.text-block {
    font-size: 18px;
}

.contador-num {
    font-size: 80px;
    font-weight: 700;
    line-height: 100%;
}

.contador-num.counter-departamentos {
    color: var(--verde-amarillo);
    -webkit-text-stroke-width: 4px;
}

.contador-num.counter-personas {
    color: var(--secondary-blue);
    -webkit-text-stroke-width: 4px;
}

.card-rigth {
    width: 40%;
    margin-left: 20px;
}

.text-span {
    color: #1c7d81;
    font-size: 20px;
    font-weight: 700;
}

.card-wrapper {
    transform-style: preserve-3d;
    background-color: #fff;
    border-color: #000 #000 #83b727;
    border-bottom-style: solid;
    border-bottom-width: 15px;
    border-top-right-radius: 60px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 250px;
    height: 150px;
    margin: 20px;
    padding: 20px 20px 10px;
    display: flex;
    position: relative;
    box-shadow: 0 2px 5px #0003;
}

.card-wrapper:hover {
    opacity: 1;
    border-top-left-radius: 60px;
    border-top-right-radius: 0;
    transform: scale3d(1.1, 1.1, .5)perspective(9px);
}

.card-wrapper:focus {
    transform: translate(0);
}

.card-wrapper.migraci-n {
    border-bottom-color: var(--verde-amarillo);
}

.card-wrapper.genero {
    border-bottom-color: #00a4a3;
}

.card-wrapper.atenci-n {
    border-bottom-color: #e64227;
}

.card-wrapper.lgtb {
    border-bottom-color: #eb6807;
}

.card-wrapper.jovenes {
    border-bottom-color: #235f80;
}

.title-card {
    color: #83b727;
    font-size: 24px;
    font-weight: 700;
    line-height: 110%;
    transition: all .2s;
    display: block;
}

.image-4 {
    width: 70px;
    margin-right: 5px;
    display: block;
    position: static;
}

.container-2 {
    flex-flow: wrap;
    justify-content: center;
    max-width: 1200px;
    display: flex;
}

.div-block-7 {
    margin: 40px 60px;
    padding-left: 20px;
    padding-right: 20px;
}

.text-block-5 {
    color: var(--secondary-blue);
    text-align: center;
    font-size: 25px;
    line-height: 130%;
}

.section-2 {
    background-color: #00afaa1a;
    padding-top: 60px;
    padding-bottom: 60px;
}

.image-5 {
    max-width: 50%;
    position: relative;
    inset: 0% 0% 0% auto;
}

.section-3 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.section-4 {
    align-items: center;
    display: flex;
}

.container-3 {
    max-width: 500px;
    padding-left: 100px;
}

.section-5 {
    background-color: #efe1c140;
    padding-top: 20px;
    padding-bottom: 40px;
}

.slider {
    background-color: #0000;
    height: auto;
    margin-top: 40px;
    margin-left: 60px;
    margin-right: 60px;
    display: block;
}

.migraci-n {
    color: var(--verde-amarillo);
}

.genero {
    color: var(--secondary-blue);
}

.lgbtiq {
    color: #eb6807;
}

.atenci-n {
    color: #e64227;
}

.paragraph-2 {
    color: #333;
    padding-top: 10px;
    line-height: 130%;
    display: block;
}

.child-normal {
    opacity: 1;
    justify-content: center;
    align-items: center;
    display: flex;
}

.child-normal:hover {
    opacity: 0;
}

.child-hover {
    opacity: 0;
    background-color: #fff;
    margin-right: 20px;
    transition: opacity .2s;
    display: block;
    position: absolute;
}

.child-hover:hover {
    opacity: 100;
}

.jovenes {
    color: #235f80;
}

.div-block-12 {
    display: flex;
}

.list {
    width: 50%;
    font-size: 16px;
    line-height: 140%;
}

.list-item {
    padding-bottom: 10px;
}

.list-item.resaltado {
    color: var(--secondary-blue);
    font-weight: 700;
}

.container-4 {
    max-width: 1200px;
    margin-top: 60px;
    margin-bottom: 100px;
    padding-bottom: 60px;
}

.section-6 {
    background-color: var(--primary);
    border-top-right-radius: 150px;
}

.container-5 {
    height: 600px;
    display: flex;
}

.image-6 {
    max-width: 90%;
    margin-top: 5px;
}

.container-voces {
    justify-content: center;
    align-items: stretch;
    height: 100%;
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
}

.text {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.text._60 {
    width: 60%;
}

.paragraph-3 {
    color: #fff;
    margin-bottom: 40px;
    font-size: 18px;
}

.container-img {
    justify-content: center;
    align-items: flex-end;
    width: 40%;
    display: flex;
}

.container-img.variante {
    width: 40%;
}

.slide-nav {
    display: none;
}

.image-8 {
    width: 70px;
    max-width: none;
    margin-top: 0;
    padding-right: 10px;
    position: relative;
}

.text-span-5,
.text-span-6,
.text-span-7,
.text-span-8,
.text-span-9 {
    color: var(--verde-amarillo);
}

.text-block-6 {
    color: #fff;
    background-color: #790c1b;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-bottom: -30px;
    padding: 10px 60px;
    font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
    display: flex;
}

.div-block-17 {
    justify-content: center;
    align-items: center;
    display: flex;
}

.icon,
.icon-2 {
    color: var(--secondary-blue);
}

.mask-2 {
    margin-left: 40px;
    margin-right: 40px;
}

.left-arrow {
    width: 40px;
    display: block;
}

.left-arrow.hitos {
    display: none;
}

.right-arrow {
    width: 40px;
}

.slide-historias,
.left {
    width: 50%;
}

.rigth {
    width: 50%;
    margin-bottom: 20px;
}

.section-7 {
    background-image: url('../images/Backgrounds-informe.webp');
    background-position: 50%;
    background-repeat: repeat-x;
    background-size: cover;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 60px;
    display: flex;
}

.image-9 {
    display: none;
}

.left-arrow-2,
.right-arrow-2 {
    width: 40px;
}

.slide-nav-2 {
    display: none;
}

.div-block-20 {
    background-color: var(--primary);
    justify-content: flex-start;
    align-items: center;
    padding: 10px 20px;
    display: flex;
}

.image-11 {
    margin-left: 20px;
}

.hero_rigth {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
}

.historia {
    background-color: #fff;
    display: block;
}

.blog-superior {
    justify-content: flex-start;
    align-items: center;
    margin-top: 60px;
    margin-bottom: 60px;
    display: flex;
}

.nombre {
    color: #868686;
    margin-left: 60px;
    font-family: Bebas Neue, sans-serif;
    font-size: 100px;
    line-height: 120%;
}

.div-block-22 {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
}

.div-block-23 {
    width: 30%;
    max-width: 500px;
    margin-left: 40px;
    margin-right: 40px;
}

.nombre-p {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.footer {
    aspect-ratio: 16 / 9;
    background-image: url('../images/tays-7_1.webp');
    background-position: 50% 0;
    background-repeat: repeat-x;
    background-size: cover;
    justify-content: flex-end;
    align-items: flex-end;
    height: auto;
    display: flex;
}

.footer.mayerly {
    background-image: url('../images/Mayerlys-9.webp');
    background-position: 50% 0;
}

.footer.yenis {
    background-image: url('../images/Yanis-8.webp');
    background-position: 50% 0;
}

.footer.luis {
    background-image: url('../images/Luis-10.webp');
    background-position: 50% 0;
}

.footer.luz-robinson {
    background-image: url('../images/LuzRobinson-12.webp');
    background-position: 50% 0;
}

.footer.nor {
    background-image: url('../images/Nor-11.webp');
    background-position: 50%;
}

.blog-inferior {
    justify-content: center;
    align-items: flex-end;
    margin: 60px 40px;
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
}

.detalle {
    z-index: 0;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    display: flex;
    position: relative;
    inset: -1px 0% 0% auto;
}

.quote {
    height: 300px;
    margin-top: 60px;
    margin-bottom: 60px;
    margin-left: 40px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
}

.banner {
    aspect-ratio: 2;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: block;
    overflow: clip;
}

.banner.tays {
    background-image: url('../images/tays-7.webp');
    background-size: cover;
}

.banner.mayerly {
    background-image: url('../images/Mayerlys-3.webp');
    background-position: 50%;
    background-size: cover;
}

.banner.yenis {
    background-image: url('../images/Yenis-16.webp');
    background-position: 50%;
    background-size: cover;
}

.banner.luis {
    background-image: url('../images/Luis-23.webp');
    background-position: 50%;
    background-size: cover;
}

.banner.luz-robinson {
    background-image: url('../images/Luz-Robinson-13.webp');
    background-position: 50%;
    background-size: cover;
}

.banner.nor {
    background-image: url('../images/Nor-Jean-24.webp');
    background-position: 50%;
    background-size: cover;
}

.image-16 {
    margin-top: -1px;
    margin-left: -1px;
    position: absolute;
}

.color {
    width: 200px;
    height: 30px;
}

.color.migraci-n {
    background-color: var(--verde-amarillo);
    height: 30px;
}

.color.genero {
    background-color: var(--secondary-blue);
}

.color.jovenes {
    background-color: #006182;
}

.color.lgbtiq {
    background-color: #fc5d00;
    height: 30px;
}

.color.tierra {
    background-color: var(--verde);
}

.color.atencion-h {
    background-color: #e64227;
    height: 30px;
}

.hero_left {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: auto;
    display: flex;
}

.closemodalbutton {
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px 40px;
    display: flex;
}

.image-21 {
    width: 30px;
}

.container-10 {
    max-width: 1200px;
}

.social-footer {
    margin-bottom: 20px;
}

.section-8 {
    background-color: #333;
    padding: 50px 10px;
}

.a-footer {
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}

.icono {
    width: 30px;
    height: 30px;
    margin-left: 12px;
    margin-right: 12px;
}

.container-11 {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
}

.link {
    text-underline-offset: 4px;
    text-decoration: underline;
}

.info-footer {
    justify-content: center;
    align-items: center;
    width: 30%;
    display: flex;
}

.div-block-26 {
    display: flex;
}

.info-none {
    justify-content: center;
    align-items: center;
    width: 30%;
    display: flex;
}

.slider-hitos {
    background-color: #0000;
    height: auto;
}

.icon-4,
.icon-5 {
    color: var(--secondary-blue);
}

.slide-2 {
    width: 200px;
    margin-right: 0;
}

.slide-nav-3 {
    display: none;
}

.slider-2 {
    background-color: #0000;
    max-width: 100%;
    height: auto;
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
}

.modalwrapper {
    z-index: 9999;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #33333380;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    padding-bottom: 40px;
    display: none;
    position: fixed;
    inset: 0%;
}

.modal-content-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 940px;
    height: auto;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.container-text {
    justify-content: center;
    align-items: center;
    width: 50%;
    display: flex;
}

.container-text._60 {
    width: 60%;
}

.div-block-28 {
    align-items: flex-start;
    display: flex;
}

.text-block-7 {
    font-size: 18px;
}

.div-block-29 {
    flex-flow: row;
    margin-bottom: 60px;
    padding-left: 60px;
    display: flex;
}

.image-23 {
    height: 200px;
    padding-left: 20px;
}

.paragraph-4 {
    align-self: center;
    width: 60%;
}

.div-block-30 {
    width: 60%;
}

.link-block-2 {
    background-color: #eb680a;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 40px;
    padding: 20px 20px 20px 40px;
    display: flex;
}

.link-block-2.genero {
    background-color: var(--secondary-blue);
}

.link-block-2.atencion {
    background-color: var(--atencion);
}

.link-block-2.jovenes {
    background-color: #235f80;
}

.link-block-2.tierras {
    background-color: var(--verde);
}

.link-block-2.migraci-n {
    background-color: var(--verde-amarillo);
}

.text-block-8 {
    color: #fff;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    padding-bottom: 10px;
    display: flex;
}

.white {
    color: #fff;
    letter-spacing: .5px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-right: 20px;
    font-weight: 700;
}

.blog-central {
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 60px;
    margin-bottom: 60px;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
}

.div-block-31 {
    z-index: 1;
    background-color: #eb680a;
    width: 250px;
    height: 50%;
    position: absolute;
    overflow: clip;
}

.div-block-31.genero {
    background-color: var(--secondary-blue);
}

.div-block-31.atenci-n {
    background-color: #e64227;
}

.div-block-31.jovenes {
    background-color: #235f80;
}

.div-block-31.tierras {
    background-color: var(--verde);
}

.div-block-31.migraci-n {
    background-color: var(--verde-amarillo);
}

.image-25 {
    z-index: 2;
    padding-left: 40px;
    position: relative;
}

.text40 {
    width: auto;
    max-width: 500px;
    margin-left: 40px;
    margin-right: 40px;
}

.text-block-9 {
    text-align: left;
}

.image-26 {
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (max-width: 991px) {
    .hero {
        flex-flow: column;
        height: 75vh;
    }

    .bg {
        background-position: 50% 0;
        width: 100%;
        height: 50vh;
    }

    .div-block-2 {
        border-radius: 0;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 35%;
    }

    .cifras {
        flex-flow: row;
        align-items: center;
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
    }

    .image {
        display: none;
    }

    .image-3 {
        width: 100px;
        height: 100px;
    }

    .text-rigth {
        justify-content: center;
        align-items: flex-start;
    }

    .imag-bg {
        width: 100%;
        height: 50vh;
        display: none;
    }

    .text-block {
        text-align: left;
    }

    .contador-num.counter-departamentos {
        text-align: center;
    }

    .card-rigth {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: auto;
        margin-left: 10px;
        display: flex;
    }

    .slider {
        margin-left: 20px;
        margin-right: 20px;
    }

    .slide {
        height: auto;
    }

    .container-4 {
        margin-bottom: 60px;
    }

    .container-5 {
        height: auto;
    }

    .container-voces {
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
        margin-left: 30px;
    }

    .text {
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
        margin-bottom: 0;
        padding-left: 20px;
        display: block;
    }

    .paragraph-3 {
        font-size: 14px;
    }

    .container-img {
        align-items: flex-end;
        width: 45%;
        display: flex;
        position: relative;
        overflow: clip;
    }

    .mask {
        height: auto;
    }

    .image-7 {
        position: relative;
        overflow: visible;
    }

    .left-arrow,
    .left-arrow.hitos {
        display: block;
    }

    .image-9 {
        max-width: 70%;
        display: block;
    }

    .left-arrow-2,
    .right-arrow-2 {
        width: 40px;
    }

    .hero_rigth {
        height: auto;
    }

    .blog-superior {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .footer {
        aspect-ratio: 2.39;
        background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
        background-position: 50%;
        background-size: cover;
        height: auto;
    }

    .quote {
        height: 270px;
    }

    .banner {
        aspect-ratio: 2;
    }

    .hero_left {
        height: auto;
    }

    .social-footer {
        margin-bottom: 20px;
    }

    .section-8 {
        background-color: #464646;
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .a-footer {
        color: #fff;
        text-align: center;
        margin-bottom: 20px;
    }

    .icono {
        width: 30px;
        height: 30px;
        margin-left: 12px;
        margin-right: 12px;
    }

    .container-11 {
        justify-content: center;
        align-items: flex-start;
        margin-top: 15px;
        margin-bottom: 15px;
        display: flex;
    }

    .info-footer {
        width: 370px;
    }

    .div-block-26 {
        flex-flow: column;
    }

    .info-none {
        display: none;
    }

    .hitos {
        max-width: 250px;
    }

    .slider-hitos {
        margin-left: 40px;
        margin-right: 40px;
    }

    .slide-2 {
        width: 33%;
    }

    .slider-2 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .container-text {
        width: 55%;
    }

    .link-block-2 {
        margin-top: 40px;
        padding-top: 0;
    }

    .div-block-31 {
        height: 40%;
    }
}

@media screen and (max-width: 767px) {
    h2 {
        font-size: 30px;
    }

    a {
        font-size: 14px;
    }

    .bg {
        height: 55vh;
    }

    .div-block-2 {
        height: 30%;
    }

    .container {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        padding-left: 0;
    }

    .div-block-3 {
        width: 90%;
        margin-left: 20px;
    }

    .cifras {
        justify-content: center;
        align-items: center;
        margin-left: 20px;
        margin-right: 20px;
    }

    .image-3 {
        width: auto;
        height: 120px;
        padding-left: 0;
    }

    .text-block {
        width: 130px;
        min-width: 0;
        font-size: 18px;
    }

    .contador-num.counter-departamentos,
    .contador-num.counter-personas {
        font-size: 70px;
    }

    .card-rigth {
        flex-flow: wrap;
        justify-content: center;
        align-items: center;
        margin-left: 20px;
        margin-right: 20px;
    }

    .card-wrapper {
        width: 250px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .text-block-5 {
        font-size: 20px;
    }

    .image-5 {
        max-width: 100%;
    }

    .section-4 {
        flex-flow: column;
    }

    .container-3 {
        margin-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .slider {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .slide {
        vertical-align: text-bottom;
    }

    .container-4 {
        margin-bottom: 40px;
    }

    .section-6 {
        border-top-right-radius: 100px;
    }

    .image-6 {
        max-width: 80%;
    }

    .container-voces {
        flex-flow: column;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 0;
        margin-left: 20px;
        margin-right: 20px;
        display: flex;
    }

    .text {
        flex-flow: row;
        width: 90%;
    }

    .text._60 {
        width: auto;
        margin-left: 20px;
        margin-right: 40px;
        padding-left: 0;
    }

    .container-img {
        width: 65%;
    }

    .mask {
        height: auto;
        margin-bottom: -3px;
    }

    .text-block-6 {
        margin-left: 20px;
        margin-right: 20px;
        padding-left: 40px;
        padding-right: 40px;
        font-size: 28px;
    }

    .slide-historias {
        width: 90%;
    }

    .image-9 {
        width: 500px;
        max-width: none;
    }

    .link-block {
        margin-top: 10px;
    }

    .hero_rigth {
        justify-content: flex-end;
        align-items: flex-end;
    }

    .blog-superior {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 0;
        margin-bottom: 0;
    }

    .nombre {
        font-size: 50px;
    }

    .div-block-22 {
        width: auto;
    }

    .div-block-23 {
        width: auto;
        margin-top: 80px;
    }

    .footer {
        aspect-ratio: 2 / 3;
        background-image: url('../images/tays-7_1.webp');
    }

    .blog-inferior {
        flex-flow: wrap;
    }

    .detalle {
        justify-content: flex-end;
        align-items: flex-end;
    }

    .quote {
        height: 220px;
        margin-bottom: 40px;
    }

    .banner {
        aspect-ratio: 3 / 2;
        overflow: clip;
    }

    .image-21 {
        width: 25px;
    }

    .info-footer {
        padding-bottom: 20px;
    }

    .hitos {
        max-width: 200px;
    }

    .slider-hitos {
        margin-left: 20px;
        margin-right: 20px;
    }

    .icon-4,
    .icon-5 {
        background-color: #ffffff80;
        border-radius: 20px;
    }

    .slide-2 {
        width: 50%;
    }

    .slider-2 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .modal-content-2 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .container-text,
    .container-text._60 {
        width: auto;
    }

    .div-block-29 {
        flex-flow: wrap;
    }

    .paragraph-4 {
        width: 90%;
    }

    .div-block-30 {
        width: auto;
        margin-top: 20px;
    }

    .blog-central {
        flex-flow: column;
        margin-top: 0;
        margin-bottom: 0;
    }

    .div-block-31 {
        height: 35%;
    }

    .text40 {
        width: 80%;
    }
}

@media screen and (max-width: 479px) {
    h1 {
        font-size: 30px;
        line-height: 120%;
    }

    h2 {
        font-size: 26px;
    }

    .bg {
        height: 50vh;
    }

    .div-block-2 {
        height: 25vh;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .container {
        flex-flow: column;
    }

    .div-block-3 {
        width: 90%;
    }

    .cifras {
        flex-flow: row;
        width: auto;
    }

    .image {
        height: 100%;
        display: none;
    }

    .imag-bg {
        height: 25vh;
    }

    .card-rigth {
        flex-flow: column;
        width: auto;
    }

    .card-wrapper:hover {
        transform: scale(1.1)perspective(9px);
    }

    .div-block-7 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .text-block-5 {
        font-size: 18px;
    }

    .container-3 {
        flex-flow: column;
        display: flex;
    }

    .slider {
        margin-top: auto;
    }

    .slide {
        height: auto;
    }

    .paragraph-2 {
        font-size: 14px;
    }

    .div-block-12 {
        flex-flow: column;
    }

    .list {
        width: auto;
        margin-bottom: 0;
    }

    .container-4 {
        margin-bottom: 20px;
    }

    .section-6 {
        border-radius: 0;
    }

    .image-6 {
        max-width: 70%;
        margin-top: 0;
    }

    .container-voces {
        justify-content: space-between;
        height: auto;
        margin-top: 0;
        margin-left: 30px;
        margin-right: 30px;
        display: flex;
    }

    .text {
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
        width: auto;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .text._60 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .container-img {
        width: 90%;
    }

    .text-block-6 {
        text-align: center;
        margin-bottom: -20px;
        font-size: 26px;
        line-height: 120%;
    }

    .icon {
        margin-right: 0;
    }

    .mask-2 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .left-arrow,
    .right-arrow {
        width: 30px;
    }

    .slide-historias {
        width: 100%;
    }

    .left,
    .rigth {
        width: auto;
    }

    .section-7 {
        background-image: url('../images/BG_informe--movil.svg'), url('../images/Backgrounds-informe.webp');
        background-position: 50% 0, 50%;
        background-repeat: repeat, repeat;
        background-size: cover, auto;
        flex-flow: column-reverse;
        margin-top: 40px;
    }

    .image-9 {
        max-width: 90%;
        display: block;
    }

    .left-arrow-2,
    .right-arrow-2 {
        width: 35px;
    }

    .icon-3 {
        margin-right: 0;
    }

    .container-7 {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .brand {
        padding-left: 20px;
    }

    .image-12 {
        padding-left: 10px;
    }

    .blog-superior {
        flex-flow: column;
        padding-bottom: 20px;
    }

    .nombre {
        margin-left: 20px;
    }

    .div-block-22 {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .div-block-23 {
        width: auto;
        max-width: none;
        margin: 40px 20px 20px;
    }

    .nombre-p {
        flex-flow: wrap;
        margin-left: 15px;
        margin-right: 15px;
        display: block;
    }

    .footer.nor {
        aspect-ratio: 2 / 3;
    }

    .image-13 {
        height: 150px;
    }

    .blog-inferior {
        flex-flow: column;
        margin-left: 20px;
        margin-right: 20px;
    }

    .quote {
        margin-bottom: 40px;
        margin-left: 10px;
        padding-right: 0;
    }

    .banner {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 400px;
        display: flex;
    }

    .banner.luis {
        background-position: 29%;
    }

    .banner.nor {
        background-position: 66%;
    }

    .image-15 {
        width: auto;
        max-width: none;
        height: 100%;
        display: block;
        overflow: visible;
    }

    .image-16 {
        width: 60px;
    }

    .info-footer {
        width: auto;
    }

    .hitos {
        justify-content: space-between;
        align-items: stretch;
        max-width: none;
        padding-left: 10px;
        padding-right: 10px;
    }

    .slider-hitos {
        margin-left: 10px;
        margin-right: 10px;
    }

    .slide-2 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .slider-2 {
        margin-top: auto;
        margin-left: 30px;
        margin-right: 30px;
    }

    .modal-content-2 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .div-block-29 {
        flex-flow: wrap;
        justify-content: center;
        margin-bottom: 40px;
        padding-left: 0;
    }

    .paragraph-4 {
        width: 90%;
        margin-bottom: 20px;
    }

    .link-block-2 {
        padding-left: 10px;
    }

    .blog-central {
        flex-flow: column;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 10px;
    }

    .div-block-31 {
        width: 150px;
        height: 30%;
    }

    .div-block-31.migraci-n {
        height: 25%;
    }

    .image-25 {
        padding-left: 10px;
    }

    .text40 {
        width: auto;
        max-width: none;
        margin-left: 15px;
        margin-right: 15px;
    }

    .image-26 {
        margin-top: 10px;
    }
}