@import '/apps/catalog-comp-cloud/clientlibs/clientlibs-dependencies/repsol-catalog/css/variables.less';@import '/apps/catalog-comp-cloud/clientlibs/clientlibs-dependencies/repsol-catalog/css/icon-variables.less';@import '/apps/catalog-comp-cloud/clientlibs/clientlibs-dependencies/repsol-catalog/css/mixins-link.less';@import '/apps/catalog-comp-cloud/clientlibs/clientlibs-dependencies/repsol-catalog/css/mixins-btn.less';@import '/apps/catalog-comp-cloud/clientlibs/clientlibs-dependencies/repsol-catalog/css/mixins.less';@import '/apps/catalog-comp-cloud/clientlibs/clientlib-catalog-site/css/mixins-article.less';@import '/apps/catalog-comp-cloud/clientlibs/clientlib-catalog-site/css/variables.less';@import '/apps/catalog-comp-cloud/clientlibs/clientlibs-dependencies/energy-foundations/css/RDSTags.less';.banner-oval-strip-component{position:relative;background:@rds-color-highlightedSurface-ivoryGradient;&--dark,&--image,&--video{.banner-oval-strip-component__title{padding-top:0 !important}
.title *{color:@rds-color-content-high-inverse}
.description *{color:@rds-color-content-medium-inverse}
}
&--dark{background:@rds-color-surface-navy}
&--image,&--video{background:@rds-color-elevation-overlay-navy-gradient;min-height:430px}
&__container{position:relative;display:flex;flex-direction:column;justify-content:flex-end;flex:1;gap:8px;padding-bottom:24px;margin:0 16px;min-height:430px;padding-top:80px;@media(min-width:@bp-s){display:flex;gap:16px;margin:0 auto;justify-content:flex-end;padding-top:94px}
@media(min-width:@bp-m){display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;gap:32px;width:100%;padding-bottom:40px;padding-top:94px}
}
&__container{width:100%;margin-right:0;margin-left:0;padding-right:20px;padding-left:20px;@media(min-width:720px){max-width:688px;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
@media(min-width:1024px){margin-right:auto;margin-left:auto;max-width:936px}
@media(min-width:1350px){margin-right:auto;margin-left:auto;max-width:1248px}
}
&__title{padding:0;@media(min-width:@bp-m){flex:3}
}
&__ilustration-box{position:relative;width:80px;height:80px;top:0;margin-bottom:24px;@media(min-width:@bp-m){width:104px;height:104px}
&-img{object-fit:contain;height:auto;width:100%;aspect-ratio:1}
}
&__content{display:flex;flex-direction:column;padding:0;@media(min-width:@bp-m){flex:2}
}
&__background{position:absolute;width:100%;height:100%;left:0;top:0;.desktopVideo,.mobileVideo,img{width:100%;height:100%;object-fit:cover;position:absolute}
}
&__actions{display:flex;flex-direction:column;gap:12px;flex-wrap:wrap;@media(min-width:@bp-s){flex-direction:row}
}
&__form{position:relative;background-color:@rds-color-surface-white;padding:16px;border-radius:16px;@media(min-width:@bp-s){background-color:transparent;padding:0}
.rds-input-repsol{position:relative;background-color:@rds-color-surface-white;border-radius:@rds-radius-input;label,input,.msg-error{padding:0 16px;@media(min-width:@bp-s){padding:0 158px 0 24px}
}
label{.mixin-ellipsis-simple;position:absolute;top:19px;&:not(:has(+input.filled,+input:focus)){top:28px}
}
input{padding:16;padding-top:22px;height:80px;position:relative;background-color:transparent;z-index:1;.mixin-rds-body-01}
&.placeholder{label{.mixin-rds-body-01;top:50%;transform:translate(0,-50%)}
}
&.error{label{top:10px;transform:none}
input{border:1px solid @rds-color-semantic-content-error;padding-top:0}
.msg-error{.mixin-ellipsis-simple;color:@rds-color-semantic-content-error;position:absolute;bottom:10px}
&.placeholder{label{top:19px}
.msg-error{bottom:19px}
}
}
}
&-button{margin-top:16px;@media(min-width:@bp-s){position:absolute;top:0;right:0;margin:16px}
}
}
.description p{margin-bottom:0}
.description ~ .banner-oval-strip-component__actions:has(.button-repsol.button){margin-top:24px;@media(min-width:@bp-m){margin-top:32px}
}
.description ~ .banner-oval-strip-component__actions:not(:has(.button-repsol.button)){@media(min-width:@bp-m){margin-top:16px}
}
&__checkbox{margin-top:12px;.cmp-form-options__field-description.rds-caption-02{.mixin-rds-caption-02;a{color:@rds-color-link-content-default;text-decoration:underline}
p{margin-bottom:0}
}
}
&.banner-oval-strip-newsletter{.banner-oval-strip-component__title{padding-top:0}
.banner-oval-strip-component__container{row-gap:8px;column-gap:32px}
.banner-oval-strip-component__content{gap:24px}
}
.custom-shape-top{position:absolute;top:0;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg);z-index:1;svg{position:relative;display:block;width:calc(100% + 1.3px);height:26px;@media(min-width:@bp-s){height:50px}
}
.shape-fill{fill:@rds-color-neutral-white}
}
}
.banner-oval-strip-component.banner-oval-strip-component--image,.banner-oval-strip-component.banner-oval-strip-component--video{.banner-oval-strip-component__container{min-height:430px;display:flex;justify-content:flex-end}
}