@import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap');
/*general*/
html, body {
	height:100% !important;
	margin:0 auto !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 17px !important;
	color:#3D3D3C !important;
    overflow-x: hidden !important;
}

a, a:hover{
	text-decoration: none !important;
}

p{
	color: #231F20 !important;
}

.btn-yellow{
    margin: 0 !important;
    text-align: center !important;
}
.btn-yellow a{
    display: inline-block !important;
    border-radius: 28px !important;
    background: #FFCA00 !important;
    color: #004633 !important;
    text-align: center !important;
    font-family: "Open Sans" !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: normal !important;
    padding: 10px 19px !important;
    transition: all 0.2s ease-in-out !important;
}
.btn-yellow a:hover{
    opacity: 0.8 !important;
}
/*RISK*/
.block-risk{
    padding: 30px 0 !important;
    background-color: #FFF !important;
}
.block-risk svg{
    max-width: 300px !important;
}
.block-risk p{
    color: #2E2D2C !important;
    font-family: "Open Sans" !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    margin: 0 !important;
}
.block-risk__title{
    font-weight: 600 !important;
}
.block-risk__conditions{
    display: flex !important;
    align-items: flex-start !important;
    gap: 5px !important;
    margin-top: 5px !important;
}
.block-risk p a{
    color: #2E2D2C !important;
    text-decoration: none !important;
}
.block-risk p a:hover{
    text-decoration: underline !important;
}
/*HERO*/
.block-hero{
    padding-top: 20px !important;
}
.block-hero__container{
    padding-bottom: 300px !important;
    position: relative !important;
}
.block-hero__container:before{
    content: '' !important;
    width: calc(100vw + 140px) !important;
    height: 100% !important;
    background-image: url(https://cajarural.ruralvia.com/sites/default/files/campanas/2026/rga-002-jubilacion/imagenes/img-hero.png) !important;
    background-position: left bottom !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    left: -140px !important;
    bottom: 0 !important;
}
.block-hero__pretitle{
    color: #94CDB5 !important;
    font-family: 'Gilroy-Bold' !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
    border-radius: 50px !important;
    background: #007C5A !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 240px !important;
    padding: 10px 17px !important;
}
.block-hero__pretitle span{
    font-family: 'Gochi Hand', cursive !important;
    text-transform: none !important;
    color: #FFF !important;
    margin-left: -3px !important;
}
.block-hero__title{
    color: #07AC84 !important;
    font-family: 'Gilroy-Bold' !important;
    font-size: 44px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 50px !important; 
}
.block-hero__title strong{
    color: #004633 !important;

}
.block-hero__title sub{
    display: block !important;
    color: #004633 !important;
    font-family: "Open Sans" !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}
.block-hero__bonus{
    color: #004633 !important;
    font-family: 'Gilroy-Medium' !important;
    font-size: 22px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    padding-top: 20px !important;
    text-align: right !important;
}
.block-hero__img{
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
}
.block-hero__img img{
    max-width: 100px !important;
}
@media (min-width: 768px){
    .block-hero__container{
        padding-bottom: 200px !important;
    }
}

@media (min-width: 992px){
    .block-hero__bonus{
        padding-left: 20px !important;
        text-align: left !important;
        padding-top: 62px !important;
        
    }
    .block-hero__img img{
        max-width: 100% !important;
    }
}

@media (min-width: 1200px){
    .block-hero__bonus{
        padding-left: 80px !important;
    }
}

/*BONUS*/

.block-bonus__title{
    background: #07AC84 !important;
    margin-bottom: 40px !important;
}
.block-bonus__title h2{
    color: #FFF !important;
    text-align: center !important;
    font-family: 'Gilroy-Medium' !important;
    font-size: 26px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 60px !important; 
    margin: 0 !important;
}
.block-bonus__content-bonus{
    position: relative !important;
    border-radius: 7px !important;
    background: #F9FAFC !important;
    padding: 12px 17px !important;
    margin-bottom: 40px !important;
}
.block-bonus__content-bonus-title{
    text-align: center !important;
    margin-bottom: 14px !important;
    color: #007C5A !important;
    font-family: 'Gilroy-Regular' !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
    padding-top: 25px !important;
}
.block-bonus__content-bonus-title img{
    position: absolute !important;
    top: -46px !important;
}

.block-bonus__content-bonus-title strong{
    position: absolute !important;
    top: -32px !important;
    transform: translateX(-50%) !important;
    left: 50% !important;
}
.block-bonus__content-bonus-title strong img{
    position: static !important;
}
.block-bonus__content-bonus div{
    border-radius: 4px !important;
    background: #EEF0F6 !important;
    padding: 10px !important;
}
.block-bonus__content-bonus div p{
    color: #007C5A !important;
    text-align: center !important;
    font-family: 'Gilroy-Regular' !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    margin: 0 !important;
}
.block-bonus__content-bonus div p strong{
    color: #004633 !important;
    font-family: 'Gilroy-Bold' !important;
    font-weight: 700 !important;
}

@media (min-width: 992px){
    .block-bonus__title{
        margin-bottom: 20px !important;
    }
    .block-bonus__content-bonus{
        margin-bottom: 0 !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
    .block-bonus__content-bonus div{
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/*SOLUTION*/
.block-solution{
    background: #07AC84 !important;
    padding: 30px 0 !important;
}
.block-solution h2{
    color: #004633 !important;
    font-family: 'Gilroy-Bold' !important;
    font-size: 36px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 40px !important;
}
.block-solution h2 strong{
    color: #FFF !important;
}
.block-solution p{
    color: #FFF !important;
    font-family: "Open Sans" !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    margin: 0 !important;
}
/*Legal*/
.block-legal{
    padding: 14px 0 0 !important;
}
.block-legal p{
    color: #000 !important;
    font-family: "Open Sans" !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}
.block-legal p a{
    color: #000 !important;
    text-decoration: none !important;
}
.block-legal p a:hover{
    text-decoration: underline !important;
}