/** Shopify CDN: Minification failed

Line 1964:20 Unexpected "{"
Line 1964:29 Expected ":"

**/
/* Tabs de productos destacados */

/* Tabs - inactivo */
.tabs__item-label {
  border: 2px solid #0077B6 !important;
  color: #0077B6 !important;
  background: transparent !important;
  border-radius: 50px !important;
  opacity: 1 !important;
}

/* Tab activo */
.tabs__item-label[aria-selected="true"] {
  background: #0077B6 !important;
  color: #ffffff !important;
  border-color: #0077B6 !important;
}

/* Tab hover */
.tabs__item-label:hover {
  background: #DFF4FF !important;
  color: #0077B6 !important;
  border-color: #0077B6 !important;
}

/* Quitar línea gris del título */
.tabs__header-line,
.tabs__title-line,
[class*="tabs"] hr,
[class*="tabs"] .line {
  display: none !important;
}

/* FAQ estilo referencia */

.summary-accordion{
    background:#ffffff !important;
    border-radius:12px !important;
    padding:24px !important;
    margin-bottom:12px !important;
}

.summary-accordion__plus-minus-wrapper{
    border-radius:50% !important;
}

.collapsible-content details,
.accordion details {
    background:#F5F5F5 !important;
    border-radius:16px !important;
    padding:12px 12px 0 12px !important;
    margin-bottom:12px !important;
}

/* Respuesta del acordeón */
.accordion__content,
.accordion__content-inner{
    background:#ffffff !important;
    border-radius:0 0 12px 12px !important;
    margin:0 !important;
    padding:16px 24px 24px !important;
}

details .rte{
    background:transparent !important;
    padding:0 !important;
    margin:0 !important;
}

details[open] .summary-accordion{
    margin-bottom:1px !important;
}

details[open] .summary-accordion{
    border-radius:12px 12px 0 0 !important;
}

details:not([open]) .summary-accordion{
    border-radius:12px !important;
}
details[open]{
    padding-bottom:12px !important;
}

/* Estado inicial */
.accordion__content > div{
    opacity: 0;
    transform: translateY(6px);
    transition:
        opacity .3s ease,
        transform .3s ease;
}

details[open] .accordion__content > div{
    opacity: 1;
    transform: translateY(0);
}

/* Hace que el bloque de preguntas ocupe más espacio */

.collapsible-content__grid {
    display: grid !important;
    grid-template-columns: 30% 70% !important;
    gap: 24px !important;
    align-items: start !important;
}

.collapsible-content__image {
    width: 100% !important;
    align-self: start !important;
}

.collapsible-content__image img {
    width: 100%;
    max-width: 350px;
    height: auto;
    display: block;
}

.collapsible-content__grid > .grid__item:last-child {
    width: 100% !important;
    align-self: start !important;
}

.accordion-wrapper,
.spacing-style {
    width: 100% !important;
    max-width: 100% !important;
}

@media screen and (max-width: 749px) {

  .collapsible-content__grid {
      display: block !important;
  }

  .collapsible-content__image {
      max-width: 200px;
      margin: 0 auto 0px;
  }
}

/* =============================================
   MOLDEMANÍA — Card quick buttons + badges
   ============================================= */

/* Contenedor de botones: columna derecha */
.card__quick-buttons {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  z-index: 3 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Botón base circular */
.card__quick-buttons > * {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 0.5px solid rgba(0,0,0,0.12) !important;
  box-shadow: 0 1px 5px rgba(0,0,0,0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease !important;
}

/* Hover carrito — azul */
.card__quick-buttons .quick-add__submit:hover,
.card__quick-buttons [data-type="add-to-cart"]:hover {
  background: #0055A5 !important;
  border-color: #0055A5 !important;
  transform: scale(1.08) !important;
}
.card__quick-buttons .quick-add__submit:hover svg,
.card__quick-buttons .quick-add__submit:hover .icon {
  fill: #fff !important;
  stroke: #fff !important;
  color: #fff !important;
}

/* Hover wishlist — rosa */
.card__quick-buttons [data-wishlist-button]:hover,
.card__quick-buttons .wishlist-icon-button:hover {
  background: #fff0f5 !important;
  border-color: #e84393 !important;
  transform: scale(1.08) !important;
}
.card__quick-buttons [data-wishlist-button].active svg,
.card__quick-buttons [data-wishlist-button][aria-pressed="true"] svg {
  fill: #e84393 !important;
  stroke: #e84393 !important;
}

/* Ocultar texto dentro del botón de carrito (solo ícono) */
.card__quick-buttons .quick-add__submit .btn-txt,
.card__quick-buttons .quick-add__submit span:not(.icon) {
  display: none !important;
}

/* ---- CTA — VER PRODUCTO ---- */
.card__quick-add .btn,
.card__quick-add a,
.card-information .btn--primary,
.card__quick-add-form .btn {
  background: #0055A5 !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  transition: background 0.2s !important;
}
.card__quick-add .btn:hover,
.card__quick-add a:hover {
  background: #003d80 !important;
}

/* =============================================
   MOLDEMANÍA — Cards: botones + badges + CTA
   ============================================= */

/* Botones circulares en imagen */
.card__icon-buttons {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  z-index: 3;
}

.card__icon-btn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #ffffff;
  border: 0.5px solid rgba(0,0,0,0.12);
  box-shadow: 0 1px 5px rgba(0,0,0,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.card__icon-btn svg,
.card__icon-btn .icon {
  width: 17px;
  height: 17px;
  color: #555;
  transition: color 0.2s ease, stroke 0.2s ease;
}

/* Hover carrito — azul suave */
.card__icon-btn--cart:hover {
  background: #e0f4ff;
  border-color: #0077B6;
  transform: scale(1.08);
}
.card__icon-btn--cart:hover svg,
.card__icon-btn--cart:hover .icon {
  color: #0077B6;
  stroke: #0077B6;
}

/* Hover wishlist — rosa suave */
.card__icon-btn--wish:hover {
  background: #fff0f5;
  border-color: #e84393;
  transform: scale(1.08);
}
.card__icon-btn--wish:hover svg { stroke: #e84393; }
.card__icon-btn--wish.active svg { fill: #e84393; stroke: #e84393; }

/* Ocultar controles originales de Woodstock */
.card__quick-buttons.flex.justify-space-between { display: none !important; }
.quick-button--view { display: none !important; }

/* CTA fijo — Ver producto */
.card__cta-ver-producto {
  display: block !important;
  width: 100% !important;
  background: #0077B6 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 10px 24px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
  margin-top: 10px !important;
  transition: background 0.2s ease !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
.card__cta-ver-producto:hover {
  background: #006397 !important;
  color: #ffffff !important;
}

/* Layout del contenido de la card */
.card__content--product {
  display: flex !important;
  flex-direction: column !important;
}
.card__content--product .card__information {
  flex: 1 !important;
}

.badge--sold-out {
  top: 10px !important;
  inset-inline-start: 10px !important;
  left: 10px !important;
  bottom: auto !important;
  transform: none !important;
  transition: none !important;
}

/* ============================================
   JUDGE.ME - CARDS CAROUSEL - MOLDEMANÍA
   Layout horizontal estilo Figma
   v4 — mobile + padding + dots + flush image
   ============================================ */

/* ── Título ── */
.jdgm-cards-carousel .jdgm-title {
  font-family: 'Comfortaa', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #323232;
}

/* ── Contenedor principal ── */
.jdgm-widget.jdgm-cards-carousel {
  overflow: hidden !important;
}

.jdgm-cards-carousel .jdgm-content {
  overflow: hidden !important;
  padding: 16px 4px !important;
}

/* ── Wrapper ── */
.jdgm-cards-carousel .jdgm-cards-wrapper {
  gap: 24px !important;
}

.jdgm-cards-carousel .jdgm-videos-container {
  display: flex !important;
  align-items: stretch !important;
}

/* ── Card individual — DESKTOP ── */
.jdgm-cards-carousel .jdgm-media-card {
  display: grid !important;
  grid-template-columns: 180px 1fr !important;
  grid-template-rows: auto auto auto !important;
  align-items: start !important;
  gap: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border-radius: 12px !important;
  border: 1px solid #E0E0E0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  min-width: 44% !important;
  max-width: 48% !important;
  width: 46% !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* ── Foto flush izquierda, toda la altura ── */
.jdgm-cards-carousel .jdgm-media-card > img:first-child,
.jdgm-cards-carousel .jdgm-media-card img.jdgm-rev-img {
  grid-column: 1 !important;
  grid-row: 1 / 4 !important;
  width: 180px !important;
  height: 100% !important;
  min-height: 160px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
  align-self: stretch !important;
  display: block !important;
}

/* ── Texto de la reseña ── */
.jdgm-cards-carousel .jdgm-media-card .jdgm-text {
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 20px 20px 0 20px !important;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 14px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: #424242 !important;
  line-height: 1.6 !important;
  overflow: hidden !important;
  word-break: break-word !important;
  min-width: 0 !important;
  display: block !important;
}

.jdgm-cards-carousel .jdgm-media-card .jdgm-text::before {
  content: '\201C' !important;
}
.jdgm-cards-carousel .jdgm-media-card .jdgm-text::after {
  content: '' !important;
}

/* ── Rating section ── */
.jdgm-cards-carousel .jdgm-media-card .jdgm-rating-section {
  grid-column: 2 !important;
  grid-row: 2 !important;
  padding: 10px 20px 0 20px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px 8px !important;
  font-size: 13px !important;
  color: #757575 !important;
  min-width: 0 !important;
}

/* Nombre */
.jdgm-cards-carousel .jdgm-media-card .jdgm-reviewer-name {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #424242 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}

/* Badge */
.jdgm-cards-carousel .jdgm-media-card .jdgm-verified-badge {
  color: #2e7d32 !important;
  font-size: 12px !important;
}

/* Fecha */
.jdgm-cards-carousel .jdgm-media-card .jdgm-review-date {
  font-size: 12px !important;
  color: #9e9e9e !important;
  width: 100% !important;
}

/* ── Link producto ── */
.jdgm-cards-carousel .jdgm-media-card .jdgm-product-link,
.jdgm-cards-carousel .jdgm-media-card a[href*="/products"] {
  grid-column: 2 !important;
  grid-row: 3 !important;
  padding: 6px 20px 20px 20px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #0077B6 !important;
  text-decoration: underline !important;
  display: inline-block !important;
  min-width: 0 !important;
}

/* Thumbnail producto */
.jdgm-cards-carousel .jdgm-media-card .jdgm-card-product-img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 4px !important;
  object-fit: cover !important;
  border: 1px solid #E0E0E0 !important;
}

/* ── Flechas (estilo nativo del theme) ── */
.jdgm-cards-carousel .jdgm-arrow {
  position: relative !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: none !important;
  background: #fff !important;
  box-shadow: 0 2px 10px #0000001f !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--slider-nav-color, rgb(var(--color-button))) !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

.jdgm-cards-carousel .jdgm-arrow svg,
.jdgm-cards-carousel .jdgm-arrow i {
  display: none !important;
}

.jdgm-cards-carousel .jdgm-arrow::before {
  content: '' !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-style: solid !important;
  border-color: currentColor !important;
  border-width: 0 1.5px 1.5px 0 !important;
}

.jdgm-cards-carousel .jdgm-arrow[aria-label="Previous slide"]::before {
  transform: rotate(135deg) !important;
  margin-left: 2px !important;
}

.jdgm-cards-carousel .jdgm-arrow[aria-label="Next slide"]::before {
  transform: rotate(-45deg) !important;
  margin-right: 2px !important;
}

/* ── Dots ── */
.jdgm-cards-carousel .jdgm-carousel-dots,
.jdgm-cards-carousel [class*="dots"] {
  display: flex !important;
  gap: 7px !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 16px !important;
}

.jdgm-cards-carousel .jdgm-dot,
.jdgm-cards-carousel [class*="dot"]:not(.jdgm-widget) {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #9e9e9e !important;
  opacity: 0.3 !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: opacity 0.2s, transform 0.2s !important;
}

.jdgm-cards-carousel .jdgm-dot.jdgm-dot--active,
.jdgm-cards-carousel .jdgm-dot[data-active="true"],
.jdgm-cards-carousel .jdgm-dot.active {
  opacity: 1 !important;
  transform: scale(1.3) !important;
}

/* ── Fix título: gana el !important sobre el CSS de la app ── */
html body .jdgm-cards-carousel.jdgm-cards-carousel .jdgm-title {
  font-size: 24px !important;
  font-weight: 700 !important;
  -webkit-line-clamp: unset !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

/* ============================================
   JUDGE.ME - CAROUSEL REVIEW LIST (Reseñas para otros productos)
   Flechas centradas verticalmente sobre la card
   ============================================ */

.jdgm-carousel-review-list.jdgm-carousel-review-list {
  position: relative !important;
  margin-top: 20px !important;
}

/* Quitar cualquier degradado/máscara de desvanecido en los bordes del carrusel */
.jdgm-carousel-review-list.jdgm-carousel-review-list,
.jdgm-carousel-review-list.jdgm-carousel-review-list .jm-carousel,
.jdgm-carousel-review-list.jdgm-carousel-review-list *:not(.jdgm-carousel-review-list__nav-container):not(.jdgm-carousel-review-list__nav) {
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

.jdgm-carousel-review-list__nav-container.jdgm-carousel-review-list__nav-container {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  justify-content: space-between !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

.jdgm-carousel-review-list__nav-container.jdgm-carousel-review-list__nav-container
  .jdgm-carousel-review-list__nav {
  pointer-events: auto !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: none !important;
  background: #fff !important;
  box-shadow: 0 2px 10px #0000001f !important;
  color: var(--slider-nav-color, rgb(var(--color-button))) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

.jdgm-carousel-review-list__nav-container.jdgm-carousel-review-list__nav-container
  .jdgm-carousel-review-list__nav svg {
  display: none !important;
}

.jdgm-carousel-review-list__nav-container.jdgm-carousel-review-list__nav-container
  .jdgm-carousel-review-list__nav::before {
  content: '' !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-style: solid !important;
  border-color: currentColor !important;
  border-width: 0 1.5px 1.5px 0 !important;
}

.jdgm-carousel-review-list__nav-container.jdgm-carousel-review-list__nav-container
  .jdgm-carousel-review-list__nav--prev::before {
  transform: rotate(135deg) !important;
  margin-left: 2px !important;
}

.jdgm-carousel-review-list__nav-container.jdgm-carousel-review-list__nav-container
  .jdgm-carousel-review-list__nav--next::before {
  transform: rotate(-45deg) !important;
  margin-right: 2px !important;
}

@media screen and (max-width: 749px) {
  .jdgm-carousel-review-list__nav-container.jdgm-carousel-review-list__nav-container
    .jdgm-carousel-review-list__nav--next::before {
    margin-right: 5px !important;
  }
}

@media screen and (max-width: 749px) {

  html body .jdgm-cards-carousel.jdgm-cards-carousel .jdgm-title {
    font-size: 24px !important;
    line-height: 1.3 !important;
    padding: 0 12px !important;
    text-align: center !important;
  }
}

/* ── Fix: todo dentro de la card se ajusta a su contenedor ── */
.jdgm-cards-carousel .jdgm-media-card,
.jdgm-cards-carousel .jdgm-media-card * {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.jdgm-cards-carousel .jdgm-media-card img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.jdgm-cards-carousel .jdgm-media-card .jdgm-text,
.jdgm-cards-carousel .jdgm-media-card .jdgm-rating-section,
.jdgm-cards-carousel .jdgm-media-card .jdgm-product-link {
  width: 100% !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.jdgm-cards-carousel .jdgm-media-card {
  overflow: hidden !important;
}

/* ── MOBILE ── */
@media screen and (max-width: 749px) {

  .jdgm-cards-carousel,
  .jdgm-widget.jdgm-cards-carousel {
    --card-width: 88vw !important;
    --visible-cards: 1 !important;
  }

  .jdgm-cards-carousel .jdgm-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .jdgm-widget.jdgm-cards-carousel {
    --jm-arrows-mobile: block !important;
  }

  .jdgm-cards-carousel .jdgm-arrow {
    display: flex !important;
  }

  .jdgm-widget.jdgm-cards-carousel {
    --jm-arrows-mobile: block !important;
  }

  .jdgm-cards-carousel .jdgm-content {
    position: relative !important;
  }

    .jdgm-cards-carousel .jdgm-arrow {
    display: flex !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
    background: #fff !important;
    width: 40px !important;
    height: 40px !important;
    border: none !important;
    box-shadow: 0 2px 10px #0000001f !important;
  }

  .jdgm-cards-carousel .jdgm-arrow.jdgm-arrow--prev,
  .jdgm-cards-carousel .jdgm-arrow[aria-label="Previous slide"] {
    left: 30px !important;
  }

  .jdgm-cards-carousel .jdgm-arrow.jdgm-arrow--next,
  .jdgm-cards-carousel .jdgm-arrow[aria-label="Next slide"] {
    right: 30px !important;
  }

  .jdgm-cards-carousel .jdgm-arrow svg,
  .jdgm-cards-carousel .jdgm-arrow i {
    display: none !important;
  }

  .jdgm-cards-carousel .jdgm-arrow::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 9px !important;
    height: 9px !important;
    border-style: solid !important;
    border-color: currentColor !important;
    border-width: 0 1.5px 1.5px 0 !important;
  }

  .jdgm-cards-carousel .jdgm-arrow[aria-label="Previous slide"]::before {
    transform: translate(-50%, -50%) rotate(135deg) !important;
  }

  .jdgm-cards-carousel .jdgm-arrow[aria-label="Next slide"]::before {
    transform: translate(calc(-50% - 3px), -50%) rotate(-45deg) !important;
  }

  .jdgm-cards-carousel .jdgm-media-card .jdgm-rating-section {
    padding-bottom: 16px !important;
  }

  .jdgm-cards-carousel .jdgm-arrow {
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  /* Card vertical en mobile */
  .jdgm-cards-carousel .jdgm-media-card {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto auto !important;
    min-width: 85vw !important;
    max-width: 90vw !important;
    width: 88vw !important;
  }

  /* Foto arriba, full width */
  .jdgm-cards-carousel .jdgm-media-card > img:first-child,
  .jdgm-cards-carousel .jdgm-media-card img.jdgm-rev-img {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 200px !important;
    border-radius: 0 !important;
  }

  /* Texto */
  .jdgm-cards-carousel .jdgm-media-card .jdgm-text {
    grid-column: 1 !important;
    grid-row: 2 !important;
    padding: 16px 16px 0 16px !important;
  }

  /* Rating */
  .jdgm-cards-carousel .jdgm-media-card .jdgm-rating-section {
    grid-column: 1 !important;
    grid-row: 3 !important;
    padding: 10px 16px 0 16px !important;
  }

  /* Link producto */
  .jdgm-cards-carousel .jdgm-media-card .jdgm-product-link,
  .jdgm-cards-carousel .jdgm-media-card a[href*="/products"] {
    grid-column: 1 !important;
    grid-row: 4 !important;
    padding: 6px 16px 16px 16px !important;
  }
}
/* ── Espaciado de la sección ── */
.shopify-section:has(.jdgm-cards-carousel) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.shopify-section:has(.jdgm-cards-carousel) .page-width,
div.page-width:has(.jdgm-cards-carousel) {
  padding: 0 !important;
}

.shopify-block.shopify-app-block:has(.jdgm-cards-carousel) {
  padding-top: 24px !important;
  padding-bottom: 0 !important;
}

@media screen and (min-width: 750px) {
  .shopify-block.shopify-app-block:has(.jdgm-cards-carousel) {
    margin-bottom: -16px !important;
  }
}

/* ── TABLET ── */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .jdgm-cards-carousel .jdgm-media-card {
    min-width: 80% !important;
    max-width: 85% !important;
    width: 82% !important;
  }
}

/* Newsletter - Moldemanía */

.shopify-section-group-footer-group .page-width--full {
  max-width: 1366px !important;
  margin: 0 auto;
  padding-left: 4rem;
  padding-right: 4rem;
}

.shopify-section-group-footer-group .newsletter__heading {
  font-size: 24px !important;
}

.shopify-section-group-footer-group .newsletter__subheading {
  font-size: 14px !important;
}

.shopify-section-group-footer-group .newsletter__input,
.shopify-section-group-footer-group .newsletter__box {
  height: 40px !important;
  min-height: 40px !important;
}

.shopify-section-group-footer-group .newsletter__button {
  height: 40px !important;
}

/* =============================================
   MOLDEMANÍA — Header customizations (Figma)
   ============================================= */

/* Ubicación junto al logo */
.header__location-tag {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 20px;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 1px solid rgba(0,0,0,0.12);
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none !important;
}

.header__location-tag svg {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  flex-shrink: 0;
  color: #444 !important;
  stroke-width: 1.5 !important;
}

.header__location-tag .location-label {
  display: block;
  font-size: 11px;
  color: #626262;
  line-height: 1.4;
  font-weight: 400;
}

.header__location-tag .location-value {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #1a1a1a;
  line-height: 1.3;
}

a.header__location-tag:hover {
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 24px !important;
  background-color: #EEEEEE !important;
  border-radius: 12px !important;
}

@media screen and (max-width: 989px) {
  .header__location-tag {
    display: none !important;
  }
}

/* Buscador */
.header__search.small-hide.medium-hide {
  position: relative !important;
  z-index: 1 !important;
  max-width: 380px !important;
  width: 100% !important;
}

/* Cuenta y Favoritos */
.header__customer-support-region__button--desktop {
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 24px !important;
  background-color: #EEEEEE !important;
}

.header__customer-support-region__global-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  line-height: 1.2 !important;
}

.header__customer-support-region__global-info span {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

.header__customer-support-region__button--desktop .icon-caret {
  margin-left: 0 !important;
  flex-shrink: 0 !important;
  position: static !important;
}

/* Carrito en magenta */
.header__icon--cart {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  color: #C2185B !important;
  background-color: #fce4ec !important;
  border-radius: 12px !important;
  padding: 16px !important;
  height: 44px !important;
}

.header__icon--cart svg,
.header__icon--cart .icon {
  color: #C2185B !important;
  fill: none !important;
  stroke: #C2185B !important;
  width: 22px !important;
  height: 22px !important;
}

.header__icon--cart .icon-cart path {
  fill: none !important;
  stroke: #C2185B !important;
}

.header__icon--cart::after {
  content: "Carrito";
  display: block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #C2185B !important;
  letter-spacing: 0.3px !important;
  line-height: 1 !important;
}

.header__icon--cart .cart-count-bubble {
  background-color: #C2185B !important;
  color: #ffffff !important;
}

/* Buscador redondeado */
/* Buscador más compacto */
.header__search .field,
.header__search .search__input,
.search--header .field {
  border-radius: 50px !important;
  height: 40px !important;
  min-height: 40px !important;
}

.header__search .field__input,
.search__input .field__input {
  height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Menú sticky - evitar encimamiento */
.shopify-section-header-sticky .header__inline-menu {
  overflow: hidden !important;
}

.list-menu--inline {
  flex-wrap: nowrap !important;
  overflow: hidden !important;
  max-width: 100% !important;
}

/* Tablet - reducir tamaño de fuente del menú */
@media screen and (min-width: 990px) and (max-width: 1200px) {
  .header__menu-item--top {
    font-size: 1.2rem !important;
  }
  
  .header__inline-menu nav ul {
    gap: 8px !important;
  }
}

/* Cuenta y Favoritos - una línea en sticky */
.header__customer-support-region__button--desktop {
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}

.header__customer-support-region__global-info {
  white-space: nowrap !important;
}

.header__customer-support-region__global-info span {
  white-space: nowrap !important;
  display: block !important;
}

/* Quitar subtotal del carrito en header */
.header__cart-total {
  display: none !important;
}

.header-top {
  display: none !important;
}

/* ============================================
   MOLDEMANÍA — BUSCADOR AMARILLO GLOBAL
============================================ */
form.search--header {
  position: relative !important;
}

form.search--header .search__button--header {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: #F5A623 !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

form.search--header .search__button--header svg {
  width: 18px !important;
  height: 18px !important;
  stroke: white !important;
  fill: none !important;
  color: white !important;
}

/* Input con espacio para el botón */
form.search--header .search__input {
  padding-right: 48px !important;
}

/* ============================================
   MOLDEMANÍA — HEADER MOBILE / TABLET ≤989px
============================================ */
@media screen and (max-width: 989px) {

  /* === CONTENEDOR === */
  .header__inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  /* === FILA 1: Logo + Search === */
  .header__heading {
    order: 1 !important;
    flex: 0 0 56px !important;
    width: 56px !important;
    max-width: 56px !important;
    padding: 10px 0 10px 16px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  .header__icons {
    order: 2 !important;
    flex: 1 1 auto !important;
    width: calc(100% - 56px) !important;
    min-width: 0 !important;
    padding: 8px 12px 8px 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    box-sizing: border-box !important;
  }

  /* === LOGO MOBILE === */
  .header__heading-logo,
  .header__heading-logo.motion-reduce,
  .header__heading-link img {
    display: none !important;
  }

  .header__heading-link {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0 !important;
  }

  .header__heading-link::before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background-image: url('/cdn/shop/files/m.moldemania-logo.svg?v=1781581278');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
    flex-shrink: 0;
  }

  .header__location-tag {
    display: none !important;
  }

  /* === SEARCH === */
  .header__search--has-predictive {
    display: none !important;
  }

  .header__search.small-hide.medium-hide {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    align-items: center !important;
  }

  .header__search.small-hide.medium-hide predictive-search {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .header__search.small-hide.medium-hide form.search--header {
    width: 100% !important;
    flex: 1 !important;
    min-width: 0 !important;
  }

  .header__search.small-hide.medium-hide .search__input {
    width: 100% !important;
    height: 40px !important;
    border-radius: 100px !important;
    background: #f3f3f3 !important;
    border: 1px solid #e8e8e8 !important;
    padding: 0 48px 0 16px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
  }

  /* === OCULTAR en mobile === */
  .header__icon--account {
    display: none !important;
  }

  /* === FILA 2: Hamburger + Menú MISMA fila === */
  .header__left-icons {
    order: 10 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    padding: 4px 0 4px 8px !important;
    border-top: 1px solid rgba(0,0,0,0.08) !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
  }

    .header__inline-menu {
    order: 10 !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 4px 40px 4px 0 !important;
    border-top: 1px solid rgba(0,0,0,0.08) !important;
    box-sizing: border-box !important;
  }

  .header__inline-menu-scroll {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: auto !important;
    scrollbar-width: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .header__inline-menu-scroll::-webkit-scrollbar {
    display: none !important;
  }

  .header__inline-menu::-webkit-scrollbar {
    display: none !important;
  }

  .header__inline-menu nav {
    display: flex !important;
    min-width: 0 !important;
  }

  .header__inline-menu ul.list-menu--inline {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    align-items: center !important;
  }

  .header__inline-menu ul.list-menu--inline li {
    flex-shrink: 0 !important;
  }

  .header__inline-menu .header__menu-item--top {
    font-size: 13px !important;
    padding: 6px 10px !important;
    white-space: nowrap !important;
  }

  .header__inline-menu .icon-caret {
    display: none !important;
  }
}

/* ============================================
   MOLDEMANÍA — AJUSTES ESPACIADO DESKTOP
============================================ */

/* Igualar gap entre elementos del header en desktop */
.header__icons {
  gap: 16px !important;
}

/* ============================================
   MOLDEMANÍA — AJUSTES MOBILE / TABLET
============================================ */
@media screen and (max-width: 989px) {

  /* Más espacio entre logo y search */
  .header__heading {
    flex: 0 0 80px !important;
    width: 80px !important;
    max-width: 80px !important;
    padding: 10px 24px 10px 16px !important;
  }

  .header__icons {
    width: calc(100% - 80px) !important;
    padding: 8px 12px 8px 0 !important;
    gap: 0 !important;
  }

  /* Ocultar hamburger en mobile/tablet por ahora */
  .header__left-icons .header__drawer-mobile {
    display: none !important;
  }

  /* Menú horizontal sin el hamburger */
  .header__left-icons {
    display: none !important;
  }

}

/* ===== Menú "Todo" — independiente ===== */
.full-menu__trigger {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  padding: 8px 10px;
  list-style: none;
}
.full-menu__trigger::-webkit-details-marker { display: none; }
.full-menu__trigger svg { width: 20px; height: 20px; flex-shrink: 0; }
.full-menu__trigger-label { font-size: 13px; font-weight: 700; white-space: nowrap; }

.full-menu__panel {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 50;
  min-width: 280px;
  max-width: 420px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  border-radius: 12px;
  display: none;
  background: #fff;
}
.full-menu__details[open] .full-menu__panel { display: block; }
.full-menu__panel-inner {
  padding: 24px;
}
.full-menu__close-button {
  display: flex;
  background: none;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  margin-left: auto;
}

.full-menu__greeting {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.full-menu__greeting-link { gap: 10px; }

.full-menu__groups { display: flex; flex-direction: column; gap: 18px; }
.full-menu__group-title { margin: 0 0 8px; color: rgba(0,0,0,0.45); letter-spacing: 0.05em; }
.full-menu__group-list { display: flex; flex-direction: column; gap: 6px; }
.full-menu__group-link { font-size: 14px; }

@media screen and (min-width: 990px) {
  .header__inline-menu { display: flex; align-items: center; gap: 16px; }
}

@media screen and (max-width: 989px) {
  .full-menu__trigger-label { display: none; }
  .full-menu__panel {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: min(85vw, 360px) !important;
    height: 100vh !important;
    border-radius: 0 16px 16px 0 !important;
    box-shadow: 8px 0 24px rgba(0,0,0,0.18) !important;
    overflow-y: auto !important;
    z-index: 1000 !important;
    background: #fff !important;
  }

}

.full-menu__trigger {
  border: none !important;
  outline: none !important;
  -webkit-appearance: none;
  appearance: none;
}
.full-menu__trigger:focus,
.full-menu__trigger:focus-visible,
.full-menu__details[open] .full-menu__trigger {
  outline: none !important;
  box-shadow: none !important;
}
.full-menu__details {
  display: flex !important;
  align-items: center !important;
}

@media screen and (min-width: 990px) {
  .header__inline-menu {
    align-items: stretch !important;
    height: 53px !important;
    min-height: 53px !important;
    max-height: 53px !important;
    overflow: visible !important;
  }
  details-disclosure.full-menu,
  .full-menu__details,
  .full-menu__trigger {
    height: 53px !important;
    display: flex !important;
    align-items: center !important;
  }
  .header__inline-menu-scroll,
  .header__inline-menu-scroll nav,
  .header__inline-menu-scroll ul.list-menu--inline,
  .header__inline-menu-scroll ul.list-menu--inline > li,
  .header__inline-menu-scroll .header__menu-item--top,
  .header__inline-menu-scroll header-menu,
  .header__inline-menu-scroll header-menu > details,
  .header__inline-menu-scroll header-menu > details > summary {
    height: 53px !important;
    display: flex !important;
    align-items: center !important;
  }
}

/* Ocultar el hamburguesa nativo — el menú "Todo" toma su lugar */
.header__left-icons .header__drawer-mobile {
  display: none !important;
}

@media screen and (max-width: 749px) {
  /* Quitar padding general de la card en mobile (solo afecta a la imagen) */
  .card--product {
    padding: 0 !important;
  }

  /* Padding propio para texto y botón */
  .card__content--product {
    padding: 0 12px 12px !important;
  }

  /* Imagen pegada arriba: esquinas redondeadas solo arriba */
  .card--product .media {
    border-radius: var(--product-card-border-radius) var(--product-card-border-radius) 0 0 !important;
  }

  /* Reajustar posición de los botones circulares */
  .card__icon-buttons {
    top: 12px !important;
    right: 12px !important;
  }
}

@media screen and (max-width: 749px) {
  .card__cta-ver-producto {
    padding: 10px 12px !important;
    font-size: 12px !important;
    letter-spacing: 0.2px !important;
    white-space: nowrap !important;
  }
}

@media screen and (max-width: 749px) {
  /* Botón visual — proporción más cercana a desktop */
  .card__icon-btn {
    width: 30px !important;
    height: 30px !important;
    position: relative !important;
  }

  .card__icon-btn svg,
  .card__icon-btn .icon {
    width: 16px !important;
    height: 16px !important;
  }

  /* Menos espacio entre los dos botones y más pegado al borde de la imagen */
  .card__icon-buttons {
    gap: 8px !important;
    top: 4px !important;
    right: 4px !important;
  }

  /* Área táctil invisible de 44px, centrada sobre el botón */
  .card__icon-btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
  }

  /* Transparencia SOLO mobile — sin blur para evitar el efecto "relleno" */
  .card__icon-btn {
    background: rgba(255, 255, 255, 0.7) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.5) !important;
  }
}
/* Botón de favoritos del PDP (galería principal) — fondo gris solo en estado estático */
.card__icon-btn.product__favorite-btn:not(:hover) {
  background: rgba(158, 158, 158, 0.25);
}

@media screen and (max-width: 749px) {
  .card__icon-btn.product__favorite-btn:not(:hover) {
    background: rgba(158, 158, 158, 0.25) !important;
  }
}

/* Aplicar mismo color a botones de descripción HTML de las colecciones */
.tab-label {
   background: transparent !important;
   color: #0077B6 !important;
   border: 2px solid #0077B6 !important;
   border-radius: 50px;
   padding: 10px 20px;
   cursor: pointer;
   user-select: none;
   text-align: center;
}

.button {
  text-transform: uppercase;
    font-weight: 600;
}

/* Arreglar ancho header */
@media screen and (max-width: 989px) {
  .header,
  .header__inner {
    max-width: 100% !important;
  }
}

@media screen and (max-width: 989px) {
  .scrolling-text__wrapper,
  [class*="scrolling-text"] {
    overflow: hidden !important;
    max-width: 100vw !important;
  }
}

/* Evita scroll horizontal en toda la página */
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
  overscroll-behavior-x: none !important;
}

/* Tipografía reducida para cuadrícula de pancartas en tablet */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .banner-grid .banner__heading {
    font-size: 2.2rem !important;
  }
  .banner-grid .banner__text {
    font-size: 1.4rem !important;
  }
}

/* Ocultar boton reseñas */
.loox-float-toggler-container-right,
#loox-floating-widget-btn {
  display: none !important;
}

/* Judge.me: tarjetas de reseña con fondo blanco */
.jm-review-item,
.jm-box {
  background-color: #ffffff !important;
}

/* Judge.me: botón "Escribir una reseña" redondeado y en mayúsculas */
.jm-button.jm-button--primary {
  border-radius: 999px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Font-size H2 Home 24px*/
@media screen and (max-width: 749px) {
  [id*="template--22070992208129"] h2:not(#shopify-section-template--22070992208129__image_banner_KBbUJJ h2):not(#shopify-section-template--22070992208129__image_banner_ngG9A7 h2):not(.accordion-wrapper--AWXB4cllVV243L3lKe__collapsible-content-root-block h2):not(#shopify-section-template--22070992208129__text_icons_RpjqDL h2) {
    font-size: 24px !important;
  }
}

@media screen and (max-width: 749px) {
  [id*="template--22070992208129"] p,
  [id*="template--22070992208129"] li {
    font-size: 16px !important;
  }
}

/* ============================================
   MOLDEMANÍA — Carrito visible en mobile
============================================ */
@media screen and (max-width: 989px) {
  .header__icon--cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    margin-left: 8px !important;
    border-radius: 50% !important;
    background-color: #fce4ec !important;
    flex-shrink: 0 !important;
    position: relative !important;
  }

  .header__icon--cart svg,
  .header__icon--cart .icon {
    width: 20px !important;
    height: 20px !important;
  }

  /* Oculta el texto "Carrito" (solo aplica en desktop) */
  .header__icon--cart::after {
    content: none !important;
  }

  /* Badge de cantidad */
  .header__icon--cart .cart-count-bubble {
    position: absolute !important;
    top: -4px !important;
    right: -4px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 4px !important;
    border-radius: 50% !important;
    background-color: #C2185B !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* ============================================
   MOLDEMANÍA — Sticky cart solo en mobile/tablet
============================================ */
@media screen and (min-width: 768px) {
  sticky-cart {
    display: none !important;
  }
}

/* Asegurar que la caja flotante siempre quede por encima de cualquier contenido */
sticky-cart {
  position: fixed !important;
  z-index: 1000 !important;
}

/* ============================================
   JUDGE.ME - MEDIA GRID (galería de fotos de reseñas)
   Mismo estilo que las demás flechas + evitar que flote fuera de su galería
   ============================================ */
.jm-media-grid.jm-media-grid {
  position: relative !important;
  overflow: hidden !important;
}

.jm-media-grid__arrow.jm-media-grid__arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: none !important;
  background: #fff !important;
  box-shadow: 0 2px 10px #0000001f !important;
  color: var(--slider-nav-color, rgb(var(--color-button))) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  z-index: 2 !important;
}

.jm-media-grid__arrow--prev.jm-media-grid__arrow--prev {
  left: 8px !important;
}

.jm-media-grid__arrow--next.jm-media-grid__arrow--next {
  right: 8px !important;
}

.jm-media-grid__arrow.jm-media-grid__arrow svg,
.jm-media-grid__arrow.jm-media-grid__arrow i {
  display: none !important;
}

.jm-media-grid__arrow.jm-media-grid__arrow::before {
  content: '' !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-style: solid !important;
  border-color: currentColor !important;
  border-width: 0 1.5px 1.5px 0 !important;
}

.jm-media-grid__arrow--prev.jm-media-grid__arrow--prev::before {
  transform: rotate(135deg) !important;
  margin-left: 2px !important;
}

.jm-media-grid__arrow--next.jm-media-grid__arrow--next::before {
  transform: rotate(-45deg) !important;
  margin-right: 2px !important;
}

@media screen and (max-width: 989px) {
  .header__inline-menu-scroll .header__submenu {
    width: max-content !important;
    max-width: calc(100vw - 2rem) !important;
    min-width: 0 !important;
  }

  .header__inline-menu-scroll .header__goto-link {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }

  .header__inline-menu-scroll .header__goto-link .link {
    white-space: normal !important;
    text-align: center !important;
  }
}
/* ============================================
   MOLDEMANÍA — Indicador de scroll horizontal (menú mobile)
============================================ */
@media screen and (max-width: 989px) {
  .header__inline-menu {
    position: relative !important;
    min-height: 40px !important;
  }

  .header__inline-menu::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 36px;
    background: linear-gradient(to right, rgba(var(--color-background), 0), rgba(var(--color-background), 1) 65%);
    pointer-events: none;
    z-index: 2;
  }
}
@media screen and (max-width: 989px) {
  .header__inline-menu,
  .header__inline-menu-scroll,
  .header__inline-menu-scroll nav,
  .header__inline-menu-scroll ul.list-menu--inline {
    align-items: center !important;
    display: flex !important;
  }

  .header__inline-menu-scroll ul.list-menu--inline {
    margin: 0 !important;
    padding: 0 !important;
  }

  .header__inline-menu-scroll ul.list-menu--inline li {
    display: flex !important;
    align-items: center !important;
  }

  .header__inline-menu .header__menu-item--top {
    display: flex !important;
    align-items: center !important;
    line-height: 1 !important;
    transform: translateY(4px) !important;
  }

  .full-menu__trigger {
    align-items: center !important;
    transform: translateY(4px) !important;
  }
}

#fcs-template--22070992208129__colec_slider_destacado_4z8jXN .card--product .media {
  border-radius: var(--card-border-radius, 8px) var(--card-border-radius, 8px) 0 0 !important;
}

/* Corrige que las flechas de "Novedades & Comunidad" se posicionen 
   respecto al carrusel y no respecto a toda la página */
.novedades-comunidad .nc-slider-zone,
.novedades-comunidad .nc-slider-row {
  position: relative !important;
}
/* Floating contact buttons (WhatsApp + Dudas) */
.floating-contact-button {
  position: fixed;
  bottom: var(--floating-element-position);
  z-index: 4;
  width: 5.6rem;
  height: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 200ms ease;
}

.floating-contact-button:hover {
  transform: scale(1.06);
}

.floating-contact-button img {
  width: 100%;
  height: 100%;
}

/* Mobile: WA derecha, Dudas izquierda, misma altura */
.floating-contact-button--whatsapp {
  inset-inline-end: 1.5rem;
}

.floating-contact-button--help {
  inset-inline-start: 1.5rem;
}

/* Desktop: los dos del lado derecho, apilados — WA arriba, Dudas abajo */
@media (min-width: 750px) {
  .floating-contact-button--help {
    inset-inline-start: auto;
    inset-inline-end: 1.5rem;
  }

  .floating-contact-button--whatsapp {
    bottom: calc(var(--floating-element-position) + 6rem);
  }
}

/* Que el back-to-top no se empalme con los botones de contacto */
.floating-element--has-whatsapp {
  bottom: calc(var(--floating-element-position) + 6.4rem);
}

@media (min-width: 750px) {
  .floating-element--has-whatsapp {
    bottom: calc(var(--floating-element-position) + 12.4rem);
  }
}

/* Centrar el botón de "ir arriba" respecto al icono de WA */
back-to-top.floating-element {
  inset-inline-end: 2.8rem;
}

@media screen and (max-width: 989px) {
  .header__inline-menu-scroll-btn {
    display: flex;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    background: rgb(var(--color-background));
    border: none;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    padding: 0;
    cursor: pointer;
    z-index: 3;
  }

  .header__inline-menu-scroll-btn img {
    width: 18px;
    height: 18px;
    display: block;
  }
}

@media screen and (min-width: 990px) {
  .header__inline-menu-scroll-btn {
    display: none;
  }
}
@media screen and (max-width: 989px) {
  .header__inline-menu-scroll {
    touch-action: pan-x !important;
    overscroll-behavior: contain !important;
  }
}
@media screen and (max-width: 989px) {
  .header__inline-menu-scroll-btn-icon {
    transition: transform 0.2s ease;
  }

  .header__inline-menu-scroll-btn.is-reversed .header__inline-menu-scroll-btn-icon {
    transform: rotate(180deg);
  }
}
@media screen and (max-width: 989px) {
  .header__search.small-hide.medium-hide [data-predictive-search] {
    width: 100% !important;
    right: 0 !important;
    inset-inline-end: 0 !important;
  }
}
@font-face {
  font-family: 'Comfortaa';
  font-weight: 700;
  font-style: normal;
  font-display: optional;
  src: url('https://moldemania.com/cdn/fonts/comfortaa/comfortaa_n7.905e6b0b2fb1cbd353345b24b787b64f731b236a.woff2') format('woff2');
}
@media screen and (max-width: 749.99px) {
  #shopify-section-{{ section.id }} .text-icons__card__heading-box {
    padding-inline: 4.4rem;
  }
}