/** Shopify CDN: Minification failed

Line 219:16 Expected identifier but found whitespace
Line 219:17 Unexpected "20px"

**/
/* ============================================
   BRANDGOLD18K — CUSTOM STYLES
   Archivo: Assets/custom-styles.css
   ============================================ */

/* ── 1. PRODUCT CARDS ── */
.product-card,
.card-wrapper,
.card-wrapper > *,
[class*="product-card"],
[class*="card-wrapper"] {
  border-radius: 16px !important;
  overflow: hidden !important;
}
.card__media,
.card__media img {
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden !important;
}
.card-wrapper {
  background: white;
}
.card__heading a,
.card__heading,
.card__heading p,
.card-information__text a,
[class*="card"] .card__heading {
  font-family: var(--font-h3-family) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.3 !important;
}
.price {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  color: #b08d2c !important;
}
.price__container {
  margin-top: 2px !important;
}
.card__heading {
  margin-bottom: 2px !important;
}
.collection-card__title,
[class*="collection-card"] .title,
[class*="collection-card"] p {
  color: #ffffff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.6);
}
[class*="collection-card"] [role="heading"] {
  color: #ffffff !important;
}
[class*=collection_title] p {
  color: #ffffff !important;
}
/* ── 2. PRODUCT PAGE — TITLE & PRICE ── */
.product__title,
.product__title h1,
h1.product__title {
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #0a0a0a !important;
}
product-price .price__regular span.price {
  font-size: 1.4rem !important;
  color: #b08d2c !important;
  font-weight: 600 !important;
  display: inline-block !important;
}

/* ── 3. ACORDEONES — página de producto ── */
.details__header {
  font-family: "Montserrat", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #0a0a0a !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  border-top: 1px solid #e8e8e8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.details__header::-webkit-details-marker {
  display: none;
}
.details-content {
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  color: #2b2b2b !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  padding-bottom: 18px !important;
}
.details-content rte-formatter p,
.details-content rte-formatter span,
.details-content rte-formatter li {
  font-weight: 400 !important;
}
/* ── 4. BENEFICIOS bajo el botón ── */
.brandgold-benefits-under-button {
  display: block;
  width: 100%;
  margin: 24px 0 20px;
  padding: 20px 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.bg-benefit {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 0;
}
.bg-benefit svg {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  color: #C9A84C !important;
  stroke: #C9A84C !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 2px rgba(201,168,76,0.3)) !important;
}
.bg-benefit span {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: #1a1a1a !important;
  font-weight: 600 !important;
}

/* ── 5. MENÚ — cancelar uppercase ── */
.header__menu details summary,
nav details summary,
.menu-drawer details summary,
.menu-drawer__menu details summary {
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}
.menu-drawer__menu-item-text {
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: 20px !important;
  font-family: var(--menu-top-level-font-family) !important;
  font-weight: var(--menu-top-level-font-weight) !important;
}
summary.menu-drawer__menu-item span,
.menu-list__link-title {
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.menu-list__link {
  --menu-top-level-font-case: none !important;
}
.menu-list__link * {
  text-transform: var(--menu-top-level-font-case) !important;
}
.menu-list__link-title {
  font-size: 1.1em !important;
  letter-spacing: 0.15em !important;
}

/* — 6. MENÚ desktop — centrado en toda la fila (estilo figu) — */
@media screen and (min-width: 990px) {
  .header__row--top {
    position: relative !important;
  }
  .header__column--left {
    display: flex !important;
    align-items: center !important;
  }
  .header__column--left header-menu {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
}

/* ── 7. MOBILE adjustments ── */
@media screen and (max-width: 749px) {
  .product__title,
  .product__title h1 {
    font-size: 18px !important;
  }
  .brandgold-benefits-under-button {
    margin-top: 20px;
    padding-top: 16px;
  }
  .details__header {
    font-size: 11px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

/* ── 8. DESCRIPCIÓN producto — espaciado ── */
[class*=product_description] {
  margin-bottom: 20px !important;
}
  margin-bottom: 20px !important;
  padding-bottom: 0 !important;
}
.card__information .price__container,
.card-information .price__container {
  margin-top: 4px !important;
}

/* ── 9. TIPOGRAFÍA UNIFORME — descripción y acordeones ── */
.product-card .text-block p,
.product-card .text-block > p,
[class*=product_description] .text-block p,
[class*=product_description] .text-block > p,
[class*=product_description] p,
.details-content p,
.details-content {
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: #2b2b2b !important;
}
/* ── 10. ANNOUNCEMENT BAR ── */
.header-announcements,
.announcement-bar,
[class*="announcement"] {
  background-color: #0a0a0a !important;
  color: #ffffff !important;
}
[class*="announcement"] p,
[class*="announcement"] span,
[class*="announcement"] a {
  color: #ffffff !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
}

/* ── 11. ESPACIADO descripción — acordeones ── */
[class*=product_description] .text-block > *:last-child {
  margin-block-end: 20px !important;
}
.card-information .text-block > *:last-child,
.card__information .text-block > *:last-child {
  margin-block-end: 4px !important;
}

/* — 12. CARD TITLES — negrita — */
.product-card__content .text-block p[role="heading"],
.product-card__content .text-block [role="heading"] {
  font-family: "New York", "Iowan Old Style", serif !important;
    font-weight: 700 !important;
      font-size: 16px !important;
        line-height: 1.3 !important;
          --font-paragraph--weight: 700;
          }

/* — 13. CARD PRICE — tamaño correcto — */
.product-card div.price__regular span.price {
  font-size: 17px !important;
  font-weight: 500 !important;
  color: #b08d2c !important;
}
/* ── 14. CARD TITLE — sin margen extra ── */
.card-information p[role="heading"],
.card__information p[role="heading"] {
  margin-block-end: 0 !important;
  margin-bottom: 4px !important;
}
/* Fix temporal agresivo - tarjetas produto */
.product-card__content .text-block {
  margin: 0 !important;
  padding-block-end: 0 !important;
}

.product-card__content {
  gap: 4px !important;
}