/** Shopify CDN: Minification failed

Line 174:11 Unexpected "{"
Line 174:20 Expected ":"
Line 174:27 Unexpected "{"

**/
.email-signup-banner .newsletter-form,
.email-signup-banner .newsletter-form__field-wrapper {
  display: inline-block;
}

@media only screen and (min-width: 750px) {
  .email-signup-banner:not(.banner--desktop-transparent) .email-signup-banner__box {
    width: 100%;
  }
}

.email-signup-banner__box .email-signup-banner__heading {
  margin-bottom: 0;
}

.email-signup-banner__box > * + .newsletter__subheading {
  margin-top: 2rem;
}

.email-signup-banner__box .newsletter__subheading p {
  margin: 0;
}

.email-signup-banner-background {
  width: 100%;
  height: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 749px) {
  .email-signup-banner:not(.banner--mobile-bottom) .banner__box:not(.email-signup-banner__box--no-image) {
    background-color: transparent;
    --color-foreground: 255, 255, 255;
    --color-button: 255, 255, 255;
    --color-button-text: 0, 0, 0;
  }
}

@media only screen and (min-width: 750px) {
  .banner--desktop-transparent .email-signup-banner__box--no-image * {
    color: rgb(var(--color-foreground));
  }

  .banner--desktop-transparent .email-signup-banner__box .field__input {
    background-color: transparent;
  }

  .banner--desktop-transparent .email-signup-banner__box--no-image .field__input {
    box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.55);
  }

  .banner--desktop-transparent .email-signup-banner__box--no-image .field__input:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--color-foreground), 0.75);
  }

  .banner--desktop-transparent .email-signup-banner__box--no-image .field__button:focus-visible {
    outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
    box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  }
}

@media only screen and (min-width: 750px) {
  .email-signup-banner-background-mobile {
    display: none;
  }
}

@media only screen and (max-width: 749px) {
  .email-signup-banner-background:not(.email-signup-banner-background-mobile) {
    display: none;
  }
}

.email-signup-banner .banner__media {
  overflow: hidden;
}

@media screen and (max-width: 749px) {
  .banner--mobile-content-align-left .newsletter-form__message {
    justify-content: flex-start;
  }

  .banner--mobile-content-align-right .newsletter-form__message {
    justify-content: right;
  }
}

@media screen and (min-width: 750px) {
  .banner--content-align-center .newsletter-form__message {
    justify-content: center;
  }

  .banner--content-align-right .newsletter-form__message {
    justify-content: right;
  }
}

.password-form,
.password-form * {
  color: #fff !important;
}

.password-form .field__input::placeholder {
  color: rgba(255,255,255,0.45);
}

.password-form .field__label {
  color: rgba(255,255,255,0.65);
}

.password-button {
  color: #fff !important;
  border-color: #fff !important;
}

.password-form input {
  border: 1px solid rgba(255,255,255,0.5);
  background: transparent;
}

/* TÍTULO (Basics Autumn) */
.email-signup-banner__heading {
  color: #ffffff !important;
  font-size: 25px !important;
  font-weight: 500 !important;
  margin-bottom: 2px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* SUBTÍTULO (Acceso privado…) */
.newsletter__subheading {
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  opacity: 0.8; /* Ligeramente menos intenso para estética Dior/LV */
}

/* Texto dentro del input */
.password-form .field__input {
  font-size: 10px !important;
  color: #fff !important;
}

/* Placeholder */
.password-form .field__input::placeholder {
  font-size: 10px !important;
  color: rgba(255,255,255,0.55) !important;
}

/* Label flotante (cuando input tiene foco o contenido) */
.password-form .field__label {
  font-size: 10px !important;
  color: rgba(255,255,255,0.65) !important;
}
.email-signup-banner__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Desktop — más altura del banner */
@media screen and (min-width: 750px) {
  #Banner-{{ section.id }} {
    min-height: 90vh;
  }
}
.password-button {
  display: inline-block;
  margin-top: 12px;
  margin-left: 0;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.7);
  color: #ffffff !important;
  padding: 8px 26px;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 400;
}

/* quitamos estilos raros heredados del tema */
.password-button svg {
  display: none;
}

.password-button {
  display: block;
  margin: 12px auto 0 auto;
}
/* BOTÓN: negro, tipografía editorial, centrado debajo del input */
.password-button {
  display: block;
  margin: 14px auto 0 auto;
  padding: 12px 28px;
  background: #000000 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0;
  font-size: 10px;
  letter-spacing: 0.22em;
  font-weight: 500;
  text-transform: none; /* << aquí */
  cursor: pointer;
}

.password-button svg {
  display: none;
}


/* Hover minimal (premium) */
.password-button:hover {
  opacity: 0.85;
}
.password-form .newsletter-form__field-wrapper,
.password-form .field {
  display: block !important;
}

.password-form .field__button {
  display: none !important;
}

/* Mensaje de error del formulario de contraseña */
.password-form .form__message {
  font-size: 9px !important;
  letter-spacing: 0.15em;
  color: #ffffff !important;
  opacity: 0.7;
  margin-top: 6px;
}

/* Oculta el icono feo de error */
.password-form .form__message .svg-wrapper {
  display: none !important;
}