body{
    font-family: 'Onest';
}

:root{
    --primary: #246add;
    --secondary: #DF8A2E;
    --gray-1: #f0f0f0;
    --gray-2: #EFEFEF;
    --dark: #222222;
    --white: #FFFFFF;
}

h4{
    font-weight: 400;
}

p{
    margin-bottom: 0 !important;
    margin-block-start: 0em !important;
    margin-block-end: 0em !important;
    margin-inline-start: 0px !important;

    font-size: 1.3em;
    font-weight: 300;
}

ul li{
    font-size: 1.3em;
    font-weight: 300;
    /* margin-bottom: 30px; */
}

.nav-link{
    font-size: .85em !important;
    font-family: 'Onest' !important;
    font-weight: 500;
}

/* -------------------------- */

.row{
    margin-left: 0;
    margin-right: 0;
}

.mb-6{
    margin-bottom: 60px;
}

.m-7{
    margin: 70px 0;
}

.mt-7{
    margin-top: 70px;
}

.mb-7{
    margin-bottom: 70px;
}

.m-8{
    margin: 80px 0;
}

.mt-8{
    margin-top: 80px;
}

.mb-8{
    margin-bottom: 80px;
}

.m-12{
    margin: 120px 0px !important;
}

.mb-15{
    margin-bottom: 15px;
}

.ps-6{
    padding-left: 60px;
}

.py-8{
    padding-top: 80px;
    padding-bottom: 80px;
}

.py-10{
    padding-top: 100px;
    padding-bottom: 100px;
}

.py-12{
    padding-top: 120px;
    padding-bottom: 120px;
}

.px-15{
    padding-left: 150px;
    padding-right: 150px;
}

/*  */
.menu-header{
    gap: 30px;
}

.menu-header a{
    text-decoration: none;
    margin-left: 15px;
    font-weight: 500;
    color: #3b3b3b;
}

.offer{
    background: #2cd46b;
    padding: 5px;
}

.offer p{
    font-size: 1.2em;
    text-align: center;
    color: #fff;
    font-weight: 500;
}

.offer a{
    color: #fff;
    text-decoration: underline;
    font-weight: 600;
}


/*  */

.j-title h2{
    font-size: 2.4em;
    margin-bottom: 50px;
    position: relative;
}

.j-title h2::after{
    content: '';
    height: 4px;
    width: 100px;
    border-radius: 15px;
    background: var(--primary);
    position: relative;
    top: 15px;
    left: 0;
    display: block;
}

.j-title.white h2::after{
    background: var(--white);
}

.j-title.text-center h2::after{
    margin: auto;
}


/* Banner */
.carousel-item > img{
    width: 100%;
    aspect-ratio: 16/6;
    object-fit: cover;
    object-position: 50% 80%;
}

.j-slider-caption{
    background: var(--primary);
    max-width: 600px;
    border-radius: 9px;
}

.j-slider-caption h1, .j-slider-caption p{
    color: #fff;
}

.j-slider-caption img{
    width: 70%;
    margin: auto;
    border-radius: 7px;
    /* aspect-ratio: 4/4; */
}

/* .j-slider-caption.qr h1{

} */

/* About Us */

.about-us__image img{
    width: 100%;
}

/* Seguros */
.insurance{
    background: var(--primary);
    color: #fff;
}

.insurance-cards{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 80px;
    justify-content: center;
}

.j-card{
    background: var(--white);
    color: #000;
    padding: 35px;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.j-card__image img{
    width: 100%;
    border-radius: 15px;
    -webkit-box-shadow: 0 1px 2.5px 2px #d4d4d4;
    -moz-box-shadow: 0 1px 2.5px 2px #d4d4d4;
    box-shadow: 0 1px 2.5px 2px #d4d4d4;
}

/* Por que escogernos */
.feature{
    background: var(--gray-1);
}

.feature__content{
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 150px;
}

.feature__content__image img{
    width: 100%;
    border-radius: 18px;
}

/* Compañias de seguros */
.companies__item img{
    width: 100%;
}

.companies__item--row2 .companies__item img{
    max-width: 300px;
    width: 100%;
}

.companies__item--row2 .companies__item{
    margin: 0 50px;
}


/* Testimonios */
.testimonies .container{
    background: var(--gray-1);
    border-radius: 18px;
}

/* Preguntas frecuentes */
.questions{
    background: var(--gray-1);
}

.questions_items-content{
    width: 75%;
}

.questions_item{
    margin-bottom: 15px;
}

.questions_item-title h4{
    font-size: 1.4em;
    font-weight: 500;
}

.questions_item-text{
    overflow: hidden;
    height: 0;
    transition-duration: .4s;
    transition-property: all;
    transition-timing-function: ease-in;
}


i.showtext{
    cursor: pointer;
}

/* Llamada a la acción */
.call-to-action{
    background: var(--secondary);
    position: relative;
}

.call-to-action img{
    height: 480px;
    position: absolute;
    bottom: 0;
}

.call-to-action h2{
    color: var(--white);
    font-size: 2.8em;
}

.call-to-action p{
    color: var(--white);
}

/* Footer */
footer h5{
    font-size: 1.5em;
}

footer a{
    text-decoration: none;
    color: #000
}

footer p{
    font-weight: 200;
    font-size: 1.2em;
}

.footer-social{
    font-size: 35px;
}

.fa-square-facebook{
    color: #0866ff;
}

.fa-square-instagram{
    color: #d7307a;
}

.fa-linkedin{
    color: #0a66c2;
}

.fa-square-whatsapp{
    color: #2cd46b;
}


/* ============================================ */
.section-title, .section-cta{
    background: var(--secondary);
    color: var(--white);
}

.section-cta .btn{
    padding: 10px 50px;
}

.section-title.blue, .section-cta.blue{
    background: var(--primary);
}

.j-bg-blue{
    background: var(--primary);
    color: #fff;
}

.j-bg-gray{
    background: var(--gray-1);
}

.j-info{
    flex-grow: 1;
    flex-basis: 0;
}

.enviado img{
    max-width: 500px;
    width: 80%;
    border-radius: 20px;
}


/* BLOG */
.blog article img{
    aspect-ratio: 6/4;
    object-fit: cover;
    object-position: 50% 80%;
    width: 100%;
    border-radius: 12px;
}

.post-title-image img{
    width: 100%;
    aspect-ratio: 16/6;
    object-fit: cover;
    border-radius: 14px;
}

.post-image-1{
    width: 100%;
    aspect-ratio: 6/5;
    object-fit: cover;
    border-radius: 12px;
}

/* Ventana Modal */