/** Shopify CDN: Minification failed

Line 584:0 Unexpected "}"

**/
img[alt="Webpay"] { display: none !important; }

/* NOTA (sept 2026): .nb-product-gift (franja amarilla "2 regalos incluidos
   con tu compra") se eliminó a pedido del cliente por duplicar el banner
   "2 regalos con tu compra" ya visible junto al precio. El elemento que la
   generaba (initNuberaProductGift en assets/nb-sticky-add-to-cart.js) fue
   eliminado; esta regla queda sin uso pero no afecta nada más. */
.nb-about { display: none !important; }

@media screen and (max-width: 749px) {
  [id^="MainProduct-"] .product__media-item { min-height: 0; }
  [id^="MainProduct-"] .product-media-container { width: 100% !important; max-width: 100% !important; }
  [id^="MainProduct-"] .product__media { height: min(92vw, 36rem) !important; padding-top: 0 !important; }
  [id^="MainProduct-"] .product__media img { object-fit: contain !important; }
  [id^="ProductInfo-"] { margin-top: 1.4rem; }
}

.nb-home-trust { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; max-width: 120rem; margin: 0 auto; padding: 1.4rem 2rem; background: #fffaf0; color: #2b2418; text-align: center; }
.nb-home-trust__item { display: grid; gap: 0.25rem; align-content: center; min-height: 4.8rem; font-size: 1.15rem; line-height: 1.25; }
.nb-home-trust__item strong { font-size: 1.25rem; font-weight: 700; }
.nb-home-trust__icon { font-size: 1.7rem; line-height: 1; }

@media screen and (max-width: 749px) {
  [id*="__hero"] h2 { font-size: clamp(2.6rem, 8.5vw, 3.6rem); line-height: 1.08; text-wrap: balance; }
  .nb-home-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.8rem; padding: 1.2rem; }
  .nb-home-trust__item { min-height: 5.6rem; font-size: 1rem; }
  .nb-home-trust__item strong { font-size: 1.05rem; }
  [id^="ProductInfo-"] .product-form__submit { background: #fff !important; border-color: #2b2418 !important; color: #2b2418 !important; }
}

[id^="ProductInfo-"] .product__tax,
[id^="ProductInfo-"] .nb-urgency,
[id^="ProductInfo-"] .nb-buy-now,
[id^="ProductInfo-"] img[alt*="Webpay" i],
[id^="ProductInfo-"] [aria-label*="Webpay" i] { display: none !important; }
.product__inventory, .nb-stock-urgency { display: none !important; }

@media screen and (max-width: 749px) {
  [id^="ProductInfo-"] h1.product__title { font-size: clamp(2.6rem, 7.5vw, 3rem); line-height: 1.15; font-weight: 700; letter-spacing: -0.02em; }
  [id^="ProductInfo-"] .product-form__submit, [id^="ProductInfo-"] .shopify-payment-button__button { min-height: 4.8rem; font-weight: 700; letter-spacing: 0.01em; }
}

/* NOTA (sept 2026): .nb-product-promise (mensaje "¿Quieres proyectar más
   seguridad y presencia?" / "¿Quieres sentirte más atractiva...?", distinto
   según género del perfume) se eliminó a pedido del cliente — aparecía
   justo debajo de la insignia de reseñas en todas las fichas de producto.
   El elemento que lo generaba (initNuberaProductPromise en
   assets/nb-sticky-add-to-cart.js) fue eliminado. */
.nb-price-urgency { display: block; margin: 0.7rem 0; color: #8a4931; font-size: 1.2rem; font-weight: 700; }


/* Correcciones de densidad móvil */
@media screen and (max-width: 749px) {
  .header__heading-logo { width: 150px !important; max-width: 150px !important; height: auto !important; }
  .nb-product-marquee, .nb-ship-banner { display: none !important; }
  .nb-qty-promo:not([open]) .nb-qty-promo__body { display: none !important; }
}


/* Ajuste final de escala móvil */
@media screen and (max-width: 749px) {
  [id^="ProductInfo-"] h1 { font-size: 2.4rem !important; line-height: 1.15 !important; }
  [id^="ProductInfo-"] .product__title { margin-bottom: 8px !important; }
  [id^="ProductInfo-"] [id^="price-"] { margin: 10px 0 !important; }
  [id^="ProductInfo-"] .nb-value-line, [id^="ProductInfo-"] variant-selects, [id^="ProductInfo-"] .nb-qty-urgency-row { margin-top: 9px !important; margin-bottom: 9px !important; }
  [id^="ProductInfo-"] .product-form { margin: 14px 0 !important; }
}



/* Barra de compra fija en móvil: eliminada a pedido del cliente porque al
   abrir el carrito quedaba tapando/bloqueando el botón "Comprar ahora" del
   drawer del carrito. Se oculta por completo en vez de mostrarla fija. */
.nb-sticky-atc {
  display: none !important;
}



.nb-product-story {
  display: none;
}

@media screen and (max-width: 749px) {
  .nb-product-story {
    display: block;
    margin: 12px 0 18px;
  }

  .nb-product-story__heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 0 16px 8px;
    color: #6d5a3c;
    font-size: 1.1rem;
  }

  .nb-product-story__heading span {
    color: #85755b;
    font-size: .95rem;
  }

  .nb-product-story__heading strong {
    color: #2b2418;
    font-size: .9rem;
    font-weight: 700;
    text-align: right;
  }

  .nb-product-story__track {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 0 16px 5px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .nb-product-story__track::-webkit-scrollbar {
    display: none;
  }

  .nb-product-story__card {
    position: relative;
    display: flex;
    flex: 0 0 min(76vw, 270px);
    min-height: 300px;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    border-radius: 14px;
    padding: 22px 18px 18px;
    scroll-snap-align: start;
    color: #fff;
    background: #2b2418;
    box-shadow: 0 5px 18px rgba(43, 36, 24, .14);
  }

  .nb-product-story__card--hero {
    padding: 0;
    background: #ead8d0;
  }

  .nb-product-story__card--hero img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .nb-product-story__overlay {
    position: relative;
    z-index: 1;
    padding: 68px 18px 18px;
    background: linear-gradient(180deg, rgba(43, 36, 24, 0), rgba(43, 36, 24, .78));
  }

  .nb-product-story__card--notes {
    background: radial-gradient(circle at 80% 15%, #f7c5b6 0, #b66b63 32%, #5c3f46 100%);
  }

  .nb-product-story__card--use {
    background: linear-gradient(145deg, #d8a5a7, #70495a 58%, #332736);
  }

  .nb-product-story__card--gift {
    color: #2b2418;
    background: linear-gradient(145deg, #f7efd9, #dfc47b);
  }

  .nb-product-story__icon {
    position: absolute;
    top: 18px;
    right: 18px;
    font-size: 2rem;
    line-height: 1;
  }

  .nb-product-story__eyebrow {
    display: block;
    margin-bottom: 8px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    opacity: .8;
  }

  .nb-product-story__card h3 {
    margin: 0 0 10px;
    color: inherit;
    font-size: 1.55rem;
    line-height: 1.08;
  }

  .nb-product-story__card p {
    margin: 0;
    color: inherit;
    font-size: .98rem;
    line-height: 1.4;
    opacity: .92;
  }
}



@media screen and (max-width: 749px) {
  .nb-product-story__card--concept {
    padding: 0;
    background: #171412;
  }

  .nb-product-story__card--concept img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #171412;
  }
}



@media screen and (max-width: 749px) {
  .nb-product-story__label {
    position: absolute;
    top: 37%;
    left: 42%;
    z-index: 2;
    display: block;
    width: 17%;
    min-width: 42px;
    padding: 2px 3px;
    overflow: hidden;
    color: #2b2418;
    background: rgba(250, 245, 231, .94);
    font-family: Georgia, serif;
    font-size: 7px;
    line-height: 1.1;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}



@media screen and (max-width: 749px) {
  .nb-product-story__label {
    left: 36%;
    width: 28%;
    min-width: 58px;
  }
}



.nb-product-story {
  display: none !important;
}


@media screen and (max-width: 749px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  body:has(#main-cart-items) .nb-payment-row__logos {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body:has(#main-cart-items) .nb-payment-row__logo {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: 34px !important;
    max-height: 34px !important;
    object-fit: contain !important;
  }

  body:has(#main-cart-items) .nb-payment-row__logo--mp {
    width: 150px !important;
    height: 40px !important;
    max-height: 40px !important;
  }

  body:has(#main-cart-items) .nb-payment-row__logo--webpay {
    display: none !important;
  }

  body:has(#main-cart-items) .nb-cart-extras__row {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body:has(#main-cart-items) .nb-cart-extras__text {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  body:has(#main-cart-items) .nb-gift-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  body:has(#main-cart-items) .nb-gift-row__icon,
  body:has(#main-cart-items) .nb-gift-row__check {
    flex: 0 0 auto !important;
  }
}


@media screen and (max-width: 749px) {
  .nb-payment-row__logos {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .nb-payment-row__logo {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: 34px !important;
    max-height: 34px !important;
    object-fit: contain !important;
  }

  .nb-payment-row__logo--mp {
    width: 150px !important;
    height: 40px !important;
    max-height: 40px !important;
  }

  .nb-payment-row__logo--webpay {
    display: none !important;
  }
}


@media screen and (max-width: 749px) {
  .nb-cart-extras {
    margin: 0.45rem 0 0.7rem !important;
  }

  .nb-shipping-row {
    display: block !important;
    padding: 0.35rem 0 0.55rem !important;
  }

  .nb-shipping-row .nb-cart-extras__text {
    margin: 0 0 0.45rem !important;
    font-size: 1.15rem !important;
    line-height: 1.3 !important;
  }

  .nb-shipping-bar {
    display: block !important;
    width: 100% !important;
    height: 0.55rem !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: rgba(var(--color-foreground), 0.13) !important;
    overflow: hidden !important;
  }

  .nb-shipping-bar__fill {
    display: block !important;
    height: 100% !important;
    min-height: 100% !important;
    border-radius: inherit !important;
    background: #d6a928 !important;
    transition: width 0.35s ease !important;
  }

  .nb-gift-row {
    display: grid !important;
    grid-template-columns: 1.6rem minmax(0, 1fr) 1rem !important;
    align-items: start !important;
    gap: 0.55rem !important;
    min-height: 0 !important;
    padding: 0.55rem 0 !important;
  }

  .nb-gift-row__icon {
    display: grid !important;
    place-items: center !important;
    width: 1.6rem !important;
    height: 1.6rem !important;
    border-radius: 0.35rem !important;
    font-size: 1.1rem !important;
  }

  .nb-gift-row .nb-cart-extras__text,
  .nb-payment-row__label {
    min-width: 0 !important;
    margin: 0 !important;
    font-size: 1.1rem !important;
    line-height: 1.3 !important;
  }

  .nb-gift-row .nb-cart-extras__text strong,
  .nb-gift-row .nb-cart-extras__text span {
    display: inline !important;
    font-size: inherit !important;
  }

  .nb-gift-row .nb-cart-extras__text strong::after {
    content: ' · ' !important;
  }

  .nb-gift-row__check {
    font-size: 1.35rem !important;
    line-height: 1.2 !important;
  }

  .nb-payment-row {
    display: block !important;
    padding: 0.45rem 0 0 !important;
  }

  .nb-payment-row__label {
    margin: 0 0 0.35rem !important;
  }

  .nb-payment-row__logos {
    min-height: 2.5rem !important;
  }
}


@media screen and (max-width: 749px) {
  .nb-shipping-bar {
    height: 0.8rem !important;
    border: 1px solid rgba(var(--color-foreground), 0.12) !important;
    background: #eee8db !important;
  }

  .nb-shipping-bar__fill {
    background: linear-gradient(90deg, #b58a1b, #e0bb52) !important;
    box-shadow: 0 0 0.4rem rgba(181, 138, 27, 0.35) !important;
  }

  #main-cart-footer {
    padding: 0 0.8rem !important;
    box-sizing: border-box !important;
  }

  #main-cart-footer .page-width {
    padding: 0 !important;
  }

  #main-cart-footer .cart__footer {
    width: 100% !important;
    max-width: 43rem !important;
    margin: 0 auto !important;
    padding: 1.1rem 1rem 1.7rem !important;
    border-radius: 1.4rem 1.4rem 0 0 !important;
    box-sizing: border-box !important;
  }

  #main-cart-footer .cart__blocks,
  #main-cart-footer .cart__blocks .js-contents,
  #main-cart-footer .cart__ctas {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #main-cart-footer .totals {
    margin-bottom: 0.65rem !important;
  }

  #main-cart-footer .totals__total,
  #main-cart-footer .totals__total-value {
    font-size: 1.55rem !important;
  }

  #main-cart-footer .tax-note,
  #main-cart-footer .nb-cart-trust-line,
  #main-cart-footer .nb-cart-sticky-note {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
  }

  #main-cart-footer .nb-cart-trust-line {
    margin-top: 0.65rem !important;
    margin-bottom: 0.65rem !important;
  }

  #main-cart-footer .cart__ctas {
    padding: 0 !important;
  }

  #main-cart-footer .cart__checkout-button {
    width: 100% !important;
    min-height: 4.7rem !important;
  }
}


@media screen and (max-width: 749px) {
  tr[id^="CartItem-"]:has(.cart-item__name[href*="dispensador-atomizador-de-viaje"]),
  tr[id^="CartItem-"]:has(.cart-item__name[href*="regalo-10ml-sorpresa"]),
  tr[id^="CartDrawer-Item-"]:has(.cart-item__name[href*="dispensador-atomizador-de-viaje"]),
  tr[id^="CartDrawer-Item-"]:has(.cart-item__name[href*="regalo-10ml-sorpresa"]) {
    display: none !important;
  }

  .nb-payment-row {
    display: none !important;
  }

  #main-cart-footer .cart__footer {
    max-width: 39rem !important;
    padding: 0.8rem 0.8rem 1.2rem !important;
  }

  #main-cart-footer .totals {
    margin-bottom: 0.4rem !important;
  }

  #main-cart-footer .totals__total,
  #main-cart-footer .totals__total-value {
    font-size: 1.4rem !important;
  }

  #main-cart-footer .tax-note,
  #main-cart-footer .nb-cart-trust-line,
  #main-cart-footer .nb-cart-sticky-note {
    font-size: 0.95rem !important;
    line-height: 1.25 !important;
  }

  #main-cart-footer .nb-cart-trust-line {
    margin-top: 0.45rem !important;
    margin-bottom: 0.45rem !important;
  }

  #main-cart-footer .cart__checkout-button {
    min-height: 4.25rem !important;
  }
}


.product__description .nb-personality {
  display: none !important;
}

@media screen and (max-width: 749px) {
    .card__badge {
        display: none !important;
          }
          }
}

/* Encabezado de producto estilo tarjeta: código + nombre + marca inspiradora */
.nb-product-heading {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.nb-product-heading__code {
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(43, 36, 24, 0.55);
}
.nb-product-heading__name {
  text-transform: uppercase;
  letter-spacing: -0.01em;
  line-height: 1.15;
}
.nb-inspired-by--pdp_brand {
  margin: 0.3rem 0 0;
  font-size: 1.3rem;
  font-weight: 600;
  color: #6d5a3c;
}
@media screen and (max-width: 749px) {
  .nb-product-heading__code { font-size: 1rem; }
  .nb-inspired-by--pdp_brand { font-size: 1.15rem; }
}

/* Selector de tamaño estilo tarjeta (snippets/nb-size-picker.liquid), con
   precio por tamaño e insignia "Más elegido" en la variante de 50 ml. */
.nb-size-picker { margin: 1.4rem 0; padding: 0; border: 0; min-width: 0; width: 100%; }
.nb-size-picker__legend { padding: 0; margin: 0 0 0.6rem; font-size: 1.05rem; font-weight: 700; color: #2b2418; }
.nb-size-picker__grid { display: flex; flex-wrap: wrap; gap: 0.9rem; width: 100%; }
.nb-size-card { position: relative; flex: 1 1 10rem; min-width: 9rem; }
.nb-size-card__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}
.nb-size-card__label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1.1rem 0.9rem;
  border: 1.5px solid rgba(43, 36, 24, 0.18);
  border-radius: 0.9rem;
  background: #fff;
  color: #2b2418;
  text-align: center;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.nb-size-card__size { font-size: 1.2rem; font-weight: 700; }
.nb-size-card__price { font-size: 1rem; color: rgba(43, 36, 24, 0.65); }
.nb-size-card.is-selected .nb-size-card__label,
.nb-size-card__input:checked + .nb-size-card__label {
  background: #2b2418;
  border-color: #2b2418;
  color: #fff;
}
.nb-size-card.is-selected .nb-size-card__price,
.nb-size-card__input:checked + .nb-size-card__label .nb-size-card__price {
  color: rgba(255, 255, 255, 0.75);
}
.nb-size-card__badge {
  position: absolute;
  top: -0.75rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  background: #2b2418;
  color: #f4d873;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 1;
}
.nb-size-card.is-disabled .nb-size-card__label { opacity: 0.45; cursor: not-allowed; }
.nb-size-card__input:focus-visible + .nb-size-card__label { outline: 2px solid #2b2418; outline-offset: 2px; }

@media screen and (max-width: 749px) {
  .nb-size-picker__grid { gap: 0.6rem; }
  .nb-size-card { flex: 1 1 7.5rem; min-width: 6.8rem; }
  .nb-size-card__label { padding: 0.85rem 0.5rem; }
  .nb-size-card__size { font-size: 1.05rem; }
  .nb-size-card__price { font-size: 0.9rem; }
}

/* Selector de cantidad: version compacta tipo pildora (reemplaza el bloque
   nativo, mas grande, de Shopify) para dejar mas espacio al selector de
   tamano y al boton "Comprar ahora". */
[id^="ProductInfo-"] .nb-qty-urgency-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7rem;
  margin: 1rem 0;
}
[id^="ProductInfo-"] .product-form__quantity {
  flex: 0 0 auto;
  margin: 0;
}
[id^="ProductInfo-"] .quantity__label {
  margin: 0 0 0.35rem;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(43, 36, 24, 0.6);
}
[id^="ProductInfo-"] .quantity {
  display: inline-flex;
  align-items: center;
  height: 2.7rem;
  border: 1.5px solid rgba(43, 36, 24, 0.2);
  border-radius: 999px;
  overflow: hidden;
  background: #fff;
}
[id^="ProductInfo-"] .quantity__button {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.7rem;
  border: 0;
  padding: 0;
  background: transparent;
  color: #2b2418;
  cursor: pointer;
  transition: background 0.15s ease;
}
[id^="ProductInfo-"] .quantity__button:hover { background: rgba(43, 36, 24, 0.06); }
[id^="ProductInfo-"] .quantity__button svg { width: 0.95rem; height: 0.95rem; }
[id^="ProductInfo-"] .quantity__input {
  width: 2.6rem;
  height: 2.7rem;
  border: 0;
  border-left: 1px solid rgba(43, 36, 24, 0.15);
  border-right: 1px solid rgba(43, 36, 24, 0.15);
  padding: 0;
  background: transparent;
  color: #2b2418;
  text-align: center;
  font-size: 0.95rem;
  font-weight: 700;
}
[id^="ProductInfo-"] .quantity__rules,
[id^="ProductInfo-"] .quantity__rules-cart {
  font-size: 0.8rem;
}
[id^="ProductInfo-"] .nb-urgency {
  margin: 0;
}

@media screen and (max-width: 749px) {
  [id^="ProductInfo-"] .quantity,
  [id^="ProductInfo-"] .quantity__button,
  [id^="ProductInfo-"] .quantity__input {
    height: 2.5rem;
  }
  [id^="ProductInfo-"] .quantity__button { width: 2.3rem; }
  [id^="ProductInfo-"] .quantity__input { width: 2.3rem; font-size: 0.9rem; }
}

/* Boton "Comprar ahora": se restaura su visibilidad (antes quedaba oculto de
   forma incondicional) y se aplica un estilo dorado para usarlo como CTA
   principal junto al selector de tamaño, con el precio de la variante
   seleccionada (ver assets/nb-buy-now.js). */
[id^="ProductInfo-"] .nb-buy-now {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  margin: 0.8rem 0 0;
  padding: 1.1rem 1.4rem;
  overflow: hidden;
  border: 0;
  border-radius: 0.9rem;
  background: linear-gradient(135deg, #b58a1b, #e0bb52);
  color: #2b2418;
  font-size: 1.3rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  cursor: pointer;
  animation: nb-buy-now-glow 2.4s ease-in-out infinite;
}
[id^="ProductInfo-"] .nb-buy-now::after {
  content: '';
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(115deg, transparent, rgba(255, 255, 255, 0.75), transparent);
  transform: skewX(-20deg);
  animation: nb-buy-now-shine 2.6s ease-in-out infinite;
  pointer-events: none;
}
[id^="ProductInfo-"] .nb-buy-now:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  animation: none;
}
[id^="ProductInfo-"] .nb-buy-now:disabled::after { display: none; }
.nb-buy-now__icon svg { width: 1.6rem; height: 1.6rem; stroke: #2b2418; position: relative; z-index: 1; }
[id^="ProductInfo-"] .nb-buy-now span { position: relative; z-index: 1; }

@keyframes nb-buy-now-shine {
  0% { left: -60%; }
  55%, 100% { left: 130%; }
}
@keyframes nb-buy-now-glow {
  0%, 100% { box-shadow: 0 4px 18px rgba(181, 138, 27, 0.45); }
  50% { box-shadow: 0 4px 26px rgba(181, 138, 27, 0.8); }
}
@media (prefers-reduced-motion: reduce) {
  [id^="ProductInfo-"] .nb-buy-now,
  [id^="ProductInfo-"] .nb-buy-now::after {
    animation: none !important;
  }
}
@media screen and (max-width: 749px) {
  [id^="ProductInfo-"] .nb-buy-now { font-size: 1.15rem; padding: 1rem 1.2rem; }
  .nb-buy-now__icon svg { width: 1.4rem; height: 1.4rem; }
}

/* Evitar el botón "Comprar ahora" duplicado: Shopify muestra su propio botón
   de pago dinámico (Shop Pay / "Comprar ahora") junto al de "Agregar al
   carrito" cuando el bloque de compra tiene esa opción activada. Como ya
   tenemos nuestro propio botón "Comprar ahora" con precio dinámico, se
   oculta el nativo para no repetirlo. */
[id^="ProductInfo-"] .shopify-payment-button { display: none !important; }

/* ------------------------------------------------------------------ */
/* Precio + ahorro + banner de regalos + beneficios (ficha de producto) */
/* Un mismo acento verde claro conecta el badge "Ahorra $X" con el      */
/* banner "2 regalos con tu compra"; los tres iconos de beneficios      */
/* (EDP concentrado / duracion / vegano) se muestran como una fila con  */
/* icono arriba y texto abajo, sin fondo, en tono neutro.               */
/* ------------------------------------------------------------------ */
.nb-price-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem 1rem;
}

.nb-ahorra-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.95rem;
  border-radius: 999px;
  background: #e9f7ef;
  color: #1f7a4a;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: nowrap;
  border: 2px solid #2f8f5b;
  animation: nb-pulse-green 2.2s ease-in-out infinite;
}

.nb-gift-banner {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin: 0.9rem 0;
  padding: 0.9rem 1.1rem;
  border-radius: 1rem;
  background: #e9f7ef;
  border: 2px solid #2f8f5b;
  animation: nb-pulse-green 2.2s ease-in-out infinite;
}

@keyframes nb-pulse-green {
  0%, 100% { box-shadow: 0 0 0 0 rgba(47, 143, 91, 0.45); }
  50% { box-shadow: 0 0 0 6px rgba(47, 143, 91, 0); }
}
.nb-gift-banner__icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 2.2rem;
  height: 2.2rem;
}
.nb-gift-banner__icon svg {
  width: 2.1rem;
  height: 2.1rem;
  stroke: #2f8f5b;
}
.nb-gift-banner__photo {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 3.4rem;
  height: 7.4rem;
  border-radius: 0.7rem;
  overflow: hidden;
  background: #fff;
}
.nb-gift-banner__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.nb-gift-banner__copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}
.nb-gift-banner__title {
  font-size: 1.3rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: #1b6b40;
  text-transform: uppercase;
}
.nb-gift-banner__subtitle {
  font-size: 1.1rem;
  line-height: 1.32;
  color: #2f6b48;
}

@media screen and (max-width: 749px) {
  .nb-ahorra-badge { font-size: 1rem; padding: 0.4rem 0.85rem; }
  .nb-gift-banner { padding: 0.8rem 0.9rem; gap: 0.6rem; }
  .nb-gift-banner__icon, .nb-gift-banner__icon svg { width: 1.9rem; height: 1.9rem; }
  .nb-gift-banner__photo { width: 2.8rem; height: 6.1rem; }
  .nb-gift-banner__title { font-size: 1.15rem; }
  .nb-gift-banner__subtitle { font-size: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  .nb-gift-banner,
  .nb-ahorra-badge {
    animation: none !important;
  }
}

/* Fila de beneficios (EDP concentrado / duracion / vegano / compra segura):
   icono arriba, texto abajo, sin tarjeta, distribuidos en una fila pareja. */
.nb-mini-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem 0.6rem;
  margin: 1.1rem 0;
  padding: 0.9rem 0;
  border-top: 1px solid rgba(43, 36, 24, 0.1);
  border-bottom: 1px solid rgba(43, 36, 24, 0.1);
}
.nb-mini-badge {
  display: flex;
  flex: 1 1 0;
  min-width: 5.5rem;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  text-align: center;
}
.nb-mini-badge__icon {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
}
.nb-mini-badge__icon svg {
  width: 2.5rem;
  height: 2.5rem;
  stroke: #2b2418;
}
.nb-mini-badge__label {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
  color: #4a4032;
}

@media screen and (max-width: 749px) {
  .nb-mini-badges { gap: 0.8rem 0.4rem; padding: 0.7rem 0; }
  .nb-mini-badge { min-width: 4.6rem; }
  .nb-mini-badge__icon, .nb-mini-badge__icon svg { width: 2.05rem; height: 2.05rem; }
  .nb-mini-badge__label { font-size: 0.92rem; }
}

/* Boton "Agregar al carrito": fondo blanco con borde/texto oscuro, en vez
   del fondo solido del esquema de color, en escritorio y movil. */
[id^="ProductInfo-"] .product-form__submit {
  background: #fff !important;
  border: 1.5px solid #2b2418 !important;
  color: #2b2418 !important;
}
[id^="ProductInfo-"] .product-form__submit:hover {
  background: #f7f5f0 !important;
}

/* "Paga como prefieres" (medios de pago + cuotas sin interés): rediseño a
   tarjeta de ancho completo dentro de la ficha de producto, con los logos
   de pago repartidos de lado a lado (mismo ancho cada uno) y todo el
   contenido centrado, y la cuota sin interés destacada como una insignia
   dorada, en vez del bloque básico/angosto y desalineado a la izquierda
   que tenía antes. */
[id^="ProductInfo-"] .nb-pay-prefer {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 1.1rem 0;
  padding: 1rem 1.2rem;
  border-radius: 1rem;
  background: #f7f5f0;
  border: 1px solid rgba(43, 36, 24, 0.1);
}
[id^="ProductInfo-"] .nb-pay-prefer__label {
  margin: 0 0 0.8rem;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
  color: rgba(43, 36, 24, 0.55);
}
[id^="ProductInfo-"] .nb-pay-prefer__row {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  width: 100%;
  height: auto !important;
}
[id^="ProductInfo-"] .nb-pay-prefer__logos {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  height: auto !important;
  width: 100%;
}
[id^="ProductInfo-"] .nb-pay-prefer__logo {
  width: auto !important;
  max-width: none !important;
  flex: 1 1 0;
  height: 34px !important;
  object-fit: contain;
}
[id^="ProductInfo-"] .nb-pay-prefer__icon {
  display: flex;
  flex: 1 1 0;
  justify-content: center;
}
[id^="ProductInfo-"] .nb-pay-prefer__icon svg {
  height: 30px;
  width: auto;
}
[id^="ProductInfo-"] .nb-pay-prefer__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.45rem 1.1rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #b58a1b, #e0bb52);
  color: #2b2418;
  font-size: 0.9rem;
  font-weight: 700;
  white-space: nowrap;
  text-align: center;
}
[id^="ProductInfo-"] .nb-pay-prefer__chip::before {
  content: '\1F4B3';
  font-size: 0.95rem;
  line-height: 1;
}

@media screen and (max-width: 749px) {
  [id^="ProductInfo-"] .nb-pay-prefer { padding: 0.9rem 1rem; margin: 1rem 0; }
  [id^="ProductInfo-"] .nb-pay-prefer__logos { gap: 0.6rem; }
  [id^="ProductInfo-"] .nb-pay-prefer__logo { height: 28px !important; }
  [id^="ProductInfo-"] .nb-pay-prefer__icon svg { height: 26px; }
  [id^="ProductInfo-"] .nb-pay-prefer__chip { font-size: 0.85rem; padding: 0.4rem 0.9rem; }
}