@media(min-width:1200px){.newsletter-banner-component{position:relative;z-index:10}
.newsletter-banner-component::after{position:absolute;width:100%;height:100%;top:0;left:0;content:'';background-image:url('../../../../../content/dam/es/audiovisual/vector.png');background-size:cover;background-repeat:no-repeat;background-position-y:20%;z-index:-1}
}
.newsletter-banner-component .newsletter-banner__container,.newsletter-banner-component .newsletter-banner__info,.newsletter-banner-component .newsletter-banner__form{display:flex;flex-direction:column}
.newsletter-banner-component .newsletter-banner__container,.newsletter-banner-component .newsletter-banner__info{gap:24px}
@media(min-width:1024px){.newsletter-banner-component .newsletter-banner__container,.newsletter-banner-component .newsletter-banner__info{gap:32px}
}
@media(min-width:1200px){.newsletter-banner-component .newsletter-banner__info,.newsletter-banner-component .newsletter-banner__form{width:66.666%}
}
.newsletter-banner-component .newsletter-banner__form{gap:16px}
@media(min-width:1200px){.newsletter-banner-component .newsletter-banner__form{flex-direction:row;justify-content:space-between;align-items:center;gap:32px}
}
.newsletter-banner-component .newsletter-banner__form .checkbox__group{margin-top:24px}
.newsletter-banner-component .newsletter-banner__form .checkbox__group .checkbox__label{color:#ffcd00}
.newsletter-banner-component .newsletter-banner__inputs{width:100%}
.newsletter-banner-component .newsletter-banner__input{width:100%;min-height:48px;padding:12px 0;color:#fff;background-color:transparent;border:0;border-bottom:1px solid #ffcd00;border-radius:0}
.newsletter-banner-component .newsletter-banner__input:-webkit-autofill,.newsletter-banner-component .newsletter-banner__input:-webkit-autofill:hover,.newsletter-banner-component .newsletter-banner__input:-webkit-autofill:focus,.newsletter-banner-component .newsletter-banner__input:-webkit-autofill:active{-webkit-text-fill-color:#fff !important;-webkit-box-shadow:0 0 0 1000px #333f48 inset !important;box-shadow:0 0 0 1000px #333f48 inset !important}
.newsletter-banner-component .newsletter-banner__input::placeholder{color:#ffcd00}
.newsletter-banner-component .newsletter-banner__input:focus,.newsletter-banner-component .newsletter-banner__input:focus-visible{outline:0;border-bottom:2px solid #ffcd00}
.newsletter-banner-component .newsletter-banner__button{min-width:fit-content}
@media(min-width:1024px){.newsletter-banner-component .newsletter-banner__button{max-width:200px}
}