.informative-steps .informative-steps-component-cards-1 .card-item-title{-webkit-line-clamp:2;line-clamp:2}
.informative-steps .informative-steps-component-cards-1 .card-item-description{-webkit-line-clamp:4;line-clamp:4}
@media(min-width:1024px){.informative-steps .informative-steps-component-cards-1 .card-item{padding:64px 112px 24px 32px}
.informative-steps .informative-steps-component-cards-1 .card-item-number{right:61px}
}
.informative-steps .informative-steps-component-cards-2 .card-item-title{-webkit-line-clamp:2;line-clamp:2}
.informative-steps .informative-steps-component-cards-2 .card-item-description{-webkit-line-clamp:4;line-clamp:4}
@media(min-width:1024px){.informative-steps .informative-steps-component-cards-2 .card-item{padding:86px 40px 40px}
.informative-steps .informative-steps-component-cards-2 .card-item-number{right:61px}
}
@media(min-width:1024px){.informative-steps .informative-steps-component-cards-3 .card-item{padding:80px 32px 32px}
}
.informative-steps .informative-steps-component-cards-3 .card-item-title{-webkit-line-clamp:2;line-clamp:2}
.informative-steps .informative-steps-component-cards-3 .card-item-description{-webkit-line-clamp:4;line-clamp:4}
.informative-steps .informative-steps-component-cards-3 .card-item-number{right:40px}
@media(min-width:1024px){.informative-steps .informative-steps-component-cards-4 .card-item{padding:84px 24px 24px}
}
.informative-steps .informative-steps-component-cards-4 .card-item-title{-webkit-line-clamp:3;line-clamp:3}
.informative-steps .informative-steps-component-cards-4 .card-item-description{-webkit-line-clamp:5;line-clamp:5}
.informative-steps .informative-steps-component-cards-4 .card-item-number{right:40px}
.informative-steps .informative-steps-component-cards .card-item{height:100%;border-radius:var(--rds-radius-s);background:var(--rds-color-surface-white);border:1px solid var(--rds-color-border-low)}
@media(max-width:1024px){.informative-steps .informative-steps-component-cards .card-item{padding:72px 24px 24px 24px}
}
.informative-steps .informative-steps-component-cards .card-item-icon{position:relative;z-index:1;width:48px;height:48px;margin-bottom:16px;font-size:24px;display:flex;border:1px solid;border-radius:var(--rds-radius-round)}
.informative-steps .informative-steps-component-cards .card-item-icon:before{align-self:center}
.informative-steps .informative-steps-component-cards .card-item-number{position:absolute;top:-56px;width:150px;height:240px;text-align:right;font-family:'RepsolSoleTextRegular';font-style:normal;font-weight:normal;font-size:240px;line-height:240px;color:var(--rds-color-surface-grey)}
@media(max-width:1024px){.informative-steps .informative-steps-component-cards .card-item-number{right:40px}
}
@media(max-width:1350px) and (min-width:1024px){.informative-steps .informative-steps-component-cards .card-item-number{font-size:210px}
}
.informative-steps .informative-steps-component-cards .card-item-title{margin-bottom:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;position:relative;z-index:1}
.informative-steps .informative-steps-component-cards .card-item-description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.informative-steps .informative-steps-component-card-container{margin-bottom:32px;overflow:auto}
.informative-steps .informative-steps-component-card-container:last-child{margin-bottom:32px}
@media(min-width:1024px){.informative-steps .informative-steps-component-card-container{margin-bottom:40px}
.informative-steps .informative-steps-component-card-container:last-child{margin-bottom:40px}
}
.informative-steps .informative-steps-component-caption-cta:has(.rp-btn,.rp-description){display:flex;flex-direction:column;align-items:center}
.informative-steps .informative-steps-component-caption-cta:has(.rp-btn,.rp-description)-message{margin-bottom:32px}
@media(min-width:1024px){.informative-steps .informative-steps-component-caption-cta:has(.rp-btn,.rp-description)-message{margin-bottom:40px}
}
.informative-steps .informative-steps-component-caption-cta:has(.rp-btn,.rp-description) .button-repsol{align-self:stretch}
@media(min-width:1024px){.informative-steps .informative-steps-component-caption-cta:has(.rp-btn,.rp-description) .button-repsol{align-self:center}
}
.informative-steps .informative-steps-component-caption-cta:has(.rp-btn,.rp-description) .button-repsol .rp-btn{width:100%}
.funnel-page .card-ecommerce-informative{overflow:hidden}