.hero-subsection-component{padding-bottom:40px}
@media(min-width:1024px){.hero-subsection-component{padding-bottom:0}
}
.hero-subsection-component *{margin-bottom:0}
.hero-subsection-component img{width:100%;height:100%;object-fit:contain}
@media(min-width:1024px){.hero-subsection-component .hero-subsection__container{display:flex;flex-direction:row-reverse;gap:24px}
}
.hero-subsection-component .hero-subsection__image{width:100%}
.hero-subsection-component .hero-subsection__content,.hero-subsection-component .hero-subsection__interactions{display:flex;flex-direction:column;gap:16px;padding-top:24px}
.hero-subsection-component .hero-subsection__content .rp-link,.hero-subsection-component .hero-subsection__interactions .rp-link{align-self:center}
@media(min-width:720px){.hero-subsection-component .hero-subsection__content{padding-top:48px}
}
@media(min-width:1024px){.hero-subsection-component .hero-subsection__content{justify-content:center;min-width:41.666666%;max-width:41.666666%;margin-inline:0;padding:0}
}
.hero-subsection-component .hero-subsection__content__title{position:relative;z-index:0;color:#0b1741}
.hero-subsection-component .hero-subsection__content__title::before{position:absolute;z-index:-1;content:url('../../../../../../content/dam/repsol-guia/guia-images/vectores/trazo-hero-subsection.png');left:-10px;top:-16px}
@media(min-width:1024px){.hero-subsection-component .hero-subsection__content__title::before{left:-18px;top:-8px}
}
.hero-subsection-component .hero-subsection__content__subtitle{color:#727272}
.hero-subsection-component .hero-subsection__interactions--icon{display:flex;align-items:center;gap:8px}
@media(min-width:1024px){.hero-subsection-component .hero-subsection__interactions{flex-flow:row wrap;gap:24px}
}
@media(min-width:1024px){.hero-subsection-component .hero-subsection__interactions .rp-btn-guia{width:fit-content}
}