.card {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 15%);
}

.card-bar {
    width: 100%;
    height: 1rem;
}

.card-bar.green {
    background-color: var(--green-100);
}

.card-bar.blue {
    background-color: var(--blue-100);
}

.card .card-figure {
    margin: 2rem 0;
    display: flex;
    justify-content: center;
}

.card .card-figure img {
    height: 12.4rem;
}

.card .read-more {
    color: #808080;
    text-decoration: none;
    text-align: center;
    margin-bottom: 2rem;
}

.card .read-more:hover {
    text-decoration: underline;
}

.location-wrapper {
    border: 0.1rem solid var(--green-100);
    display: flex;
    width: fit-content;
}

.location-wrapper figure {
    background-color: var(--green-100);
    padding: 0.5rem 2rem;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.location-wrapper figure img {
    height: 2.6rem;
}

.location-wrapper p {
    padding: 0.5rem 1rem;
    width: 16rem;
    text-align: center;
    margin: 0;
}

/* .location-link {
    color: white;
    text-align: center;
    text-decoration: none;
    display: block;
    margin-top: 1rem;
} */

.trophies {
    background-image: url('./../images/home/background.svg');
    background-size: cover;
    margin-bottom: 12rem;
}

.trophies>div:first-of-type {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.trophies .medal {
    position: relative;
    background-color: white;
}

.trophies .medal p {
    padding: 8rem 4rem;
    text-align: center;
}

.trophies .medal .badge {
    position: absolute;
    top: -6.9rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
}

.trophies .medal .badge img {
    height: 13.8rem;
}

.trophies .others {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    margin-top: 15rem;
    width: 100%;
}

.trophies .big-medal .badge {
    top: -9rem;
}

.trophies .big-medal img {
    height: 18.8rem;
}

.trophies .big-medal p {
    margin-top: 4rem;
}

.insurances-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-top: 10rem;
}

.insurances-wrapper .c-row {
    display: flex;
    justify-content: space-between;
}

.insurances-wrapper figure {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 12rem;
    width: 12rem;
    /* margin: auto; */
}

.insurances-wrapper figure img {
    width: 10rem;
}

.hero {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: 80vh;
    overflow: hidden;
}

.hero .legend {
    background-image: url('./../images/home/figuras.svg');
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.hero .legend h2 {
    text-align: center;
}

.hero .legend figure {
    margin-bottom: 6rem;
}

.hero .legend img {
    height: 10rem;
}

.hero .legend figcaption {
    margin-top: 1rem;
}

.hero .legend .green-text {
    text-transform: uppercase;
    text-align: center;
}

.hero .hero-image {
    height: 100%;
    width: 100%;
    margin: 0;
}

.hero .hero-image img {
    height: 100%;
    width: 100%;
}



/* START ¿Quienes somos? */
/* .about-us {
    background: var(--blue-100);
    background: linear-gradient(90deg, rgba(2, 40, 127, 1) 0%, rgba(9, 93, 167, 1) 50%, rgba(2, 40, 127, 1) 100%);
    color: white;
} */

.about-us .text-wrapper {
    border: 0.4rem solid white;
    border-radius: 2rem;
    width: 80%;
    padding: 6rem 8rem;
}

.triangle {
    width: 0;
    height: 0;
    position: absolute;
    border-left: 3rem solid transparent;
    border-right: 3rem solid transparent;
    border-bottom: 3rem solid white;
    top: -3rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.sub-text {
    background-color: white;
    color: var(--blue-200);
    padding: 2rem 6rem;
    border-radius: 0 0 5rem 5rem;
}

/* END ¿Quienes somos? */

/* START Poliza correcta */
/* .correct-policy>h2 {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 4rem;
    text-align: center;
} */

.correct-policy .c-sub-title {
    margin-top: 2rem;
}

.correct-policy>h2>span {
    font-weight: 500;
}

.correct-policy .all {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
    margin-top: 10rem;
}

.correct-policy-additional {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-top: 5rem;
}

.statistics .circle {
    background: white;
    height: 100%;
    border: 0.5rem solid var(--green-100);
    border-radius: 50%;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.comments {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
}

.comments .text-wrapper {
    margin-right: 8.5rem;
}

.comments-wrapper {
    display: flex;
    gap: 2rem;
}

.comments-wrapper .comment {
    box-shadow: 0 1rem 4rem rgba(170, 170, 170, 16%);
    padding: 4rem;
    ;
}

.comments-wrapper .comment .person {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.comments-wrapper .comment .person figure {
    height: 15rem;
    width: 15rem;
    border-radius: 1rem 3rem 3rem 1rem;
    overflow: hidden;
    border-left: 1.5rem solid var(--green-100);
    flex-shrink: 0;
}

.comments-wrapper .comment .person figure img {
    height: 15rem;
    width: 15rem;
    object-fit: cover;
    /* display: none; */
}

.mision-vision {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    color: white;
}

.mision-vision .mision,
.mision-vision .vision {
    padding: 6rem 12rem;
}

.mision-vision .mision {
    border-right: 2rem solid var(--green-100);
}

.mision-vision .vision {
    color: #808080;
}

.presence {
    display: flex;
    flex-direction: column;
    margin-bottom: 12rem;
    background-image: url('./../images/home/mapa.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

.presence .national {
    padding-top: 7.4rem;
    color: white;
    background-color: rgba(33, 226, 243, 0.4);
}

.presence .national>div {
    display: flex;
    gap: 15.4rem;
    justify-content: center;
    margin-bottom: 6.3rem;
}

.presence .mundial>div {
    display: flex;
    gap: 15.4rem;
    justify-content: center;
    margin-bottom: 6.3rem;
    color: white;
}

.founder {
    display: grid;
    grid-template-columns: auto 1fr;
    margin-bottom: 12rem;
}

/* .founder>figure {
    padding-top: 15rem;
    background-color: #F7F7F7;
} */

.founder>figure img {
    height: 100rem;
}

/* .founder .years {
    background-color: #F7F7F7;
    padding-top: 15rem;
} */

/* .founder .years div {
    display: flex;
    align-items: center;
} */

.founder .years div p:first-of-type {
    font-size: 25.9rem;
    line-height: 21rem;
}

.founder .years div p:nth-child(2) {
    font-size: 4rem;
    width: 55%;
}

.founder .description {
    padding: 8.4rem 14.6rem;
}


@media screen and (max-width:1400px) {
    .correct-policy .all {
        display: flex;
        overflow-x: auto;
        padding: 2rem 0;
    }

    .correct-policy .all .card {
        flex-shrink: 0;
        width: 20rem;
    }

    .correct-policy-additional {
        grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
        gap: 5rem;
    }

    .sure-today {
        grid-template-columns: 1fr;
        gap: 5rem;
    }

    .comments {
        grid-template-columns: 1fr;
        padding: 2rem !important;
    }

    .comments-wrapper {
        padding: 4rem 4rem 4rem 0;
        overflow-x: auto;
    }

    .mision-vision {
        grid-template-columns: 1fr;
    }

    .mision-vision .mision,
    .mision-vision .vision {
        padding: 6rem;
    }

    .presence .national>div {
        flex-direction: column;
        align-items: center;
        gap: 5rem;
    }

    .presence .mundial {
        background-size: cover;
    }

    .presence .mundial>div {
        flex-direction: column;
        align-items: center;
        gap: 5rem;
    }
}

/* END Poliza correcta */

@media screen and (max-width: 992px) {
    .hero {
        display: flex;
        flex-direction: column-reverse;
        height: auto;
        margin-bottom: 6rem;
    }

    .hero .legend {
        flex-direction: row;
        padding: 2rem;
        align-items: center;
    }

    .hero .hero-image img {
        height: auto;
    }

    .hero .legend .c-paragraph-size {
        line-height: 0.1rem;
    }

    .hero .legend figure {
        margin: 0;
    }

    .hero .legend img {
        height: 3rem;
    }

    .about-us {
        margin-bottom: 6rem;
    }

    .about-us .text-wrapper {
        width: 100%;
        padding: 4rem;
    }

    .triangle {
        border-left: 2rem solid transparent;
        border-right: 2rem solid transparent;
        border-bottom: 2rem solid white;
        top: -2rem;
    }

    .sub-text {
        padding: 1rem 2rem;
        margin: auto;
    }

    .correct-policy .all {
        margin-top: 2rem;
    }

    .correct-policy-additional {
        margin-top: 2rem;
    }

    .mision-vision .mision {
        border-right: none;
        border-bottom: 2rem solid var(--green-100);
    }

    .trophies .c-title-size,
    .trophies .c-sub-title-size {
        text-align: center;
    }

    .trophies>div:first-of-type {
        grid-template-columns: 1fr;
    }

    .trophies .others {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem;
        margin-top: 8rem;
        width: 100%;
    }

    .trophies .others {
        grid-template-columns: repeat(2, 1fr);
    }

    .trophies .medal {
        width: 100%;
    }

    .trophies .medal .badge img {
        height: 6rem;
    }

    .trophies .medal .badge {
        top: -4rem;
    }

    .trophies .medal p {
        padding: 4rem 2rem;
    }

    .trophies .big-medal {
        margin-top: 10rem;
    }

    .trophies .big-medal .badge {
        top: -9rem;
    }

    .trophies .big-medal img {
        height: 18.8rem;
    }

    .trophies .big-medal p {
        margin-top: 4rem;
    }

    .founder {
        position: relative;
    }

    .founder>figure {
        padding-top: 0;
        margin: 0;
    }

    .founder>figure img {
        object-fit: cover;
        width: 100vw;
    }

    .founder>div {
        position: absolute;
        bottom: 0;
        background-color: #f7f7f7ee;
    }

    .founder .years {
        background-color: transparent;
        padding: 0;
    }

    .founder .years>div {
        justify-content: space-evenly;
    }

    .founder .years div p:first-of-type {
        font-size: 10rem;
        line-height: normal;
    }

    .founder .years div p:nth-child(2) {
        font-size: 2rem;
    }

    .founder .description {
        padding: 4rem;
    }

    .insurances-wrapper {
        margin-top: 2rem;
        display: flex;
        overflow-x: auto;
    }

    .insurances-wrapper .c-row {
        flex-shrink: 0;
        flex-direction: column;
        justify-content: flex-start;
    }
}