.rp-guia-headline{font-family:"Roboto-Bold";font-weight:700}
.rp-guia-headline-01{font-family:"Roboto-Bold";font-weight:700;font-size:40px;line-height:48px}
@media(min-width:1024px){.rp-guia-headline-01{font-size:56px;line-height:64px}
}
.rp-guia-headline-02{font-family:"Roboto-Bold";font-weight:700;font-size:28px;line-height:32px}
@media(min-width:1024px){.rp-guia-headline-02{font-size:40px;line-height:48px}
}
.rp-guia-headline-03{font-family:"Roboto-Bold";font-weight:700;font-size:24px;line-height:32px}
@media(min-width:1024px){.rp-guia-headline-03{font-size:32px;line-height:40px}
}
.rp-guia-headline-03.rp-guia-headline-marker{position:relative;margin-bottom:32px;min-width:200px}
.rp-guia-headline-03.rp-guia-headline-marker::before{position:absolute;bottom:-20px;display:block;width:100%;content:url("../../../../../../content/dam/repsol-guia/guia-images/vectores/trazo-title.svg")}
@media(min-width:1024px){.rp-guia-headline-03.rp-guia-headline-marker{margin-bottom:42px}
}
.rp-guia-title-01{font-family:"Roboto-Bold";font-weight:700;font-size:26px;line-height:34px}
@media(min-width:1024px){.rp-guia-title-01{font-size:36px;line-height:46px}
}
.rp-guia-title-02{font-family:"Roboto-Bold";font-weight:700;font-size:22px;line-height:32px}
@media(min-width:1024px){.rp-guia-title-02{font-size:26px;line-height:40px}
}
.rp-guia-title-03{font-family:"Roboto-Bold";font-weight:700;font-size:20px;line-height:30px}
@media(min-width:1024px){.rp-guia-title-03{font-size:22px;line-height:32px}
}
.headline-marker{position:relative;margin-bottom:32px;min-width:200px}
.headline-marker::before{position:absolute;bottom:-20px;display:block;width:100%;content:url("../../../../../../content/dam/repsol-guia/guia-images/vectores/trazo-title.svg")}
@media(min-width:1024px){.headline-marker{margin-bottom:42px}
}
.rp-title-01{font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:18px;line-height:24px}
@media(min-width:1024px){.rp-title-01{font-size:20px;line-height:32px}
}
.rp-title-02{font-family:"Roboto-Medium";font-style:normal;font-weight:500;font-size:16px;line-height:24px}
.rp-title,.rp-highlighted-body{font-family:"Roboto-Regular";font-weight:400;font-size:18px;line-height:24px}
@media(min-width:1024px){.rp-title,.rp-highlighted-body{font-size:20px;line-height:32px}
}
.rp-subheadline{font-family:"Roboto-Medium";font-weight:500;font-size:22px;line-height:32px}
@media(min-width:1024px){.rp-subheadline{font-size:24px}
}
.rp-body-guia{font-family:"Roboto-Regular";font-style:normal}
.rp-body-guia:not(.rp-body-semibold){font-weight:400}
.rp-body-guia.rp-body-semibold{font-family:"Roboto-Medium";font-weight:500}
.rp-body-18{font-family:"Roboto-Regular";font-style:normal;font-size:18px;line-height:32px}
.rp-body-18:not(.rp-body-semibold){font-weight:400}
.rp-body-18.rp-body-semibold{font-family:"Roboto-Medium";font-weight:500}
.rp-body-16{font-family:"Roboto-Regular";font-style:normal;font-size:16px;line-height:24px}
.rp-body-16:not(.rp-body-semibold){font-weight:400}
.rp-body-16.rp-body-semibold{font-family:"Roboto-Medium";font-weight:500}
.rp-body-14{font-family:"Roboto-Regular";font-style:normal;font-size:14px;line-height:24px;letter-spacing:.025px}
.rp-body-14:not(.rp-body-semibold){font-weight:400}
.rp-body-14.rp-body-semibold{font-family:"Roboto-Medium";font-weight:500}
.rp-body-12,.rp-caption{font-family:"Roboto-Regular";font-style:normal;font-size:12px;line-height:16px;letter-spacing:.025px}
.rp-body-12:not(.rp-body-semibold),.rp-caption:not(.rp-body-semibold){font-weight:400}
.rp-body-12.rp-body-semibold,.rp-caption.rp-body-semibold{font-family:"Roboto-Medium";font-weight:500}
.hero-section-component{padding-bottom:24px}
.hero-section-component *{margin-bottom:0}
.hero-section-component .hero-section__content,.hero-section-component .hero-section__info{position:relative}
.hero-section-component .hero-section__picture{position:absolute;inset:0}
.hero-section-component .hero-section__picture::after{position:absolute;content:'';inset:0;background-color:rgba(0,0,0,0.35)}
.hero-section-component .hero-section__picture img{height:100%;width:100%;object-fit:cover}
.hero-section-component .hero-section__info{padding-block:80px}
.hero-section-component .hero-section__info *{color:#fff}
.hero-section-component .hero-section__info__title{position:relative}
.hero-section-component .hero-section__info__title::after{position:absolute;left:0;top:20px;content:url('../../../../../../content/dam/repsol-guia/guia-images/vectores/trazo-hero-section.png')}
.hero-section-component .hero-section__info__subtitle{margin-top:36px}
.hero-section-component .hero-section__list{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:#fff;transform:translateY(-40px);box-shadow:0 2px 8px -2px rgba(0,0,0,0.14),0 -1px 4px -4px rgba(0,0,0,0.02);border-radius:8px}
@media(min-width:1024px){.hero-section-component .hero-section__list{flex-direction:row;justify-content:space-evenly;gap:24px}
}
@media(min-width:1280px){.hero-section-component .hero-section__list{margin-inline:60px}
}
@media(min-width:1440px){.hero-section-component .hero-section__list{margin-inline:auto}
}
.hero-section-component .hero-section__list__item{display:flex;align-items:center;justify-content:space-between;gap:16px}
.hero-section-component .hero-section__list__item img{width:40px;height:40px;object-fit:cover;border-radius:8px}
@media(min-width:1024px){.hero-section-component .hero-section__list__item img{width:88px;height:88px}
}
.hero-section-component .hero-section__list__item .hero-section__list__item__info{display:flex;align-items:center;gap:16px}
@media(min-width:1024px){.hero-section-component .hero-section__list__item .hero-section__list__item__info{flex-direction:column;gap:12px;width:124px;text-align:center}
}
@media(min-width:1280px){.hero-section-component .hero-section__list__item .hero-section__list__item__info{width:168px}
}
@media(min-width:1440px){.hero-section-component .hero-section__list__item .hero-section__list__item__info{width:182px}
}
@media(min-width:1920px){.hero-section-component .hero-section__list__item .hero-section__list__item__info{width:226px}
}
.hero-section-component .hero-section__list__item .icon-rp{display:flex;justify-content:center;align-items:center;min-width:20px;width:20px;max-width:20px;min-height:20px;height:20px;max-height:20px;font-size:16px;color:#016a7f}
.hero-section-component .hero-section__list__item .icon-rp::before{font-size:16px}
.hero-section-component .hero-section__list__item .icon-rp img{width:100%;height:100%}
@media(min-width:1024px){.hero-section-component .hero-section__list__item .icon-rp{display:none}
}
.hero-section__centered .hero-section-component.backgroundWhite{padding-block:84px}
@media(min-width:1024px){.hero-section__centered .hero-section-component.backgroundWhite{padding-block:118px}
}
.hero-section__centered .hero-section-component.backgroundWhite .hero-section__info{text-align:center;padding:0}
.hero-section__centered .hero-section-component.backgroundWhite .hero-section__info .hero-section__info__title{font-family:"Roboto-Bold";font-weight:700;font-size:28px;line-height:32px;color:#0b1741;z-index:1}
@media(min-width:1024px){.hero-section__centered .hero-section-component.backgroundWhite .hero-section__info .hero-section__info__title{font-size:40px;line-height:48px}
}
.hero-section__centered .hero-section-component.backgroundWhite .hero-section__info .hero-section__info__title::after{content:url('../../../../../../content/dam/repsol-guia/guia-images/vectores/lazo.svg');position:absolute;left:50%;top:24px;transform:translateX(-50%);z-index:-1}
@media(min-width:1024px){.hero-section__centered .hero-section-component.backgroundWhite .hero-section__info .hero-section__info__title::after{top:32px}
}
.hero-section__centered .hero-section-component.backgroundWhite .hero-section__info .hero-section__info__subtitle{font-family:"Roboto-Regular";font-style:normal;font-size:16px;line-height:24px;margin-top:32px;color:#727272}
.hero-section__centered .hero-section-component.backgroundWhite .hero-section__info .hero-section__info__subtitle:not(.rp-body-semibold){font-weight:400}
.hero-section__centered .hero-section-component.backgroundWhite .hero-section__info .hero-section__info__subtitle.rp-body-semibold{font-family:"Roboto-Medium";font-weight:500}
.hero-section__centered .hero-section-component.backgroundWhite:has(.hero-section__picture){padding-top:40px;padding-bottom:48px}
@media(min-width:1024px){.hero-section__centered .hero-section-component.backgroundWhite:has(.hero-section__picture){padding-block:64px}
}
.hero-section__centered .hero-section-component.backgroundWhite:has(.hero-section__picture) .hero-section__content{padding-inline:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:40px}
@media(min-width:1024px){.hero-section__centered .hero-section-component.backgroundWhite:has(.hero-section__picture) .hero-section__content{row-gap:52px}
}
.hero-section__centered .hero-section-component.backgroundWhite:has(.hero-section__picture) .hero-section__content .hero-section__picture-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-section__centered .hero-section-component.backgroundWhite:has(.hero-section__picture) .hero-section__content .hero-section__picture-wrapper::after{position:absolute;display:block;content:url('../../../../../../content/dam/repsol-guia/guia-images/vectores/lazo-hero-tag.png');width:fit-content;height:fit-content;top:64px}
.hero-section__centered .hero-section-component.backgroundWhite:has(.hero-section__picture) .hero-section__content .hero-section__picture-wrapper .hero-section__picture{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;object-fit:cover}
.hero-section__centered .hero-section-component.backgroundWhite:has(.hero-section__picture) .hero-section__content .hero-section__picture-wrapper .hero-section__picture::after{background-color:transparent}
.hero-section__centered .hero-section-component.backgroundWhite:has(.hero-section__picture) .hero-section__content .hero-section__info{padding-block:0;text-align:center}
.hero-section__centered .hero-section-component.backgroundWhite:has(.hero-section__picture) .hero-section__content .hero-section__info .hero-section__info__title{font-family:"Roboto-Bold";font-weight:700;font-size:28px;line-height:32px;color:#0b1741}
@media(min-width:1024px){.hero-section__centered .hero-section-component.backgroundWhite:has(.hero-section__picture) .hero-section__content .hero-section__info .hero-section__info__title{font-size:40px;line-height:48px}
}
.hero-section__centered .hero-section-component.backgroundWhite:has(.hero-section__picture) .hero-section__content .hero-section__info .hero-section__info__title::after{display:none}
.hero-section__centered .hero-section-component.backgroundWhite:has(.hero-section__picture) .hero-section__content .hero-section__info .hero-section__info__subtitle{font-family:"Roboto-Regular";font-style:normal;font-size:16px;line-height:24px;margin-top:16px;color:#727272}
.hero-section__centered .hero-section-component.backgroundWhite:has(.hero-section__picture) .hero-section__content .hero-section__info .hero-section__info__subtitle:not(.rp-body-semibold){font-weight:400}
.hero-section__centered .hero-section-component.backgroundWhite:has(.hero-section__picture) .hero-section__content .hero-section__info .hero-section__info__subtitle.rp-body-semibold{font-family:"Roboto-Medium";font-weight:500}