/** Shopify CDN: Minification failed

Line 155:17 Unexpected "{"
Line 155:24 Expected ":"

**/
.product-card__type {
    font-family: 'Instrument Serif', serif !important;
}

.product-card__title a  {
  font-family: 'Geist', sans-serif;
    /* color: #666666 !important; */
    font-weight: 300 !important;
    font-size: 16px!important;
    line-height: 20px!important;
    color: #000 !important;
    margin: 0 !important;
}

.product-seo-title {
    font-family: 'Geist', sans-serif;
    font-weight: 300 !important;
    font-size: 12px!important;
    line-height: 14px!important;
    color: #000 !important;
    margin: 5px 0 !important;
}

.f-price {
    font-family: 'Instrument Serif', serif !important;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
    margin: 0;
}

.price .price--sold-out, .price-item .price-item--regular, span.price-item.price-item--regular {
      font-family: 'Instrument Serif', serif !important;

}

.drawer__heading span {
    text-transform: capitalize !important;
}

@media screen and (max-width: 767px) {
  .f-grid.swipe-mobile__inner {
    grid-template-columns: none !important;
  }
}


/* @media screen and (min-width: 1300px) {
.collection-card__inner.content-overlay.content-overlay--bottom-left h3  {
    color: white !important;
  }
} */

/* @media screen and (min-width: 1024px) { */
  
  /* 1. Creamos la capa oscura sobre la tarjeta */
  .coleccion-con-overlay .collection-card__inner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 40%,
      rgba(0, 0, 0, 0.85) 100%
    );
    z-index: 1;
    pointer-events: none;
  }

  /* 2. Elevamos los textos por encima de la capa oscura SIN romper su posición nativa */
  .coleccion-con-overlay .collection-card__inner .collection-card__info {
    z-index: 2 !important;
  }

  /* 3. Pasamos todos los textos a blanco */
  .coleccion-con-overlay h3,
  .coleccion-con-overlay .collection-card__count,
  .coleccion-con-overlay .collection-card__title {
    color: #ffffff !important;
  }
/* } */
/* Mobile: también BLANCO */
@media screen and (max-width: 1023px) {
  .coleccion-con-overlay h3,
  .coleccion-con-overlay .collection-card__count,
  .coleccion-con-overlay .collection-card__title {
    color: #ffffff !important;
  }
}

.section--breadcrumb {
    width: 100% !important;
    padding-top: 15px !important;
    padding-bottom: 5px !important;
  }

  .breadcrumbs {
    font-family: 'Geist', sans-serif !important;
    font-weight: 300 !important;
    font-size: 12px !important;
    letter-spacing: 0% !important;
    color: #666666 !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
  }

  .breadcrumbs a {
    color: #666666 !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
  }

  .breadcrumbs a:hover {
    color: #1a1a1a !important;
  }

  .breadcrumbs--sep svg {
    color: #999999 !important;
    vertical-align: middle;
  }

  .breadcrumbs--last {
    color: #1a1a1a !important;
    font-weight: 400 !important;
  }

  /* Pills de colecciones en product-card — agregar a component-card.css (o al css que ya define .product-card__badge) */

.product-card__collections {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 6px;
}

.pcard-collection-pill {
display: none;
}

a.h5.mega-menu__link.mega-menu__link--top.font-heading {
  font-weight: bold !important;
  font-size: 1.2vw !important;
}

#Mega-menu-item-{{ block.id }} .mega-menu__promotions {
  display: none;
}
/* .header__navigation .header__menu ul > li:last-child a {
  letter-spacing: 0.03em;
  font-variant: small-caps;
} */

.header__navigation .header__menu > ul > li:last-child > a {
  letter-spacing: 0.03em;
  font-variant: small-caps;
}


/* .pcard-collection-pill {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  line-height: 1;
  padding: 4px 9px;
  border-radius: 999px;
     background: lightgrey;
  border: 1px solid rgba(var(--color-text), 0.15);
  color: rgb(var(--color-text));
  white-space: nowrap;
} */

/* .pcard-collection-pill--more {
  background: transparent;
  border-style: dashed;
  opacity: 0.75;
} */

/* ============================================================
   FONDO DE PÁGINAS DE COLECCIÓN
   Aprobado por cliente el 28/09/2026.

   Migas de pan + entradilla + rejilla en crema #F2F0E6,
   banda blanca de subcategorías como separador,
   tarjeta de producto blanca y bloque FAQ+SEO en blanco.

   OJO: el color vive AQUÍ, no en los esquemas del editor.
   Si cambias un esquema de color y no pasa nada, es por esto.
   ============================================================ */

/* 1. Migas de pan, entradilla y rejilla: crema */
.section--breadcrumb,
.collection-hero,
.collection-section {
  background-color: #F2F0E6 !important;
}

.collection-hero [class*="color-scheme-"],
.collection-section [class*="color-scheme-"] {
  --color-background: 242, 240, 230 !important;
}

/* 2. Subcategorías: banda blanca separatoria */
.section-collection-list {
  background-color: #FFFFFF !important;
}

.section-collection-list > [class*="color-scheme-"] {
  --color-background: 255, 255, 255 !important;
}

/* 3. El filete divisorio sobra dentro de un bloque continuo */
.collection-section .section-divider .border-top {
  border-top-color: transparent !important;
}

/* 4. Bloque de FAQs + texto SEO en blanco.
   Lleva el color en un style inline dentro de la sección,
   por eso necesita !important. */
.estanzza-seo-faq-section {
  background-color: #FFFFFF !important;
}

/* 5. Tarjeta de producto blanca sobre el crema.
   Acotado a .collection-section a propósito:
   la home y el buscador se quedan como están. */
.collection-section .product-card__wrapper {
  background: #FFFFFF;
  border-radius: 4px;
  overflow: hidden;
}

.collection-section .product-card__image-wrapper {
  background: #FFFFFF !important;
}

.collection-section .product-card__info {
  padding: 14px 16px 18px !important;
}


/* ============================================================
   AJUSTES DE TARJETA Y ENTRADILLA EN COLECCIÓN — 28/09/2026
   ============================================================ */

/* 1. Todas las tarjetas de una fila, al mismo alto,
      con el precio pegado abajo para que queden alineados.
      El tema solo hacía esto en su estilo "card", no en "standard". */
.collection-section .product-card {
  height: 100%;
}

.collection-section .product-card__wrapper {
  display: flex;
  flex-direction: column;
}

.collection-section .product-card__image-wrapper {
  flex: 0 0 auto;
}

.collection-section .product-card__info {
  flex: 1 1 auto;
}

.collection-section .product-card__info .f-price,
.collection-section .product-card__info .price {
  margin-top: auto;
}

/* 2. Móvil: descripción de la colección (el texto bajo el H1).
      El tema la sirve a 15px / 24px y en un párrafo largo
      y centrado ocupa media pantalla. */
@media screen and (max-width: 767px) {
  .collection-hero__description {
    font-size: 13px !important;
    line-height: 20px !important;
  }
}
/* ============================================================
   BLOQUE FAQ + TEXTO SEO — MÓVIL — 28/09/2026
   Las respuestas van en <span> y el texto SEO llega suelto
   desde el metacampo, así que las reglas de la sección
   (que apuntan a <p>) no se aplican. Se ataca el contenedor.
   ============================================================ */

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

  /* Respuestas del acordeón */
  .estanzza-accordion-content,
  .estanzza-accordion-content * {
    font-size: 14px !important;
    line-height: 21px !important;
  }

  /* Cuerpo del bloque de texto SEO */
  .estanzza-seo-text-block,
  .estanzza-seo-text-block p,
  .estanzza-seo-text-block span,
  .estanzza-seo-text-block li {
    font-size: 14px !important;
    line-height: 21px !important;
  }

  /* Encabezados del bloque SEO: destacan, pero sin gritar */
  .estanzza-seo-text-block h2,
  .estanzza-seo-text-block h3,
  .estanzza-seo-text-block h4 {
    font-size: 22px !important;
    line-height: 28px !important;
  }

  /* Título FAQS: de 40px a algo proporcionado */
  .estanzza-main-title {
    font-size: 28px !important;
    line-height: 32px !important;
  }

  /* El h3 que el metacampo deja vacío mete un hueco fantasma */
  .estanzza-subtitle:empty {
    display: none;
  }
}