/** Shopify CDN: Minification failed

Line 2510:27 Unexpected "*"
Line 5113:2 Unexpected "="

**/
/* DEPLOY TS 1780630309084 */
/* TOUCH: 1779998260328 */
/* ============================================================
   AGUAMARINA BABY · OVERRIDES SOBRE TEMA RISE
   Aplica paleta aguamarina + Fraunces/Jakarta + bordes redondeados
   Removible: borrar este archivo + 2 líneas del theme.liquid
   ============================================================ */

/* Google Fonts cargado via <link> en theme.liquid */

:root {
  --aguamarina-paper: #FBF6EE;
  --aguamarina-soft: #F2EADC;
  --aguamarina-whisper: #D7E5E8;
  --aguamarina-sky: #9FC5CA;
  --aguamarina-signature: #5C9AA4;
  --aguamarina-petrol: #1F4751;
  --aguamarina-warmth: #D49E83;
  --aguamarina-charcoal: #14110D;
  --aguamarina-rule: #D7CFBF;
  --aguamarina-sale: #D14848;

  /* Override variables del tema Rise (Dawn-style) */
  --color-foreground: 31 71 81;        /* petrol */
  --color-background: 251 246 238;     /* paper */
  --color-base-text: 31 71 81;
  --color-base-background-1: 251 246 238;
  --color-base-background-2: 242 234 220;
  --color-base-solid-button-labels: 251 246 238;
  --color-base-outline-button-labels: 92 154 164;
  --color-base-accent-1: 92 154 164;   /* signature aguamarina */
  --color-base-accent-2: 31 71 81;     /* petrol */
  --color-button: 92 154 164;
  --color-button-text: 251 246 238;
}

/* ============ TIPOGRAFÍA GLOBAL ============ */
html, body {
  background-color: var(--aguamarina-paper) !important;
  color: var(--aguamarina-charcoal) !important;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "ss01";
}

h1, h2, h3, h4, .h0, .h1, .h2, .h3, .h4,
.title, .title-wrapper-with-link h2,
.product__title, .product__title h1, .product__title h2,
.section-header__heading,
.collection-hero__title,
.card__heading {
  font-family: 'Fraunces', serif !important;
  font-weight: 400 !important;
  font-variation-settings: 'opsz' 144 !important;
  letter-spacing: -0.02em !important;
  color: var(--aguamarina-charcoal) !important;
  line-height: 1.05 !important;
}

em, i, .italic, h1 em, h2 em, h3 em {
  font-style: italic !important;
  color: var(--aguamarina-signature) !important;
}

.caption, .caption-large, .caption-with-letter-spacing,
.subtitle, .product__text {
  font-family: 'DM Mono', monospace !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  font-size: 11px !important;
  color: var(--aguamarina-signature);
}

/* ============ BOTONES PILL + AGUAMARINA ============ */
.button, button[type="submit"], .shopify-payment-button__button,
.product-form__submit, .cart__checkout-button,
.button--primary, .button--secondary, .button--tertiary,
input[type="submit"] {
  border-radius: 999px !important;
  font-family: 'DM Mono', monospace !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  font-size: 11.5px !important;
  padding: 16px 28px !important;
  font-weight: 500 !important;
  transition: all 0.25s ease !important;
}

.button--primary, .product-form__submit,
.shopify-payment-button__button--unbranded,
button[type="submit"]:not(.search__button) {
  background-color: var(--aguamarina-signature) !important;
  color: var(--aguamarina-paper) !important;
  border: 1px solid var(--aguamarina-signature) !important;
}

.button--primary:hover, .product-form__submit:hover,
.shopify-payment-button__button--unbranded:hover {
  background-color: var(--aguamarina-petrol) !important;
  border-color: var(--aguamarina-petrol) !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px -8px rgba(31,71,81,0.4);
}

.button--secondary {
  background-color: transparent !important;
  color: var(--aguamarina-petrol) !important;
  border: 1px solid var(--aguamarina-petrol) !important;
}

.button--secondary:hover {
  background-color: var(--aguamarina-petrol) !important;
  color: var(--aguamarina-paper) !important;
}

/* ============ CARDS REDONDEADAS ============ */
.card, .card-wrapper, .grid__item .card,
.product-card, .collection-card, .article-card {
  border-radius: 20px !important;
  overflow: hidden;
}

.card__inner, .card__content {
  border-radius: 20px !important;
}

.card .media, .card__media, .media--portrait {
  border-radius: 18px !important;
  overflow: hidden;
}

.card-information {
  padding: 18px 16px !important;
}

.card__heading a {
  font-family: 'Fraunces', serif !important;
  font-weight: 400 !important;
  color: var(--aguamarina-charcoal) !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
}

.price__regular .price-item--regular,
.price__sale .price-item--sale,
.price-item {
  font-family: 'DM Mono', monospace !important;
  color: var(--aguamarina-charcoal) !important;
  font-weight: 500 !important;
}

.price--on-sale .price-item--regular {
  color: var(--aguamarina-petrol) !important;
  opacity: 0.55;
}

/* ============ INPUTS ============ */
input[type=email], input[type=text], input[type=search],
input[type=tel], input[type=number], select, .select__select,
.field__input {
  border-radius: 999px !important;
  padding: 14px 22px !important;
  border: 1px solid var(--aguamarina-rule) !important;
  background-color: var(--aguamarina-paper) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

input[type=email]:focus, input[type=text]:focus, input[type=search]:focus,
.field__input:focus {
  border-color: var(--aguamarina-signature) !important;
  box-shadow: 0 0 0 3px rgba(92,154,164,0.15) !important;
}

/* ============ HEADER ============ */
.header-wrapper, .header, .shopify-section-header {
  background-color: var(--aguamarina-paper) !important;
  border-bottom: 1px solid var(--aguamarina-soft) !important;
}

.header__menu-item, .header__menu-item span,
.list-menu__item, summary.list-menu__item {
  color: var(--aguamarina-charcoal) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  letter-spacing: 0.05em;
  font-weight: 500 !important;
  font-size: 13px !important;
  text-transform: uppercase;
}

.header__menu-item:hover, .header__menu-item--active {
  color: var(--aguamarina-signature) !important;
}

.header__heading-link {
  font-family: 'Fraunces', serif !important;
  font-style: italic !important;
}

/* MEGA MENU — fondo sólido, sombra fuerte */
.mega-menu__content, .header__submenu, details[open] .header__submenu {
  background-color: #FFFFFF !important;
  box-shadow: 0 40px 80px -20px rgba(31,71,81,0.35), 0 8px 16px -4px rgba(31,71,81,0.12) !important;
  border-top: 3px solid var(--aguamarina-signature) !important;
  border-radius: 0 0 20px 20px !important;
  padding: 40px 50px !important;
}

/* ============ FOOTER ============ */
.footer, .shopify-section-footer {
  background-color: var(--aguamarina-charcoal) !important;
  color: var(--aguamarina-paper) !important;
  padding-top: 60px !important;
}

.footer h2, .footer .footer-block__heading,
.footer .footer-block__title {
  color: var(--aguamarina-sky) !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.footer a, .footer .footer-block__details-content a,
.footer .copyright a {
  color: rgba(251,246,238,0.78) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.footer a:hover {
  color: var(--aguamarina-paper) !important;
}

/* ============ PROMO BAR / ANNOUNCEMENT ============ */
.announcement-bar, .utility-bar, .announcement-bar__message {
  background-color: var(--aguamarina-petrol) !important;
  color: var(--aguamarina-paper) !important;
  font-family: 'DM Mono', monospace !important;
  letter-spacing: 0.15em !important;
  font-size: 11px !important;
}

/* ============ LINKS ============ */
a, .link, .link-underline {
  color: var(--aguamarina-signature);
}

a:hover, .link:hover {
  color: var(--aguamarina-petrol);
}

/* ============ COLLECTION / PRODUCT PAGE ============ */
.collection-hero, .collection__title {
  background-color: var(--aguamarina-whisper) !important;
}

.facets__heading, .facets__summary {
  font-family: 'Fraunces', serif !important;
  font-weight: 500;
  color: var(--aguamarina-charcoal);
}

/* Filters sidebar */
.facets, .mobile-facets {
  background-color: var(--aguamarina-paper) !important;
}

/* ============ BADGES ============ */
.badge, .price__badge-sale, .badge--bottom-left {
  border-radius: 999px !important;
  font-family: 'DM Mono', monospace !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  padding: 5px 11px !important;
}

.price__badge-sale, .badge--sale {
  background-color: var(--aguamarina-sale) !important;
  color: var(--aguamarina-paper) !important;
}

.badge--sold-out {
  background-color: rgba(31,71,81,0.85) !important;
  color: var(--aguamarina-paper) !important;
}

/* ============ TIPOGRAFÍA ESPECÍFICA SECCIONES ============ */
.banner__heading, .slideshow__text-wrapper h2 {
  font-family: 'Fraunces', serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.025em !important;
  font-variation-settings: 'opsz' 144 !important;
  line-height: 0.98 !important;
}

/* ============ MEJORAS PUNTUALES ============ */

/* Search dropdown */
.predictive-search {
  border-radius: 18px !important;
  border: 1px solid var(--aguamarina-rule) !important;
}

/* Cart drawer */
.cart-drawer, .cart-drawer__form {
  background-color: var(--aguamarina-paper) !important;
}

/* Quick add buttons */
.quick-add__submit, .quick-add-modal__toggle {
  border-radius: 999px !important;
  background-color: var(--aguamarina-signature) !important;
  color: var(--aguamarina-paper) !important;
}

/* Star ratings (Judge.me) */
.jdgm-star {
  color: var(--aguamarina-signature) !important;
}

/* Image zoom rounded */
.product__media, .product__media-item {
  border-radius: 18px !important;
  overflow: hidden;
}

/* Newsletter signup */
.newsletter-form {
  border-radius: 999px !important;
  background-color: var(--aguamarina-paper) !important;
  border: 1px solid var(--aguamarina-petrol) !important;
}

/* Color swatches redondeadas */
.color-swatch, .product-form__input--swatch label {
  border-radius: 50% !important;
}

/* Section titles centered */
.section-header__heading--decorative-bottom-border::after {
  background-color: var(--aguamarina-signature) !important;
}

/* Pagination */
.pagination__list .pagination__item {
  border-radius: 50% !important;
}

/* Tags */
.tag, .tag-pill {
  border-radius: 999px !important;
  font-family: 'DM Mono', monospace !important;
}

/* Final touch: dejar respiro a body */
.shopify-section {
  margin: 0 auto;
}

/* ============ TIENDA · MOBILE ============ */
@media (max-width: 749px) {
  h1, h2, h3, h4 {
    letter-spacing: -0.015em !important;
  }
  .button, button[type="submit"] {
    font-size: 11px !important;
    padding: 14px 22px !important;
  }
}


/* ===== BANNER HERO FIX v1 ===== */

/* ============================================================
   BANNER HERO · FIX RESPONSIVO + PROPORCIONES
   Soluciona el desproporcionado banner principal en mobile + desktop
   ============================================================ */

/* === BANNER DESKTOP · proporciones y limpieza === */
.slideshow, .banner, .banner--small, .banner--medium {
  overflow: hidden !important;
}

.slideshow__text-wrapper, .banner__content {
  padding: 30px 50px !important;
}

.banner__content--middle-right {
  align-items: center !important;
  justify-content: flex-start !important;
}

/* Caja de texto sobre el banner */
.slideshow__text, .banner__box {
  background: rgba(251, 246, 238, 0.94) !important;
  backdrop-filter: blur(6px);
  border-radius: 20px !important;
  padding: 32px 36px !important;
  max-width: 480px !important;
  box-shadow: 0 24px 50px -16px rgba(31,71,81,0.18) !important;
}

.banner__heading,
.slideshow__text h2,
.slideshow__text .banner__heading {
  font-family: 'Fraunces', serif !important;
  font-size: clamp(28px, 3.5vw, 52px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 14px !important;
  color: var(--aguamarina-charcoal) !important;
  font-weight: 400 !important;
  font-variation-settings: 'opsz' 144 !important;
}

.banner__text,
.slideshow__text p,
.slideshow__text .banner__text {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(13.5px, 1.4vw, 16px) !important;
  line-height: 1.55 !important;
  color: var(--aguamarina-petrol) !important;
  margin: 0 0 18px !important;
}

.banner__buttons .button {
  padding: 14px 26px !important;
  font-size: 11px !important;
}

/* === BANNER MOBILE · stack vertical agresivo === */
@media (max-width: 749px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  /* Forzar layout vertical · imagen arriba, texto abajo */
  .slideshow, .banner, .banner--small, .banner--medium,
  .slideshow .banner__media-wrapper,
  .banner__media-wrapper {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    position: relative !important;
  }

  .slideshow__media, .banner__media,
  .banner .media {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    max-height: 280px !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  /* IMPORTANTE: imagen actual tiene texto incrustado.
     Usamos contain para no recortarlo. Cuando suban imagen limpia,
     volver a object-fit: cover. */
  .slideshow__media, .banner__media,
  .banner .media {
    aspect-ratio: auto !important;
    max-height: 280px !important;
    background: var(--aguamarina-whisper) !important;
  }
  .slideshow__media img, .banner__media img,
  .banner .media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    position: static !important;
  }

  /* Reset COMPLETO del positioning del text wrapper */
  .slideshow__text-wrapper, .banner__content,
  .banner__content--middle-right,
  .banner__content--middle-center,
  .banner__content--bottom-right,
  .banner__content--bottom-center,
  .banner__content--top-right,
  .banner__content--top-center,
  .banner__content--top-left,
  .banner__content--middle-left,
  .banner__content--bottom-left {
    position: static !important;
    transform: none !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 28px 20px !important;
    background: var(--aguamarina-paper) !important;
    display: block !important;
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .slideshow__text, .banner__box,
  .slideshow__text.banner__box {
    background: transparent !important;
    backdrop-filter: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    text-align: left !important;
    position: static !important;
  }

  .banner__heading, .slideshow__text h2,
  .slideshow__text .banner__heading {
    font-size: 28px !important;
    line-height: 1.05 !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    text-align: left !important;
  }

  .banner__text, .slideshow__text p,
  .slideshow__text .banner__text {
    font-size: 14px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    max-width: 100% !important;
    line-height: 1.5 !important;
  }

  .banner__buttons {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .banner__buttons .button {
    width: auto !important;
    display: inline-flex !important;
    padding: 12px 22px !important;
    font-size: 11px !important;
  }

  /* Section wrapper */
  .shopify-section-template--20893101490330__hero-slideshow,
  [id*="hero-slideshow"] {
    overflow: hidden !important;
  }
}

/* === MUY chico (≤ 480px) === */
@media (max-width: 480px) {
  .banner__heading, .slideshow__text h2 {
    font-size: 26px !important;
  }
  .slideshow__media, .banner__media {
    max-height: 260px !important;
  }
}

/* === Imagen redonda del bebé (si la sigue usando) === */
.banner__media img,
.slideshow__media img {
  border-radius: 0 !important; /* Quitar redondeo cualquiera */
}

/* === Pagination del slideshow (puntitos) === */
.slideshow__controls, .slider-buttons {
  bottom: 20px !important;
}


/* ===== PRODUCT TABS v1 ===== */
/* ===========================================
   PRODUCT TABS · estilo aguamarina visible
   =========================================== */

/* Container de tabs (collapsible_tab) */
.product__info-container .accordion,
.product__info-container details.accordion,
.product__info-container .product__info-block--collapsible_tab details,
.product__info-block details {
  background: var(--aguamarina-paper) !important;
  border: 1px solid rgba(31, 71, 81, 0.10) !important;
  border-radius: 14px !important;
  margin-bottom: 10px !important;
  overflow: hidden;
}

/* Summary (título de la tab) */
.product__info-container details summary,
.product__info-block details summary {
  padding: 16px 20px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: var(--aguamarina-charcoal) !important;
  letter-spacing: 0.01em !important;
  transition: background 0.2s ease !important;
  cursor: pointer;
}
.product__info-container details summary:hover,
.product__info-block details summary:hover {
  background: rgba(92, 154, 164, 0.06) !important;
}
.product__info-container details[open] summary,
.product__info-block details[open] summary {
  background: rgba(92, 154, 164, 0.10) !important;
  border-bottom: 1px solid rgba(31, 71, 81, 0.08) !important;
  color: var(--aguamarina-signature) !important;
}
/* Icono caret */
.product__info-container details summary .accordion__title,
.product__info-block details summary .accordion__title {
  font-weight: 600 !important;
}
/* Icono SVG (chevron) */
.product__info-container details summary svg.icon-caret,
.product__info-block details summary svg.icon-caret {
  transition: transform 0.25s ease !important;
}
.product__info-container details[open] summary svg.icon-caret,
.product__info-block details[open] summary svg.icon-caret {
  transform: rotate(180deg) !important;
}

/* Contenido del tab */
.product__info-container details .accordion__content,
.product__info-block details .accordion__content,
.product__info-container details .rte,
.product__info-block details .rte {
  padding: 18px 22px 22px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: var(--aguamarina-petrol) !important;
}
.product__info-container details .accordion__content p,
.product__info-block details .accordion__content p,
.product__info-container details .rte p,
.product__info-block details .rte p {
  margin: 0 0 12px !important;
  color: var(--aguamarina-petrol) !important;
}
.product__info-container details .rte strong,
.product__info-block details .rte strong {
  color: var(--aguamarina-charcoal) !important;
  font-weight: 600 !important;
}
.product__info-container details .rte a,
.product__info-block details .rte a {
  color: var(--aguamarina-signature) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* Iconos info (icon-with-text) — más visibles */
.product__info-block--icon-with-text,
.product__info-container .product__info-block--icon-with-text {
  background: linear-gradient(135deg, var(--aguamarina-whisper) 0%, #FBF6EE 100%) !important;
  border: 1px solid rgba(31, 71, 81, 0.08) !important;
  border-radius: 16px !important;
  padding: 18px 20px !important;
  margin: 18px 0 22px !important;
}
.product__info-block--icon-with-text .product-icon-text,
.product-icon-text {
  gap: 14px !important;
}
.product__info-block--icon-with-text .icon-with-text-icon,
.product__info-block--icon-with-text svg.icon {
  width: 28px !important;
  height: 28px !important;
  color: var(--aguamarina-signature) !important;
  flex-shrink: 0;
}
.product__info-block--icon-with-text h4,
.product__info-block--icon-with-text .icon-with-text__heading {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--aguamarina-charcoal) !important;
  margin: 0 0 2px !important;
  line-height: 1.3 !important;
}
.product__info-block--icon-with-text p,
.product__info-block--icon-with-text .icon-with-text__subheading {
  font-size: 12.5px !important;
  color: var(--aguamarina-petrol) !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  opacity: 0.85;
}

/* Espacio antes de tabs */
.product__info-block--collapsible_tab:first-of-type {
  margin-top: 16px !important;
}

/* Mobile */
@media (max-width: 749px) {
  .product__info-container details summary,
  .product__info-block details summary {
    padding: 14px 16px !important;
    font-size: 14px !important;
  }
  .product__info-container details .accordion__content,
  .product__info-block details .accordion__content,
  .product__info-container details .rte,
  .product__info-block details .rte {
    padding: 14px 16px 18px !important;
    font-size: 13.5px !important;
  }
  .product__info-block--icon-with-text {
    padding: 14px 16px !important;
  }
}


/* ===== HEADER FULLWIDTH v1 ===== */
/* ===========================================
   HEADER · FULL-WIDTH cuando sticky
   =========================================== */

/* Sticky wrapper a 100% del viewport */
sticky-header.header-wrapper,
.header-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* El header interno: ancho completo con padding lateral generoso */
header.header,
.section-header header.header,
header.header.page-width {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Background del header en estado sticky: se extiende a los bordes */
.shopify-section-header-sticky sticky-header.header-wrapper,
.shopify-section-header-sticky .header-wrapper {
  background-color: var(--aguamarina-paper, #FBF6EE) !important;
  backdrop-filter: blur(12px);
  box-shadow: 0 4px 16px -8px rgba(31, 71, 81, 0.10);
}

/* Mega menu / dropdown menus también a full width */
.header__inline-menu .mega-menu__content,
.header__submenu {
  /* Que el menú desplegable también respete el padding del header */
  left: 0 !important;
  right: 0 !important;
  max-width: 100vw !important;
}

/* Mobile: padding lateral más reducido */
@media (max-width: 749px) {
  header.header,
  .section-header header.header,
  header.header.page-width {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* Asegurar que el announcement bar arriba también sea full */
.announcement-bar,
.utility-bar,
section[class*="announcement"] {
  width: 100% !important;
  max-width: 100% !important;
}
.announcement-bar > *,
.utility-bar > * {
  max-width: 100% !important;
}


/* ===== LOGO FOOTER FULLWIDTH v1 ===== */
/* ===========================================
   LOGO MÁS GRANDE + FOOTER FULL-WIDTH
   =========================================== */

/* === LOGO === */
.header__heading-logo,
.header__heading-link img,
a.header__heading-link img,
.header__logo img {
  width: auto !important;
  max-width: 160px !important;
  height: auto !important;
  max-height: 110px !important;
}

.header__heading-logo-wrapper {
  display: flex;
  align-items: center;
}

/* Desktop: logo bien visible */
@media (min-width: 990px) {
  .header__heading-logo,
  .header__heading-link img,
  a.header__heading-link img {
    max-width: 170px !important;
    max-height: 120px !important;
  }
}

/* Mobile */
@media (max-width: 749px) {
  .header__heading-logo,
  .header__heading-link img,
  a.header__heading-link img {
    max-width: 110px !important;
    max-height: 75px !important;
  }
}

/* === FOOTER FULL-WIDTH === */
/* Body usa display:grid → expandimos las celdas del footer a todas las columnas */
body { display: grid; }
.shopify-section-group-footer-group,
[id*="shopify-section"][id*="footer"],
.shopify-section-group-footer-group > section {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
}

footer.footer,
.footer,
.shopify-section-group-footer-group footer,
footer.footer.page-width {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.footer__content-top,
.footer__content-bottom,
.footer__content-bottom-wrapper,
.footer .page-width,
footer .page-width {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Mobile footer */
@media (max-width: 749px) {
  .footer__content-top,
  .footer__content-bottom,
  .footer__content-bottom-wrapper,
  .footer .page-width,
  footer .page-width {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* === FOOTER LAYOUT 4 COLUMNAS BALANCEADO === */
/* El verdadero contenedor de los blocks es .footer__blocks-wrapper */
.footer__blocks-wrapper {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 40px !important;
  align-items: start !important;
  justify-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
}

.footer__blocks-wrapper > .footer-block,
.footer__blocks-wrapper > .grid__item {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  grid-column: auto !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

/* Content-top también full-width */
.footer__content-top {
  display: flex !important;
  flex-direction: column !important;
  gap: 32px !important;
  width: 100% !important;
}

/* === BRAND BLOCK VISIBLE (Daniel pidió logo→contacto→marcas en footer) === */
/* Reactivado: tiene iconos sociales reales. El logo viene del settings global del shop. */
.footer-block:has(.footer-block__brand-info) {
  display: block !important;
}
/* Estilos del bloque brand info en footer */
.footer-block__brand-info {
  padding-right: 16px;
}
.footer-block__brand-info .rte:empty,
.footer-block__brand-info .rte p:empty:only-child {
  display: none;
}
.footer-block__brand-info .footer__list-social {
  margin-top: 14px;
}

/* El newsletter va abajo en una fila propia */
.footer-block--newsletter,
.footer__content-top > .footer-block--newsletter {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 600px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* Asegurar que cada block tenga estilo consistente */
.footer-block__heading,
.footer-block h2,
.footer__heading {
  font-family: 'DM Mono', ui-monospace, monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(251, 246, 238, 0.55) !important;
  margin: 0 0 16px !important;
  font-weight: 500 !important;
}

.footer-block ul,
.footer-block__details-content ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.footer-block li,
.footer-block__details-content li {
  margin: 0 0 8px !important;
}
.footer-block a {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: #FBF6EE !important;
  opacity: 0.85 !important;
  transition: opacity 0.2s ease !important;
  text-decoration: none !important;
}
.footer-block a:hover {
  opacity: 1 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* Mobile: footer en 2 columnas */
@media (max-width: 990px) {
  .footer__content-top {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 32px !important;
  }
}
@media (max-width: 540px) {
  .footer__content-top {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
}

/* === OTRAS SECCIONES MAIN A FULL-WIDTH === */
/* La page-width del main content area — excluye facets-vertical que tiene su propio padding */
main .page-width:not(.facets-vertical),
#MainContent .page-width:not(.facets-vertical),
.shopify-section .page-width:not(.header .page-width):not(.footer .page-width):not(.facets-vertical) {
  max-width: 1600px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

@media (max-width: 749px) {
  main .page-width:not(.facets-vertical),
  #MainContent .page-width:not(.facets-vertical),
  .shopify-section .page-width:not(.header .page-width):not(.footer .page-width):not(.facets-vertical) {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}


/* ===== HIDE SOLDOUT v1 ===== */
/* ===========================================
   OCULTAR PRODUCTOS AGOTADOS + FILTRO DISPONIBILIDAD
   =========================================== */

/* Ocultar el filtro "Disponibilidad" del sidebar */
details[id*="filter.v.availability"],
.facets__details:has(input[name="filter.v.availability"]),
[id*="Details-filter.v.availability"] {
  display: none !important;
}

/* ===== HIDE SOLDOUT — DESACTIVADO 2026-06-24 (Daniel/Claude) =====
   Estas reglas :has() ocultaban productos DISPONIBLES por error:
   · data-sold-out-message="true" y .sold-out-message existen en TODAS las cards
     (el theme los renderiza siempre, el span va con .hidden) → no marcan agotado.
   · .badge:not([class*="sale"]) capturaba el badge de REBAJA (clase "badge" sin
     "sale") → ocultaba justo los productos en descuento.
   Síntoma real: /oferta mostraba 1 de 8 productos; Hora de Dormir "solo 1 cobija";
   varias categorías mostraban de menos. Por eso se desactivan.
   Se conserva solo el hook .ag-sold-out (vía JS) por si se reactiva BIEN a futuro
   (para ocultar agotados de verdad usar la disponibilidad nativa, NO :has(badge)). */
.grid__item.ag-sold-out,
.product-card-wrapper.ag-sold-out,
li.ag-sold-out {
  display: none !important;
}


/* ===== FILTERS SIDEBAR v1 ===== */
/* ===========================================
   SIDEBAR FILTROS · estilo aguamarina premium
   =========================================== */

/* Container del sidebar de filtros */
.facets-wrapper,
.facets__form,
facet-filters-form {
  background: transparent !important;
  padding: 0 !important;
}

/* Layout de la colección: padding generoso lateral + gap entre sidebar y grid */
/* Alta especificidad para ganarle al .page-width nativo del theme */
body .facets-vertical,
body .facets-vertical.page-width,
main .facets-vertical,
.shopify-section .facets-vertical {
  background: transparent !important;
  padding-left: 80px !important;
  padding-right: 80px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  gap: 56px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.facets-vertical > aside.facets-wrapper {
  flex: 0 0 280px !important;
  max-width: 280px !important;
}
.facets-vertical > .product-grid-container {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Toolbar (ordenar por + productos count) también padding consistente */
.collection-toolbar.page-width,
section.collection-toolbar,
[class*="collection-toolbar"].page-width {
  padding-left: 80px !important;
  padding-right: 80px !important;
  max-width: 100% !important;
}

@media (max-width: 1200px) {
  .facets-vertical,
  .facets-vertical.page-width,
  .collection-toolbar.page-width {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}
@media (max-width: 990px) {
  .facets-vertical { gap: 32px !important; }
  .facets-vertical > aside.facets-wrapper { flex: 0 0 240px !important; max-width: 240px !important; }
  .facets-vertical,
  .facets-vertical.page-width,
  .collection-toolbar.page-width {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
@media (max-width: 749px) {
  .facets-vertical,
  .facets-vertical.page-width,
  .collection-toolbar.page-width {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* Header "FILTRAR" — limpio, sin caja */
.facets__heading,
.facets__heading--vertical,
.active-facets__heading,
.facets-vertical h2.facets__heading {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  color: #1F4751 !important;
  letter-spacing: -0.015em !important;
  margin: 0 0 16px !important;
  padding: 0 0 14px !important;
  text-transform: none !important;
  font-variation-settings: 'opsz' 144 !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  border-bottom: 1px solid rgba(31, 71, 81, 0.10) !important;
  background: transparent !important;
  box-shadow: none !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
}
.facets__heading::after {
  content: '';
  flex: 1;
  height: 2px;
  background: linear-gradient(90deg, #5C9AA4 0%, transparent 100%);
  border-radius: 1px;
  margin-left: 6px;
  margin-bottom: 6px;
}

/* Quitar la caja contenedora del header si existe */
.facets-wrap-mobile-header,
.facets__heading-container,
.facets__heading-wrapper {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 8px !important;
}

/* Cada filtro como CARD elegante */
.facets__details,
details.facets__details,
.facets__disclosure,
details.facets__disclosure-vertical {
  background: #FFFFFF !important;
  border: 1px solid rgba(31, 71, 81, 0.10) !important;
  border-radius: 14px !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px -4px rgba(31, 71, 81, 0.06) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}
.facets__details:hover,
details.facets__details:hover,
details.facets__disclosure-vertical:hover {
  border-color: rgba(92, 154, 164, 0.30) !important;
  box-shadow: 0 6px 18px -8px rgba(31, 71, 81, 0.15) !important;
}
.facets__details[open],
details.facets__details[open],
details.facets__disclosure-vertical[open] {
  border-color: rgba(92, 154, 164, 0.40) !important;
  box-shadow: 0 8px 24px -10px rgba(31, 71, 81, 0.18) !important;
}

/* Summary (título del filtro) */
.facets__details summary,
details.facets__details summary,
.facets__summary,
details.facets__disclosure-vertical > summary,
details[id*="Details-filter"] > summary {
  padding: 16px 18px !important;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #1F4751 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  list-style: none !important;
  gap: 10px !important;
  transition: color 0.2s ease !important;
}

/* === ICONOS AGUAMARINA POR TIPO DE FILTRO === */
/* Cada summary tiene un span ::before con SVG inline */
details[id*="Details-filter"] > summary {
  align-items: center !important;
}
details[id*="Details-filter"] > summary::before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
  opacity: 0.90;
  transition: opacity 0.25s ease, transform 0.25s ease;
  vertical-align: middle;
  margin-right: 4px;
  position: relative;
  top: -1px;
}
details[id*="Details-filter"][open] > summary::before {
  opacity: 1;
  transform: scale(1.08);
}

/* Icono PRECIO — etiqueta de precio */
details[id*="filter.v.price"] > summary::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C9AA4' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M20.6 13.4l-7.2 7.2a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/><circle cx='8' cy='8' r='1.6' fill='%235C9AA4'/></svg>");
}

/* Icono MARCA — sello/medalla */
details[id*="filter.p.vendor"] > summary::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C9AA4' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='10' r='6'/><path d='M8 14l-2 7 6-3 6 3-2-7'/><path d='M12 7v6M9 10h6' opacity='.6'/></svg>");
}

/* Icono COLOR — paleta */
details[id*="filter.v.option.color"] > summary::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C9AA4' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><circle cx='8' cy='9' r='1.4' fill='%235C9AA4' stroke='none'/><circle cx='15' cy='8' r='1.4' fill='%235C9AA4' stroke='none'/><circle cx='17' cy='13' r='1.4' fill='%235C9AA4' stroke='none'/><path d='M12 21c-1 0-1.5-.8-1.5-1.7s.5-1.6 1.5-1.8 2-.5 2-1.5-1.5-2-3-2'/></svg>");
}

/* Icono TALLA — regla */
details[id*="filter.v.option.size"] > summary::before,
details[id*="filter.v.option.talla"] > summary::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C9AA4' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='8' width='20' height='8' rx='1.5'/><path d='M6 8v3M9 8v4M12 8v3M15 8v4M18 8v3'/></svg>");
}

/* Icono EDAD — reloj/etapa */
details[id*="filter.v.option.edad"] > summary::before,
details[id*="filter.v.option.age"] > summary::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C9AA4' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 7v5l3 2'/></svg>");
}

/* Icono MATERIAL — capas */
details[id*="filter.v.option.material"] > summary::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C9AA4' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3l9 5-9 5-9-5 9-5z'/><path d='M3 13l9 5 9-5M3 17l9 5 9-5' opacity='.7'/></svg>");
}

/* Fallback genérico (cualquier otro filtro) — punto */
details[id*="Details-filter"]:not([id*="price"]):not([id*="vendor"]):not([id*="color"]):not([id*="size"]):not([id*="talla"]):not([id*="edad"]):not([id*="age"]):not([id*="material"]) > summary::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C9AA4' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><circle cx='12' cy='12' r='2.5' fill='%235C9AA4' stroke='none'/></svg>");
}
.facets__details summary::-webkit-details-marker,
details.facets__details summary::-webkit-details-marker {
  display: none !important;
}
.facets__details summary:hover,
details.facets__details summary:hover {
  color: #5C9AA4 !important;
}
.facets__details[open] summary,
details.facets__details[open] summary {
  color: #5C9AA4 !important;
  border-bottom: 1px solid rgba(31, 71, 81, 0.06) !important;
}

/* Chevron animado */
.facets__details summary svg,
.facets__summary svg,
details.facets__details summary svg.icon-caret,
details.facets__disclosure-vertical > summary svg {
  width: 14px !important;
  height: 14px !important;
  color: #5C9AA4 !important;
  transition: transform 0.3s cubic-bezier(.4,0,.2,1) !important;
  flex-shrink: 0 !important;
}
.facets__details[open] summary svg,
details.facets__details[open] summary svg.icon-caret,
details.facets__disclosure-vertical[open] > summary svg {
  transform: rotate(180deg) !important;
}

/* Contenido desplegable */
.facets__display,
.facets__display-vertical,
.facets__wrapper,
.facets__list,
details.facets__details > div,
details.facets__disclosure-vertical > .facets__display-vertical {
  padding: 14px 18px 18px !important;
  background: transparent !important;
}

/* Lista de opciones (En existencia / checkbox / etc.) */
.facets__list,
.facets-layout,
ul.facets-layout-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.facets__item,
li.facets__item,
li.list-menu__item {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* Labels de checkbox */
.facets__label,
label.facets__label,
.facet-checkbox {
  padding: 8px 10px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  color: #2C5C68 !important;
  cursor: pointer !important;
  border-radius: 8px !important;
  transition: background 0.2s ease, color 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border: none !important;
}
.facets__label:hover,
label.facets__label:hover,
.facet-checkbox:hover {
  background: rgba(92, 154, 164, 0.08) !important;
  color: #1F4751 !important;
}

/* Checkbox custom aguamarina */
.facet-checkbox input[type="checkbox"],
.facets__label input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  border: 1.5px solid rgba(31, 71, 81, 0.30) !important;
  border-radius: 5px !important;
  background: #FFFFFF !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
  position: relative !important;
}
.facet-checkbox input[type="checkbox"]:hover,
.facets__label input[type="checkbox"]:hover {
  border-color: #5C9AA4 !important;
}
.facet-checkbox input[type="checkbox"]:checked,
.facets__label input[type="checkbox"]:checked {
  background: #5C9AA4 !important;
  border-color: #5C9AA4 !important;
}
.facet-checkbox input[type="checkbox"]:checked::after,
.facets__label input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 5px;
  width: 5px;
  height: 9px;
  border: solid #FBF6EE;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Conteo a la derecha del label (ej: "(323)") */
.facet-checkbox__text-label + *,
.facet-checkbox span:not(.facet-checkbox__text-label) {
  font-size: 11.5px !important;
  color: rgba(44, 92, 104, 0.55) !important;
  font-weight: 400 !important;
  margin-left: auto !important;
}

/* Active facets container — transparente por default, sólo styling cuando hay chips activos */
.active-facets,
.active-facets-vertical-filter,
.active-facets-desktop {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
}

/* Si hay chips activos (tiene contenido), aplicar styling sutil */
.active-facets:has(.active-facets__button),
.active-facets-vertical-filter:has(.active-facets__button) {
  background: rgba(92, 154, 164, 0.06) !important;
  border: 1px solid rgba(92, 154, 164, 0.15) !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
}

.active-facets__button,
.active-facets__button-inner,
a.active-facets__button {
  background: #5C9AA4 !important;
  color: #FBF6EE !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  margin: 4px 4px 0 0 !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}
.active-facets__button:hover {
  background: #2C5C68 !important;
}

/* Botón "Eliminar todos" */
.active-facets__button-remove,
.active-facets-remove-all,
a[href*="?filter.v.availability"]:has(svg) {
  background: transparent !important;
  color: #1F4751 !important;
  text-decoration: underline !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
}

/* Price slider */
.facets__price,
.price-range,
.facets__price input[type="number"] {
  margin-top: 8px !important;
}
.facets__price label {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12px !important;
  color: #2C5C68 !important;
  margin-bottom: 4px !important;
  display: block !important;
}
.facets__price input[type="number"],
.facets__price input[type="text"] {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  color: #1F4751 !important;
  border: 1.5px solid rgba(31, 71, 81, 0.15) !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
  background: #FBF6EE !important;
  width: 100% !important;
  transition: border-color 0.2s ease !important;
}
.facets__price input:focus {
  outline: none !important;
  border-color: #5C9AA4 !important;
}

/* Swatches de color (si los hay) */
.facet-checkbox__circle,
.color-swatch,
.swatch__color {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  border: 1.5px solid rgba(31, 71, 81, 0.15) !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, border-color 0.2s ease !important;
}
.facets__label:hover .facet-checkbox__circle {
  transform: scale(1.1);
  border-color: #5C9AA4 !important;
}

/* Total productos visible arriba */
.collection-product-count,
.collection__product-count,
.product-count {
  font-family: 'DM Mono', ui-monospace, monospace !important;
  font-size: 12px !important;
  color: rgba(44, 92, 104, 0.65) !important;
  letter-spacing: 0.04em !important;
}

/* Mobile: filtros como drawer */
@media (max-width: 749px) {
  .facets__heading {
    font-size: 20px !important;
    margin-bottom: 14px !important;
  }
  .facets__details summary {
    padding: 14px 16px !important;
    font-size: 13px !important;
  }
  .facets__display,
  details.facets__details > div {
    padding: 12px 14px 16px !important;
  }
}


/* ===== PRODUCT CARD TYPOGRAPHY v1 ===== */
/* ===========================================
   TIPOGRAFÍA DE PRODUCT CARD · más cálida y editorial
   =========================================== */

/* === PRECIO de productos === */
/* Antes: DM Mono (monospace técnico/frío)
   Ahora: Fraunces serif con tabular-nums para alinear números */
.price__regular .price-item,
.price-item,
.price-item--regular,
.price-item--sale,
.price .money,
.product-card .price,
.card .price-item,
.price__sale .price-item--sale,
.product__price .price-item {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  font-variation-settings: 'opsz' 14 !important;
  letter-spacing: -0.005em !important;
  font-variant-numeric: tabular-nums !important;
  color: #1F4751 !important;
  text-transform: none !important;
}

/* Variante sale: con color aguamarina */
.price--on-sale .price-item--sale,
.price__sale .price-item--sale {
  color: #5C9AA4 !important;
}

/* Tachado del precio original cuando hay descuento */
.price__sale .price-item--regular,
.price--on-sale .price-item--regular {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  color: rgba(44, 92, 104, 0.55) !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 1px !important;
  font-variant-numeric: tabular-nums !important;
}

/* En página de producto, precio más grande */
.product__info-container .price__regular .price-item,
.product__info-container .price-item--regular {
  font-size: 28px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
}

/* === VENDOR (marca) — refinamiento sutil === */
.caption-with-letter-spacing.light,
.card__information .caption-with-letter-spacing,
.card-information .caption-with-letter-spacing {
  font-family: 'DM Mono', ui-monospace, monospace !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(92, 154, 164, 0.85) !important;
}

/* (Title del card lo deja el tema en Fraunces — no tocamos) */

/* Mobile */
@media (max-width: 749px) {
  .price__regular .price-item,
  .price-item--regular {
    font-size: 16px !important;
  }
  .card__heading,
  .card__heading a {
    font-size: 14.5px !important;
  }
  .caption-with-letter-spacing.light {
    font-size: 9.5px !important;
  }
}


/* ===== TRUST BADGES v1 ===== */
/* ===========================================
   TRUST BADGES · presencia fuerte (Rise theme)
   Selectores reales: .icon-with-text + .icon-with-text__item
   =========================================== */

/* Container — la caja prominente */
.product__info-block--icon-with-text ul.icon-with-text,
ul.icon-with-text.icon-with-text--horizontal,
ul.icon-with-text,
.icon-with-text--horizontal,
.product__info-block--icon-with-text {
  background: linear-gradient(135deg, #FBF6EE 0%, #F6EFE2 100%) !important;
  border: 1.5px solid rgba(92, 154, 164, 0.30) !important;
  border-radius: 20px !important;
  padding: 30px 24px 26px !important;
  margin: 28px 0 28px !important;
  box-shadow: 0 10px 28px -14px rgba(31, 71, 81, 0.15) !important;
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  gap: 8px !important;
  list-style: none !important;
  align-items: stretch !important;
}

/* Forzar cada LI a ocupar 1/3 del ancho disponible */
ul.icon-with-text > li.icon-with-text__item,
.icon-with-text--horizontal > li.icon-with-text__item,
.product__info-block--icon-with-text li.icon-with-text__item,
.icon-with-text__item {
  flex: 1 1 0 !important;
  flex-basis: 0 !important;
  min-width: 0 !important;
  width: auto !important;
}

/* Sello "BENEFICIOS · INCLUIDOS" */
ul.icon-with-text::before,
.product__info-block--icon-with-text::before {
  content: 'BENEFICIOS · INCLUIDOS';
  position: absolute;
  top: -12px;
  left: 24px;
  background: #5C9AA4;
  color: #FBF6EE;
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.18em;
  padding: 6px 14px;
  border-radius: 999px;
  box-shadow: 0 6px 14px -4px rgba(92, 154, 164, 0.45);
  z-index: 2;
}

/* Cada item (li) */
ul.icon-with-text > li.icon-with-text__item,
.icon-with-text__item {
  padding: 10px 14px !important;
  border-right: 1px solid rgba(92, 154, 164, 0.22) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  text-align: center !important;
  margin: 0 !important;
  min-width: 0 !important;
}
ul.icon-with-text > li.icon-with-text__item:last-child {
  border-right: none !important;
}

/* SVG wrapper con círculo de fondo */
.icon-with-text__item .svg-wrapper {
  display: inline-grid !important;
  place-items: center !important;
  width: 60px !important;
  height: 60px !important;
  background: #FFFFFF !important;
  border: 1.5px solid rgba(92, 154, 164, 0.30) !important;
  border-radius: 50% !important;
  box-shadow: 0 6px 16px -6px rgba(92, 154, 164, 0.25) !important;
  transition: transform 0.3s cubic-bezier(.4,0,.2,1), border-color 0.3s ease !important;
}
.icon-with-text__item:hover .svg-wrapper {
  transform: scale(1.06) !important;
  border-color: rgba(92, 154, 164, 0.55) !important;
}

/* Icono SVG dentro */
.icon-with-text__item .svg-wrapper svg,
.icon-with-text__item svg.icon {
  width: 32px !important;
  height: 32px !important;
  color: #5C9AA4 !important;
  fill: #5C9AA4 !important;
}

/* Heading del item (Envíos a toda Colombia, etc) */
.icon-with-text__item .h4,
.icon-with-text__item h2.h4,
.icon-with-text__item .inline-richtext,
.icon-with-text__item span.h4,
.icon-with-text__item span.inline-richtext {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1F4751 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
  white-space: normal !important;
  text-align: center !important;
  width: 100% !important;
  max-width: none !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  display: block !important;
}

/* Sticky header puede causar columnas muy estrechas en product page (con sidebar de info al lado del media).
   Forzar ancho mínimo cómodo para que el texto fluya en máximo 2 líneas. */
ul.icon-with-text,
.icon-with-text--horizontal,
.product__info-block--icon-with-text {
  grid-template-columns: repeat(3, minmax(135px, 1fr)) !important;
}

/* FIX CRÍTICO: el theme/browser está aplicando hyphens o word-break por defecto.
   Forzamos en TODOS los descendientes del badge. */
.product__info-block--icon-with-text *,
ul.icon-with-text *,
.icon-with-text__item * {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
}
/* Cuando una palabra es demasiado larga (raro), que rompa solo por palabra entera */
.icon-with-text__item .h4,
.icon-with-text__item span {
  overflow-wrap: break-word !important;
}

/* Si el container es muy estrecho (≤ 200px), permitir 4 líneas en lugar de comprimir */
.icon-with-text__item .h4 {
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  max-height: none !important;
}

/* Texto secundario (si lo agregamos via <br> + small) */
.icon-with-text__item .icon-with-text__subtext {
  display: block;
  font-size: 11.5px;
  font-weight: 500;
  color: #5C9AA4;
  opacity: 0.85;
  margin-top: 4px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  letter-spacing: 0.02em;
}

/* Mobile */
@media (max-width: 749px) {
  ul.icon-with-text,
  .icon-with-text--horizontal,
  .product__info-block--icon-with-text {
    grid-template-columns: 1fr !important;
    padding: 26px 18px 20px !important;
    margin: 22px 0 24px !important;
  }
  ul.icon-with-text::before {
    font-size: 9.5px !important;
    padding: 5px 12px !important;
    left: 18px !important;
  }
  ul.icon-with-text > li.icon-with-text__item {
    flex-direction: row !important;
    align-items: center !important;
    text-align: left !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(92, 154, 164, 0.18) !important;
    padding: 14px 0 !important;
    gap: 18px !important;
  }
  ul.icon-with-text > li.icon-with-text__item:last-child {
    border-bottom: none !important;
    padding-bottom: 4px !important;
  }
  ul.icon-with-text > li.icon-with-text__item:first-child {
    padding-top: 6px !important;
  }
  .icon-with-text__item .svg-wrapper {
    width: 52px !important;
    height: 52px !important;
    flex-shrink: 0 !important;
  }
  .icon-with-text__item .svg-wrapper svg {
    width: 26px !important;
    height: 26px !important;
  }
  .icon-with-text__item .h4 {
    font-size: 13px !important;
    max-width: 100% !important;
    text-align: left !important;
  }
}


/* ===== PAYMENT ZONE UX v1 ===== */
/* ===========================================
   ZONA DE PAGO · UX premium en producto
   - Trust badges compactos
   - Botones diferenciados (Agregar = outline, Comprar = fill)
   - Métodos de pago bajo el botón Comprar
   =========================================== */

/* === BOTONES diferenciados === */
/* Agregar al carrito (secundario, outline) */
.product-form__submit,
.product-form__buttons .product-form__submit {
  background: transparent !important;
  color: var(--aguamarina-signature, #5C9AA4) !important;
  border: 2px solid var(--aguamarina-signature, #5C9AA4) !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  transition: background 0.25s ease, color 0.25s ease, transform 0.2s ease !important;
}
.product-form__submit:hover {
  background: var(--aguamarina-signature, #5C9AA4) !important;
  color: var(--aguamarina-paper, #FBF6EE) !important;
  transform: translateY(-1px) !important;
}

/* Comprar ahora (primario, fill aguamarina más fuerte) */
.shopify-payment-button__button,
.shopify-payment-button .shopify-payment-button__button--unbranded,
.shopify-payment-button button[type="submit"] {
  background: linear-gradient(135deg, #1F4751 0%, #2C5C68 100%) !important;
  color: var(--aguamarina-paper, #FBF6EE) !important;
  border: none !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  box-shadow: 0 8px 20px -8px rgba(31, 71, 81, 0.35) !important;
  transition: transform 0.2s ease, box-shadow 0.25s ease !important;
}
.shopify-payment-button__button:hover {
  background: linear-gradient(135deg, #2C5C68 0%, #1F4751 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 28px -10px rgba(31, 71, 81, 0.45) !important;
}

/* === TRUST BADGES MÁS COMPACTOS === */
ul.icon-with-text,
.icon-with-text--horizontal,
.product__info-block--icon-with-text {
  padding: 18px 16px 16px !important;
  margin: 18px 0 18px !important;
  border-radius: 14px !important;
  gap: 4px !important;
}
ul.icon-with-text::before,
.product__info-block--icon-with-text::before {
  font-size: 9px !important;
  padding: 4px 10px !important;
  top: -10px !important;
  letter-spacing: 0.14em !important;
}

/* Cada item más compacto */
.icon-with-text__item {
  padding: 4px 8px !important;
  gap: 8px !important;
}

/* Iconos más pequeños */
.icon-with-text__item .svg-wrapper {
  width: 40px !important;
  height: 40px !important;
  box-shadow: 0 3px 8px -3px rgba(92, 154, 164, 0.20) !important;
}
.icon-with-text__item .svg-wrapper svg {
  width: 22px !important;
  height: 22px !important;
}

/* Texto compacto */
.icon-with-text__item .h4 {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

/* Mobile aún más compacto */
@media (max-width: 749px) {
  ul.icon-with-text,
  .product__info-block--icon-with-text {
    padding: 14px 12px 12px !important;
    margin: 14px 0 14px !important;
  }
  .icon-with-text__item .svg-wrapper {
    width: 34px !important;
    height: 34px !important;
  }
  .icon-with-text__item .svg-wrapper svg {
    width: 18px !important;
    height: 18px !important;
  }
  .icon-with-text__item .h4 {
    font-size: 10.5px !important;
  }
}

/* === MÉTODOS DE PAGO BAJO BOTÓN COMPRAR === */
.ag-paymethods {
  margin: 14px 0 6px;
  padding: 12px 14px;
  background: rgba(92, 154, 164, 0.05);
  border: 1px solid rgba(92, 154, 164, 0.15);
  border-radius: 12px;
}
.ag-paymethods__label {
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--aguamarina-signature, #5C9AA4);
  margin-bottom: 10px;
  text-align: center;
  opacity: 0.85;
}
.ag-paymethods__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
.ag-paymethods__row img {
  height: 22px;
  width: auto;
  max-width: 60px;
  object-fit: contain;
  filter: grayscale(1) brightness(0.65) contrast(1.1);
  opacity: 0.85;
  transition: filter 0.25s ease, opacity 0.25s ease, transform 0.2s ease;
  cursor: pointer;
}
.ag-paymethods__row img:hover {
  filter: none;
  opacity: 1;
  transform: scale(1.08);
}

.ag-paymethods__pill {
  display: inline-flex;
  align-items: center;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 5px 10px;
  border-radius: 999px;
  cursor: help;
  transition: transform 0.2s ease, box-shadow 0.25s ease;
}
.ag-paymethods__pill--addi {
  background: #F5F1E8;
  color: #3D2D8B;
  border: 1px solid rgba(61, 45, 139, 0.20);
}
.ag-paymethods__pill--siste {
  background: #FFF4EE;
  color: #C44A1A;
  border: 1px solid rgba(196, 74, 26, 0.20);
}
.ag-paymethods__pill:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px -3px rgba(31, 71, 81, 0.18);
}

@media (max-width: 749px) {
  .ag-paymethods { padding: 10px 12px; }
  .ag-paymethods__row { gap: 10px; }
  .ag-paymethods__row img { height: 18px; max-width: 50px; }
  .ag-paymethods__pill { font-size: 10px; padding: 4px 8px; }
}

/* Addi y Sistecredito mantienen color de marca (no grayscale como Visa/MC) */
.ag-paymethods__row img.ag-paymethods__addi,
.ag-paymethods__row img.ag-paymethods__siste {
  filter: none !important;
  opacity: 1 !important;
  height: 24px;
  max-width: 95px;
}


/* ===== MENU TOP STYLE v1 ===== */
/* ===========================================
   MENU TOP · estilo de los demos (Editorial/Visual/Minimalista)
   - Una fila con flex-wrap si hace falta
   - Hover/active aguamarina con underline 2px
   - Tipografía clean Plus Jakarta Sans 600
   =========================================== */

/* Menu items (top-level del header) */
header.header .header__menu-item,
.header__inline-menu .header__menu-item,
.header__inline-menu summary.header__menu-item {
  padding: 10px 14px !important;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--aguamarina-charcoal, #1F4751) !important;
  cursor: pointer !important;
  position: relative !important;
  transition: color 0.2s ease !important;
  border: none !important;
  background: transparent !important;
}

/* Underline animado bajo cada item — aparece al hover y se queda en el activo */
header.header .header__menu-item::after,
.header__inline-menu .header__menu-item::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 14px;
  right: 14px;
  height: 2px;
  background: var(--aguamarina-signature, #5C9AA4);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s cubic-bezier(.4,0,.2,1);
  border-radius: 1px;
}
header.header .header__menu-item:hover,
.header__inline-menu .header__menu-item:hover,
.header__inline-menu .header__menu-item--active,
.header__inline-menu summary.header__menu-item:hover,
.header__inline-menu summary[aria-current="page"] {
  color: var(--aguamarina-signature, #5C9AA4) !important;
}
header.header .header__menu-item:hover::after,
.header__inline-menu .header__menu-item:hover::after,
.header__inline-menu .header__menu-item--active::after,
[aria-current="page"].header__menu-item::after {
  transform: scaleX(1);
}

/* Caret (chevron) del menu item con submenu */
header.header .header__menu-item svg.icon-caret,
.header__inline-menu .header__menu-item svg.icon-caret {
  width: 9px !important;
  height: 9px !important;
  margin-left: 4px !important;
  color: rgba(31, 71, 81, 0.40) !important;
  transition: transform 0.25s ease, color 0.2s ease !important;
}
header.header .header__menu-item:hover svg.icon-caret {
  color: var(--aguamarina-signature, #5C9AA4) !important;
  transform: rotate(180deg);
}

/* UL container del menu */
header.header .header__inline-menu,
.header__inline-menu {
  position: relative;
}
header.header .header__inline-menu ul.list-menu,
.header__inline-menu ul.list-menu {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 6px !important;
  row-gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* En desktop intenta caber en 1 fila — si no, wrap a 2 limpio */
@media (min-width: 1280px) {
  header.header .header__inline-menu ul.list-menu,
  .header__inline-menu ul.list-menu {
    flex-wrap: wrap;
    row-gap: 6px;
  }
  header.header .header__menu-item,
  .header__inline-menu .header__menu-item {
    padding: 10px 10px !important;
    font-size: 12px !important;
    letter-spacing: 0.05em !important;
  }
}

/* Pantallas grandes (>= 1500px) — items más respirados */
@media (min-width: 1500px) {
  header.header .header__menu-item,
  .header__inline-menu .header__menu-item {
    padding: 10px 13px !important;
    font-size: 12.5px !important;
  }
}

/* Mobile drawer (hamburger) — mantener legible */
@media (max-width: 989px) {
  header.header .header__menu-item,
  .header__inline-menu .header__menu-item {
    padding: 14px 16px !important;
    font-size: 14px !important;
  }
  header.header .header__menu-item::after {
    display: none !important;
  }
}


/* ===== ANNOUNCEMENT BAR FULL-WIDTH v2 (Ana feedback) ===== */
/* El contenido interno del announcement bar (.page-width) limita el ancho.
   Lo extendemos a 100% manteniendo padding lateral suave. */
.utility-bar .page-width,
.utility-bar > .page-width,
.utility-bar .utility-bar__grid {
  max-width: 100% !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  width: 100% !important;
}
.utility-bar {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.announcement-bar__message {
  font-size: 11.5px !important;
  letter-spacing: 0.14em !important;
}
@media (max-width: 749px) {
  .utility-bar .page-width,
  .utility-bar .utility-bar__grid {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .announcement-bar__message {
    font-size: 10.5px !important;
    letter-spacing: 0.10em !important;
  }
}


/* ===== ANNOUNCEMENT BAR FULL-WIDTH v3 — REAL fullwidth ===== */
/* Toda la sección del announcement bar debe ser 100% wide con fondo petrol */
.shopify-section.announcement-bar-section,
.shopify-section-group-header-group.announcement-bar-section,
.utility-bar,
.utility-bar.color-scheme-74397ee9-9ccb-40f1-b370-e2fae5c3b1d6,
.utility-bar--bottom-border,
.utility-bar.gradient {
  background: var(--aguamarina-petrol, #2C5C68) !important;
  background-color: var(--aguamarina-petrol, #2C5C68) !important;
  background-image: none !important;
  width: 100% !important;
  max-width: 100% !important;
}
/* Inner page-width recibe el ancho completo + padding */
.utility-bar > .page-width,
.utility-bar .page-width.utility-bar__grid,
.utility-bar .utility-bar__grid {
  background: transparent !important;
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* El bloque de mensaje no necesita su propio bg (el outer ya lo da) */
.utility-bar .announcement-bar,
.utility-bar .announcement-bar__message {
  background: transparent !important;
  color: var(--aguamarina-paper, #FBF6EE) !important;
  text-align: center;
  width: 100% !important;
}
.utility-bar .announcement-bar__message {
  font-family: 'DM Mono', ui-monospace, monospace !important;
  font-size: 11.5px !important;
  letter-spacing: 0.16em !important;
  font-weight: 500 !important;
}
@media (max-width: 749px) {
  .utility-bar > .page-width,
  .utility-bar .utility-bar__grid {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .utility-bar .announcement-bar__message {
    font-size: 10px !important;
    letter-spacing: 0.10em !important;
  }
}


/* ===== FOOTER COMPACT v2 — Daniel feedback ===== */
/* Footer outer padding reducido */
.footer,
.footer.color-scheme-1,
section.footer,
.shopify-section-group-footer-group .footer {
  padding-top: 36px !important;
  padding-bottom: 18px !important;
}

/* Grid de columnas: gap más apretado */
.footer__content-top,
.footer__blocks-wrapper {
  padding-top: 0 !important;
  padding-bottom: 28px !important;
  gap: 28px !important;
  row-gap: 24px !important;
}

/* Cada columna block: menos padding interno */
.footer-block,
.footer-block--menu,
.footer-block--newsletter {
  padding: 0 !important;
  margin: 0 !important;
}

/* Headings de columna: menos margen + tamaño reducido */
.footer-block__heading,
.footer-block__details-content h2,
.footer__newsletter-heading {
  margin-bottom: 12px !important;
  font-size: 13px !important;
  letter-spacing: 0.16em !important;
  padding-bottom: 0 !important;
}

/* Links menu: spacing más apretado */
.footer-block__details-content ul,
.footer-block__details-content li,
.footer-block-menu__list {
  gap: 7px !important;
  row-gap: 7px !important;
  padding: 0 !important;
}
.footer-block__details-content li {
  margin: 0 0 6px 0 !important;
  line-height: 1.35 !important;
}
.footer-block__details-content a,
.footer-block-menu__list a {
  font-size: 13px !important;
  line-height: 1.4 !important;
  padding: 1px 0 !important;
}

/* Newsletter — más compacto */
.footer-block--newsletter,
.newsletter-form__field-wrapper {
  margin-top: 4px !important;
}
.footer-block--newsletter .newsletter-form,
.newsletter-form__field-wrapper input,
.newsletter-form__field-wrapper button {
  font-size: 13px !important;
}
.newsletter-form__field-wrapper input {
  padding: 10px 14px !important;
}

/* Footer bottom (copyright + social): menos padding */
.footer__content-bottom,
.footer__content-bottom-wrapper {
  padding-top: 16px !important;
  padding-bottom: 0 !important;
  border-top: 1px solid rgba(31, 71, 81, 0.10) !important;
  margin-top: 8px !important;
}
.footer__copyright,
.footer__copyright p,
.copyright,
.copyright__content {
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
}

/* Social icons row: gap apretado */
.list-social,
.footer__list-social {
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.list-social__item,
.list-social__link {
  margin: 0 !important;
  padding: 4px !important;
}

/* Mobile: aún más compacto */
@media (max-width: 749px) {
  .footer,
  section.footer {
    padding-top: 26px !important;
    padding-bottom: 14px !important;
  }
  .footer__content-top,
  .footer__blocks-wrapper {
    gap: 20px !important;
    padding-bottom: 18px !important;
  }
  .footer-block__heading {
    font-size: 12px !important;
    margin-bottom: 10px !important;
  }
  .footer-block__details-content a {
    font-size: 12.5px !important;
  }
}


/* ===== CART LEGAL — checkbox aceptar políticas ===== */
.ag-cart-legal {
  margin: 18px 0 14px;
  padding: 16px 18px;
  background: rgba(92, 154, 164, 0.06);
  border: 1px solid rgba(92, 154, 164, 0.22);
  border-radius: 12px;
  transition: background 0.25s ease, border-color 0.25s ease;
}
.ag-cart-legal.is-accepted {
  background: rgba(92, 154, 164, 0.12);
  border-color: rgba(92, 154, 164, 0.45);
}
.ag-cart-legal--shake {
  animation: ag-cart-legal-shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
  border-color: #C44A1A !important;
  background: rgba(196, 74, 26, 0.06) !important;
}
@keyframes ag-cart-legal-shake {
  10%, 90% { transform: translateX(-2px); }
  20%, 80% { transform: translateX(3px); }
  30%, 50%, 70% { transform: translateX(-5px); }
  40%, 60% { transform: translateX(5px); }
}
.ag-cart-legal__row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: var(--aguamarina-charcoal, #1F4751);
  user-select: none;
}
.ag-cart-legal__row input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
}
.ag-cart-legal__check-visual {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1.5px solid rgba(92, 154, 164, 0.6);
  background: #FFFFFF;
  display: grid;
  place-items: center;
  margin-top: 1px;
  color: #FFFFFF;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.ag-cart-legal__check-visual svg {
  width: 14px;
  height: 14px;
  opacity: 0;
  transition: opacity 0.18s ease, transform 0.18s ease;
  transform: scale(0.7);
}
.ag-cart-legal__row input:checked ~ .ag-cart-legal__check-visual {
  background: var(--aguamarina-signature, #5C9AA4);
  border-color: var(--aguamarina-signature, #5C9AA4);
}
.ag-cart-legal__row input:checked ~ .ag-cart-legal__check-visual svg {
  opacity: 1;
  transform: scale(1);
}
.ag-cart-legal__row input:focus-visible ~ .ag-cart-legal__check-visual {
  outline: 2px solid var(--aguamarina-signature, #5C9AA4);
  outline-offset: 2px;
}
.ag-cart-legal__text {
  flex: 1;
}
.ag-cart-legal__text a {
  color: var(--aguamarina-signature, #5C9AA4) !important;
  text-decoration: underline;
  font-weight: 600;
}
.ag-cart-legal__text a:hover {
  color: var(--aguamarina-petrol, #2C5C68) !important;
}
.ag-cart-legal__warning {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 10px 12px;
  background: rgba(196, 74, 26, 0.08);
  border: 1px solid rgba(196, 74, 26, 0.30);
  border-radius: 8px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 12px;
  color: #C44A1A;
  font-weight: 500;
}
.ag-cart-legal__warning svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
}

/* Botón de checkout deshabilitado */
button[name="checkout"][data-ag-locked],
.cart__checkout-button[data-ag-locked],
.shopify-payment-button__button[data-ag-locked] {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  filter: grayscale(0.4);
}


/* ===== MEGA HEADER · z-index máximo + isolation ===== */
/* Asegurar que el mega menu siempre quede por encima de TODO al hacer scroll */
.shopify-section-ag-mega-header,
.shopify-section-group-header-group {
  position: relative;
  z-index: 9999 !important;
  isolation: isolate;
}
.ag-mn {
  z-index: 9999 !important;
  isolation: isolate;
}
.ag-mn__panel {
  z-index: 10000 !important;
}
/* El popup (welcome 10%) sí puede ir por encima cuando está abierto */
.ag-welcome-popup, .ag-welcome {
  z-index: 99999 !important;
}
/* Cart drawer / modals deben respetar el header pero ir encima cuando se abren */
.cart-drawer, .drawer, .modal-overlay {
  z-index: 99998 !important;
}
/* Bajar z-index de elementos del theme Rise que pueden montar */
.section-collection-banner,
.collection__title,
.shopify-section--hero,
.product__media-wrapper,
.product__media-list,
.media-gallery,
.shopify-section-template--*__product {
  z-index: 1 !important;
}


/* ===== MEGA HEADER STICKY FIX v4 — sticky en wrapper ===== */
/* El wrapper de Shopify debe ser sticky para que el sticky interno se agarre */
.shopify-section-ag-mega-header {
  /* position: sticky · removed (Daniel no-sticky) */
  /* top: 0 · removed */
  z-index: 9999 !important;
  isolation: isolate;
  background: transparent;
}
/* También para el container del group si existe */
#shopify-section-sections--20893101981850__announcement-bar,
.shopify-section-group-header-group .shopify-section.announcement-bar-section {
  position: sticky !important;
  top: 0 !important;
  z-index: 10000 !important;
}
.shopify-section-ag-mega-header {
  top: 38px !important; /* debajo del announcement bar */
}
/* El .ag-mn interno ya no necesita sticky, el wrapper se encarga */
.ag-mn {
  position: relative !important;
}


/* ===== FOOTER ULTRA-MIN v3 (Daniel - lo más bajo posible) ===== */
/* Reducir paddings al MÍNIMO viable */
.footer,
section.footer,
.shopify-section-group-footer-group .footer,
.shopify-section-group-footer-group .footer.color-scheme-1 {
  padding-top: 18px !important;
  padding-bottom: 8px !important;
}

/* Grid columnas: gap más apretado */
.footer__content-top,
.footer__blocks-wrapper {
  padding-top: 0 !important;
  padding-bottom: 14px !important;
  gap: 24px !important;
  row-gap: 16px !important;
}

/* Heading columna: más pequeño */
.footer-block__heading,
.footer-block__details-content h2,
h2.footer-block__heading {
  margin-bottom: 8px !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  padding-bottom: 0 !important;
}

/* Items lista: spacing más apretado */
.footer-block__details-content ul,
.footer-block__details-content li,
.footer-block-menu__list {
  gap: 4px !important;
  row-gap: 4px !important;
  padding: 0 !important;
}
.footer-block__details-content li {
  margin: 0 0 3px 0 !important;
  line-height: 1.25 !important;
}
.footer-block__details-content a,
.footer-block-menu__list a {
  font-size: 12px !important;
  line-height: 1.3 !important;
  padding: 0 !important;
}

/* Visítanos info block — más compacto */
.footer-block--text,
.footer-block--text p,
.footer-block--text-content {
  font-size: 12px !important;
  line-height: 1.4 !important;
  margin: 0 0 4px 0 !important;
}
.footer-block--text strong {
  font-size: 12.5px !important;
}

/* Bottom (copyright + policies): ultra mínimo */
.footer__content-bottom,
.footer__content-bottom-wrapper {
  padding-top: 10px !important;
  padding-bottom: 0 !important;
  border-top: 1px solid rgba(31, 71, 81, 0.06) !important;
  margin-top: 6px !important;
}
.footer__copyright,
.footer__copyright p,
.copyright,
.copyright__content {
  font-size: 10px !important;
  letter-spacing: 0.06em !important;
  margin: 0 !important;
  padding: 4px 0 !important;
  line-height: 1.3 !important;
}

/* Ocultar el bloque social del footer (movido al header) */
.footer .list-social,
.footer__list-social,
.footer .footer-block--social,
.footer__social,
.footer ul.list-social {
  display: none !important;
}


/* ===== MOMENTOS V5 · BLEED IMAGE (Aesop / Tartine style) ===== */
/* RESET: anular layouts solid-band / grid de versiones previas */
.ag-momentos__card {
  display: flex !important;
  flex-direction: column !important;
  grid-template-rows: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-top: 28px !important; /* espacio para que la imagen "salga" hacia arriba */
  overflow: visible !important;
  border-radius: 0 !important;
}
.ag-momentos__card-veil {
  display: none !important;
}

/* IMAGEN ELEVADA — translateY hacia arriba con sombra abajo */
.ag-momentos__card-img {
  aspect-ratio: 4 / 5 !important;
  background: #FFFFFF !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  min-height: auto !important;
  transform: translateY(-28px) !important;
  margin-bottom: -28px !important;
  box-shadow: 0 18px 30px -20px rgba(31, 71, 81, 0.20) !important;
  transition: transform 0.45s cubic-bezier(.2, .8, .2, 1), box-shadow 0.45s ease !important;
  position: relative !important;
  z-index: 2 !important;
  grid-row: auto !important;
}
.ag-momentos__card:hover .ag-momentos__card-img {
  transform: translateY(-36px) !important;
  box-shadow: 0 28px 38px -22px rgba(31, 71, 81, 0.28) !important;
}
.ag-momentos__card-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: none !important; /* el movimiento es del frame, no de la img */
  transform: none !important;
}
.ag-momentos__card:hover .ag-momentos__card-img img {
  transform: none !important; /* anular scale anterior */
}

/* BODY blanco compacto debajo — texto centrado, postal style */
.ag-momentos__card-content {
  position: relative !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(31, 71, 81, 0.10) !important;
  border-radius: 6px !important;
  padding: 36px 18px 22px !important;
  text-align: center !important;
  z-index: 1 !important;
  grid-row: auto !important;
  margin-top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0 !important;
}

/* Eyebrow */
.ag-momentos__card-eyebrow {
  font-family: 'DM Mono', monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
  color: var(--aguamarina-signature, #5C9AA4) !important;
  margin: 0 0 6px !important;
  font-weight: 500 !important;
  text-align: center !important;
  text-shadow: none !important;
}

/* Título Fraunces */
.ag-momentos__card-title {
  font-family: 'Fraunces', serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: var(--aguamarina-charcoal, #1F4751) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.015em !important;
  margin: 0 0 12px !important;
  text-shadow: none !important;
  text-align: center !important;
}
.ag-momentos__card-title em { font-style: italic !important; }

/* Sub: ocultar en V5 (postal style minimalista) */
.ag-momentos__card-sub {
  display: none !important;
}

/* CTA — solo texto con border-bottom signature */
.ag-momentos__card-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 0 3px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--aguamarina-signature, #5C9AA4) !important;
  border-radius: 0 !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 9.5px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--aguamarina-signature, #5C9AA4) !important;
  font-weight: 500 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.ag-momentos__card-cta svg {
  width: 10px !important;
  height: 10px !important;
}

/* Sección padding-top extra para que la imagen elevada no se "salga" arriba */
.ag-momentos {
  padding-top: 76px !important; /* más espacio top para el bleed */
}

/* Responsive */
@media (max-width: 1100px) {
  .ag-momentos__card-img,
  .ag-momentos__card:hover .ag-momentos__card-img {
    transform: translateY(-22px) !important;
  }
  .ag-momentos__card { padding-top: 22px !important; }
  .ag-momentos__card-img { margin-bottom: -22px !important; }
  .ag-momentos__card-content { padding: 30px 16px 18px !important; }
}
@media (max-width: 749px) {
  .ag-momentos__card-title { font-size: 16px !important; }
}


/* ===== MOMENTOS V5 · COMPACT (5 cards quepan) ===== */
/* Wrap más amplio + padding lateral reducido = más espacio horizontal */
.ag-momentos__wrap {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
/* Grid: gap más apretado */
.ag-momentos__grid {
  gap: 12px !important;
}

/* Card padding-top reducido (menos elevation) */
.ag-momentos__card {
  padding-top: 20px !important;
}
/* Imagen elevación reducida 28 → 20 */
.ag-momentos__card-img {
  transform: translateY(-20px) !important;
  margin-bottom: -20px !important;
  box-shadow: 0 14px 22px -16px rgba(31, 71, 81, 0.18) !important;
}
.ag-momentos__card:hover .ag-momentos__card-img {
  transform: translateY(-26px) !important;
  box-shadow: 0 22px 30px -18px rgba(31, 71, 81, 0.26) !important;
}

/* Body más compacto */
.ag-momentos__card-content {
  padding: 26px 12px 16px !important;
}

/* Texto más pequeño */
.ag-momentos__card-eyebrow {
  font-size: 8.5px !important;
  letter-spacing: 0.18em !important;
  margin-bottom: 5px !important;
}
.ag-momentos__card-title {
  font-size: 15px !important;
  line-height: 1.1 !important;
  margin-bottom: 9px !important;
}
.ag-momentos__card-cta {
  font-size: 8.5px !important;
  letter-spacing: 0.14em !important;
}

/* Sección padding-top reducido para que image elevation no necesite tanto espacio */
.ag-momentos {
  padding-top: 56px !important;
}

@media (max-width: 1100px) {
  .ag-momentos__card-img,
  .ag-momentos__card:hover .ag-momentos__card-img {
    transform: translateY(-16px) !important;
  }
  .ag-momentos__card { padding-top: 16px !important; }
  .ag-momentos__card-img { margin-bottom: -16px !important; }
  .ag-momentos__card-content { padding: 22px 10px 14px !important; }
  .ag-momentos__card-title { font-size: 13.5px !important; }
}


/* ===== MOMENTOS · FIX OVERFLOW GRID (minmax 0) ===== */
/* Forzar 6 columnas equal-width sin expansion por min-content */
.ag-momentos__grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.ag-momentos__card {
  min-width: 0 !important;
}
.ag-momentos__card-img,
.ag-momentos__card-content {
  min-width: 0 !important;
  width: 100% !important;
}
/* Title truncation en pantallas <1280 */
.ag-momentos__card-title {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
@media (max-width: 1280px) {
  .ag-momentos__card-title { font-size: 13px !important; }
  .ag-momentos__wrap { padding-left: 24px !important; padding-right: 24px !important; }
  .ag-momentos__grid { gap: 10px !important; }
  .ag-momentos__card-content { padding: 22px 8px 14px !important; }
}


/* ===== MOMENTOS · MOBILE RESPONSIVE FIX ===== */
/* Desktop ≥ 1100px: 6 columnas (uniformidad con 6 cards) */
/* Tablet 749 → 1099px: 3 columnas */
@media (min-width: 749px) and (max-width: 1099px) {
  .ag-momentos__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  .ag-momentos__card-title {
    white-space: normal !important;
    font-size: 14px !important;
  }
}

/* Mobile < 749px: 2 columnas — cards más respiradas */
@media (max-width: 748px) {
  .ag-momentos__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .ag-momentos__wrap {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .ag-momentos__card {
    padding-top: 14px !important;
  }
  .ag-momentos__card-img,
  .ag-momentos__card:hover .ag-momentos__card-img {
    transform: translateY(-14px) !important;
    margin-bottom: -14px !important;
  }
  .ag-momentos__card-content {
    padding: 22px 10px 14px !important;
  }
  .ag-momentos__card-title {
    font-size: 13.5px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  .ag-momentos__card-eyebrow {
    font-size: 7.5px !important;
    letter-spacing: 0.14em !important;
  }
  .ag-momentos__card-cta {
    font-size: 7.5px !important;
    letter-spacing: 0.10em !important;
  }
  .ag-momentos {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
}


/* ===== Z-INDEX BULLETPROOF — submenu siempre encima ===== */
/* Header section: stacking context fuerte */
.shopify-section-ag-mega-header {
  /* position: sticky · removed (Daniel no-sticky) */
  /* top: 0 · removed */
  z-index: 99999 !important;
  isolation: isolate !important;
}
/* Header interno */
.ag-mn {
  position: relative !important;
  z-index: 99999 !important;
  isolation: isolate !important;
}
/* Panel del mega menu — z-index máximo */
.ag-mn__panel {
  z-index: 100000 !important;
  position: absolute !important;
}
.ag-mn__item[data-active="true"] .ag-mn__panel {
  z-index: 100000 !important;
}

/* Forzar que TODAS las section del template tengan z-index bajo (excepto header) */
section[id^="shopify-section-template"]:not([id*="hero-banner"]):not([id*="header"]),
div[id^="shopify-section-template"]:not([id*="hero-banner"]):not([id*="header"]) {
  position: relative;
  z-index: 1;
  isolation: isolate;
}

/* Hero banner: z-index BAJO para que el panel del menu lo cubra */
.shopify-section[id*="hero-banner"],
section[id*="hero-banner"],
.ag-heroban,
.section-aguamarina-hero-banner {
  position: relative !important;
  z-index: 1 !important;
  isolation: auto !important;
}
/* La sticky del header sigue siendo top:38 (debajo de announcement bar) */
/* .shopify-section-ag-mega-header { top: 38px } · removed */


/* ===== MENU OPCIÓN C · underline puro + indicator refinado ===== */
/* Indicator: línea más sutil debajo del item activo/hover */
.ag-mn__indicator {
  height: 1.5px !important;
  bottom: 8px !important;
  background: var(--aguamarina-signature, #5C9AA4) !important;
  border-radius: 0 !important;
}
/* Quitar cualquier background hover residual del item */
.ag-mn__label:hover,
.ag-mn__item:hover .ag-mn__label,
.ag-mn__item[data-active="true"] .ag-mn__label {
  background: transparent !important;
  background-color: transparent !important;
}
/* Direct items (Babyshower + Ofertas): no border, no pill */
.ag-mn__item--direct .ag-mn__label,
.ag-mn__item--accent .ag-mn__label {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
/* Babyshower siempre en signature */
.ag-mn__item[data-id="babyshower"] .ag-mn__label {
  color: var(--aguamarina-signature, #5C9AA4) !important;
}
/* Ofertas siempre en warm (ya está pero refuerzo) */
.ag-mn__item--accent .ag-mn__label,
.ag-mn__item[data-id="ofertas"] .ag-mn__label {
  color: var(--aguamarina-warm, #C44A1A) !important;
}


/* ===== PANEL Z-INDEX BULLETPROOF · fondo sólido fuerte ===== */
/* Quitar position:relative de nav para que panel use .ag-mn como contexto */
.ag-mn__nav {
  position: static !important;
}
/* Mantener indicator funcional con position absolute respecto a la barra */
.ag-mn__indicator {
  position: absolute !important;
}
/* Panel: posicionarse respecto al header completo + ancho completo */
.ag-mn__item {
  position: static !important;
}
.ag-mn__panel {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 100000 !important;
  /* Fondo bulletproof: paper sólido + box-shadow definido + backdrop fallback */
  background: var(--aguamarina-paper, #FBF6EE) !important;
  background-color: #FBF6EE !important;
  border-top: 1px solid rgba(31, 71, 81, 0.10) !important;
  border-bottom: 1px solid rgba(31, 71, 81, 0.15) !important;
  box-shadow: 0 24px 48px -16px rgba(31, 71, 81, 0.28), 0 -1px 0 rgba(31, 71, 81, 0.06) !important;
}
/* Asegurar que el feature card dentro del panel NO tenga transparencia */
.ag-mn__feature {
  background: #FFFFFF !important;
}
/* Panel inner: respeta padding lateral del header */
.ag-mn__panel-inner {
  background: transparent !important;
}
/* Hero zone: explicit z-index 1 (ya está) */
.section-aguamarina-hero-banner,
.ag-heroban {
  z-index: 1 !important;
  position: relative !important;
}


/* ===== PANEL POSITION FIXED · escape stacking context ===== */
/* Panel posición fija al viewport — escapa de cualquier stacking context */
.ag-mn__list { position: static !important; }
.ag-mn__item .ag-mn__panel {
  position: fixed !important;
  top: var(--ag-panel-top, 250px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  z-index: 999999 !important;
  background: var(--aguamarina-paper, #FBF6EE) !important;
  background-color: #FBF6EE !important;
  border-top: 1px solid rgba(31, 71, 81, 0.10) !important;
  border-bottom: 1px solid rgba(31, 71, 81, 0.15) !important;
  box-shadow: 0 24px 48px -16px rgba(31, 71, 81, 0.30), 0 -1px 0 rgba(31, 71, 81, 0.06) !important;
}


/* ===== UNIFORMIDAD CARDS noropa + descuentos (todos viewports) ===== */
/* Forzar mismo número de columnas + alto en ambas secciones a través de breakpoints */
.ag-noropa__grid,
.ag-desc__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
@media (max-width: 1100px) {
  .ag-noropa__grid,
  .ag-desc__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 749px) {
  .ag-noropa__grid,
  .ag-desc__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

/* Body height uniforme — no-ropa subtitle ya tiene min-height=130 en descuentos, igualar */
.ag-noropa__card-content {
  min-height: 130px !important;
}

/* Mobile: textos más compactos para no-ropa (eran muy grandes) */
@media (max-width: 749px) {
  .ag-noropa__card-content {
    padding: 10px 12px 12px !important;
    min-height: 100px !important;
  }
  .ag-noropa__card-title {
    font-size: 13px !important;
    line-height: 1.15 !important;
  }
  .ag-noropa__card-eyebrow {
    font-size: 8px !important;
    letter-spacing: 0.14em !important;
  }
  .ag-noropa__card-sub {
    font-size: 10.5px !important;
    line-height: 1.3 !important;
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .ag-noropa__card-cta {
    font-size: 8.5px !important;
    letter-spacing: 0.10em !important;
  }
  /* Descuentos: también compactar para match */
  .ag-desc__card-body {
    padding: 10px 12px 12px !important;
    min-height: 100px !important;
  }
  .ag-desc__card-title {
    font-size: 13px !important;
    line-height: 1.15 !important;
  }
  .ag-desc__card-vendor {
    font-size: 8px !important;
  }
  .ag-desc__card-price {
    font-size: 14px !important;
  }
  .ag-desc__card-compare {
    font-size: 11px !important;
  }
}


/* ===== MOMENTOS V5 · IMG POSITIONING (16:9 → 4:5 crop centrado en bebé) ===== */
/* Las 2 imágenes Newborn son 16:9 — en card 4:5 portrait el crop debe centrarse en el bebé (parte inferior) */
.ag-momentos__card[data-momentos-block-id*="m1"] .ag-momentos__card-img img,
.ag-momentos__card[data-momentos-block-id*="m2"] .ag-momentos__card-img img,
.ag-momentos__card-img img {
  object-position: center 35% !important;
}


/* ===== HEADER NO-STICKY · Daniel pidió que no flote en scroll ===== */
/* El wrapper .shopify-section-group-header-group tenía position:sticky por defecto.
   Daniel quiere que el header se quede arriba en su posición original y scrollee con el resto. */
.shopify-section-group-header-group {
  position: static !important;
  top: auto !important;
}
.shopify-section.shopify-section-group-header-group {
  position: static !important;
}


/* ===== HEADER NO-STICKY v2 · override de .shopify-section-ag-mega-header ===== */
/* Las reglas viejas del fix z-index ponían position:sticky !important al wrapper del header
   con selector .shopify-section-ag-mega-header. Daniel pidió no-sticky: lo neutralizamos.
   El announcement-bar queda sticky por separado (eso no se tocó). */
.shopify-section-ag-mega-header {
  position: static !important;
  top: auto !important;
  z-index: 9999 !important;
}


/* ===== FOOTER LOGO via CSS ::before (Daniel pidió logo en footer) ===== */
/* Inyectar el logo de la tienda como background del brand block */
.footer-block__brand-info {
  position: relative;
  padding-top: 0;
}
/* ::before background logo REMOVED - using native brand_image img instead */
.footer-block:has(.footer-block__brand-info) {
  display: block !important;
  min-height: 120px;
}
/* Mobile: logo más pequeño */
@media (max-width: 749px) {
  /* mobile ::before removed */
}


/* ===== DANIEL FIXES 2026-05-28 (footer color + noropa/desc -20% + footer gap) ===== */

/* === #106 FOOTER COLOR: petrol Aguamarina, no negro === */
footer.footer,
.shopify-section-group-footer-group footer.footer,
.shopify-section-group-footer-group .footer {
  background: var(--aguamarina-petrol, #2C5C68) !important;
  color: var(--aguamarina-paper, #FBF6EE) !important;
}
.footer-block__heading,
.footer h2,
.footer-block__details-content h2,
.footer-block__brand-info,
.footer-block a {
  color: var(--aguamarina-paper, #FBF6EE) !important;
}
.footer-block a:hover {
  color: var(--aguamarina-signature, #5C9AA4) !important;
}
.footer__content-bottom,
.footer__content-bottom-wrapper,
.footer__copyright,
.copyright__content,
.policies li a {
  color: rgba(251, 246, 238, 0.72) !important;
}
.footer .list-social__link svg {
  color: var(--aguamarina-paper, #FBF6EE) !important;
}
.footer .list-social__link:hover svg {
  color: var(--aguamarina-signature, #5C9AA4) !important;
}

/* === #109 FOOTER GAP: reducir gap entre columnas para que quepan 5 columnas en 1 fila === */
.footer__blocks-wrapper {
  grid-template-columns: minmax(180px, 0.85fr) repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: start !important;
}
@media (max-width: 990px) {
  .footer__blocks-wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 28px !important;
  }
}
@media (max-width: 749px) {
  .footer__blocks-wrapper {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

/* === #107 NOROPA + DESCUENTOS -20% (proporcionalidad mantenida) === */
.ag-noropa,
.ag-desc {
  padding: 48px 0 52px !important;
}
.ag-noropa__wrap,
.ag-desc__wrap {
  padding: 0 80px !important;
}
.ag-noropa__title,
.ag-desc__title {
  font-size: clamp(21px, 2.24vw, 29px) !important;
}
.ag-noropa__grid,
.ag-desc__grid {
  gap: 13px !important;
}
.ag-noropa__card-content,
.ag-desc__card-content {
  padding: 11px 13px 14px !important;
  min-height: 104px !important;
}
.ag-noropa__card-title,
.ag-desc__card-title {
  font-size: 13px !important;
  line-height: 1.15 !important;
}
.ag-noropa__card-eyebrow,
.ag-desc__card-eyebrow {
  font-size: 7.5px !important;
  letter-spacing: 0.14em !important;
}
.ag-noropa__card-cta,
.ag-desc__card-cta {
  font-size: 11px !important;
  gap: 4.8px !important;
}
.ag-noropa__card-price,
.ag-desc__card-price {
  font-size: 13.5px !important;
}
.ag-noropa__card-compare,
.ag-desc__card-compare {
  font-size: 10px !important;
}
.ag-noropa__card-badge,
.ag-desc__card-badge {
  font-size: 8px !important;
  padding: 4px 8px !important;
}
@media (max-width: 990px) {
  .ag-noropa__wrap,
  .ag-desc__wrap { padding: 0 32px !important; }
}
@media (max-width: 749px) {
  .ag-noropa__wrap,
  .ag-desc__wrap { padding: 0 14px !important; }
  .ag-noropa__card-content,
  .ag-desc__card-content { padding: 8px 10px 10px !important; min-height: 88px !important; }
  .ag-noropa__card-title,
  .ag-desc__card-title { font-size: 10.5px !important; }
}


/* ===== FOOTER LOGOS + SOCIALS FIX (2026-05-28b) ===== */
/* === Iconos sociales: forzar fill paper en SVG paths (heredar currentColor) === */
.footer .footer__list-social .list-social__link svg,
.footer .footer__list-social .list-social__link svg path,
.footer .list-social__link svg,
.footer .list-social__link svg path {
  color: var(--aguamarina-paper, #FBF6EE) !important;
  fill: var(--aguamarina-paper, #FBF6EE) !important;
}
.footer .footer__list-social .list-social__link:hover svg,
.footer .footer__list-social .list-social__link:hover svg path {
  color: var(--aguamarina-signature, #5C9AA4) !important;
  fill: var(--aguamarina-signature, #5C9AA4) !important;
}
.footer .footer__list-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin: 12px 0 0;
  list-style: none;
}
.footer .list-social__item {
  margin: 0;
}
.footer .list-social__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(251, 246, 238, 0.30);
  border-radius: 999px;
  transition: border-color 0.25s ease, background 0.25s ease;
}
.footer .list-social__link:hover {
  border-color: var(--aguamarina-signature, #5C9AA4);
  background: rgba(92, 154, 164, 0.10);
}

/* === Brand block logo nativo: tamaño + filtro invertido para que sea blanco en fondo petrol === */
.footer-block__brand-info .footer-block__image-wrapper {
  max-width: 180px !important;
  margin-bottom: 14px;
}
.footer-block__brand-info .footer-block__image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  /* filter: brightness(0) invert(1) REMOVED — keep full-color aguamarina logo */
}

/* === Esconder cualquier ag-footer-logo (injected por JS legacy) === */
.ag-footer-logo {
  display: none !important;
}


/* ===== TIPOGRAFÍA OP-01 · Playfair Display + Inter (Ana eligió 2026-05-28) ===== */
/* Override global: cualquier elemento con Fraunces o Plus Jakarta Sans inline 
   carga Playfair Display y Inter en su lugar. DM Mono se mantiene para eyebrows. */
[style*="Fraunces"],
*[class*="title"],
*[class*="heading"],
*[class*="__title"],
*[class*="__heading"] {
  font-family: 'Playfair Display', Georgia, serif !important;
}
/* Body / lead / subtitle / cta / nav — cualquier cosa que usaba Plus Jakarta Sans */
[style*="Plus Jakarta Sans"],
*[class*="__body"],
*[class*="__lead"],
*[class*="__sub"],
*[class*="__deck"],
*[class*="__cta"],
*[class*="__text"] {
  font-family: 'Inter', system-ui, sans-serif !important;
}
/* Body default global */
body, .ag-mn, .ag-mn__list, .ag-mn__item-label,
.footer, .footer-block, .footer-block a,
.shopify-section, button, input, select, textarea {
  font-family: 'Inter', system-ui, sans-serif !important;
}
/* Headings semánticos */
h1, h2, h3, h4 {
  font-family: 'Playfair Display', Georgia, serif !important;
}
/* Italic: mantener el comportamiento que tenía Fraunces */
h1 em, h2 em, h3 em, h4 em,
[class*="__title"] em,
[class*="__heading"] em {
  font-style: italic !important;
  font-weight: 500 !important;
}
/* Quitar font-variation-settings de Fraunces (no aplica a Playfair) */
*[style*="opsz"] { font-variation-settings: normal !important; }


/* ===== FOOTER LOGO COLOR FIX (Daniel 2026-05-28) ===== */
.footer-block__brand-info .footer-block__image-wrapper {
  max-width: 150px !important;
  margin-bottom: 18px;
}
.footer-block__brand-info .footer-block__image-wrapper img {
  filter: none !important;
  width: 100% !important;
  height: auto !important;
}


/* ===== MOMENTOS CARDS · ESTILO MAYORAL (Daniel 2026-05-28) ===== */
/* Estilo Mayoral: card clicable entera, sin CTA visible.
   Solo título prominente + eyebrow sutil (rango etario) en mayúsculas mono pequeño.
   El "Ver colección" desaparece — la card entera es link.
   En hover: leve underline en title + transform sutil. */

/* Eyebrow: más sutil, más espaciado, color signature suave */
.ag-momentos__card-eyebrow {
  font-family: 'DM Mono', monospace !important;
  font-size: 8.5px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: rgba(31, 71, 81, 0.45) !important;
  margin-bottom: 6px !important;
  font-weight: 500 !important;
}

/* Title: más prominente, Playfair Display centered con tamaño justo */
.ag-momentos__card-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.005em !important;
  color: var(--aguamarina-charcoal, #1F4751) !important;
  margin-bottom: 0 !important;
  text-transform: none !important;
}

/* CTA: OCULTO por defecto, revela en hover (sutil, link-like) */
.ag-momentos__card-cta {
  font-family: 'DM Mono', monospace !important;
  font-size: 8px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--aguamarina-signature, #5C9AA4) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  padding: 0 !important;
  margin-top: 10px !important;
  opacity: 0 !important;
  transform: translateY(4px) !important;
  transition: opacity 0.25s ease, transform 0.25s ease, border-color 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.ag-momentos__card:hover .ag-momentos__card-cta {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.ag-momentos__card-cta svg {
  width: 9px !important;
  height: 9px !important;
}

/* Title hover: leve underline para indicar que es clicable */
.ag-momentos__card-title {
  position: relative;
  display: inline-block;
}
.ag-momentos__card:hover .ag-momentos__card-title {
  color: var(--aguamarina-petrol, #2C5C68) !important;
}

/* Padding del content más respirado (menos invasivo) */
.ag-momentos__card-content {
  padding: 20px 16px 18px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.ag-momentos__card-content > * {
  text-align: center !important;
}

@media (max-width: 749px) {
  .ag-momentos__card-eyebrow { font-size: 7.5px !important; }
  .ag-momentos__card-title { font-size: 14.5px !important; }
  .ag-momentos__card-cta { font-size: 7px !important; }
  /* En mobile, CTA siempre visible (no hay hover) */
  .ag-momentos__card-cta { opacity: 0.8 !important; transform: none !important; }
}


/* ===== NOROPA + DESCUENTOS · ESTILO MAYORAL (igual a momentos) ===== */
/* Eyebrow sutil mono · gris discreto */
.ag-noropa__card-eyebrow,
.ag-desc__card-eyebrow {
  font-family: 'DM Mono', monospace !important;
  font-size: 8.5px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: rgba(31, 71, 81, 0.45) !important;
  margin-bottom: 6px !important;
  font-weight: 500 !important;
}
/* Title Playfair Display centrado prominente */
.ag-noropa__card-title,
.ag-desc__card-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.005em !important;
  color: var(--aguamarina-charcoal, #1F4751) !important;
  margin-bottom: 6px !important;
  text-transform: none !important;
  text-align: center !important;
}
/* CTA oculto por defecto, reveal hover */
.ag-noropa__card-cta,
.ag-desc__card-cta {
  font-family: 'DM Mono', monospace !important;
  font-size: 8px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--aguamarina-signature, #5C9AA4) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin-top: 8px !important;
  opacity: 0 !important;
  transform: translateY(4px) !important;
  transition: opacity 0.25s ease, transform 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.ag-noropa__card:hover .ag-noropa__card-cta,
.ag-desc__card:hover .ag-desc__card-cta {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.ag-noropa__card-cta svg,
.ag-desc__card-cta svg { width: 9px !important; height: 9px !important; }

/* Hover: color petrol en title */
.ag-noropa__card:hover .ag-noropa__card-title,
.ag-desc__card:hover .ag-desc__card-title {
  color: var(--aguamarina-petrol, #2C5C68) !important;
}
/* Content centrado + padding respirado */
.ag-noropa__card-content,
.ag-desc__card-content {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

/* Precio (descuentos) y otros — también centrados */
.ag-desc__card-price,
.ag-desc__card-compare {
  text-align: center !important;
  display: block !important;
  width: 100% !important;
}

@media (max-width: 749px) {
  .ag-noropa__card-eyebrow, .ag-desc__card-eyebrow { font-size: 7.5px !important; }
  .ag-noropa__card-title, .ag-desc__card-title { font-size: 13px !important; }
  .ag-noropa__card-cta, .ag-desc__card-cta { font-size: 7px !important; opacity: 0.8 !important; transform: none !important; }
}


/* ===== NOROPA · ÍCONOS SVG (en vez de fotos) — Daniel 2026-05-28 ===== */
/* Tratamiento del card image cuando es SVG icon (no foto):
   fondo circular suave + padding + contenedor más alto y limpio */
.ag-noropa__card-img {
  object-fit: contain !important;
  padding: 28px !important;
  background: rgba(92, 154, 164, 0.06) !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 0 !important;
}
.ag-noropa__card:hover .ag-noropa__card-img {
  background: rgba(92, 154, 164, 0.10) !important;
  transform: scale(1.04) !important;
}
@media (max-width: 749px) {
  .ag-noropa__card-img { padding: 20px !important; }
}


/* ===== HEADER REDESIGN · Logo centrado arriba + nav abajo (Daniel 2026-05-28) ===== */
/* Layout grid 2 rows: 
   Row 1: [search left ⋮ logo center ⋮ actions right]
   Row 2: [nav categorías centradas full-width] */

@media (min-width: 990px) {
  .ag-mn {
    --ag-header-height: auto !important;
  }
  .ag-mn__bar {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    grid-template-rows: auto auto !important;
    column-gap: 24px !important;
    row-gap: 6px !important;
    align-items: center !important;
    padding: 14px 48px 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }
  /* Logo CENTRADO arriba */
  .ag-mn__logo {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    border-right: 0 !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    height: auto !important;
  }
  .ag-mn__logo img {
    max-height: 110px !important;
  }
  /* Actions a la derecha · row 1 */
  .ag-mn__actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin-left: 0 !important;
  }
  /* Optional: si hay un slot de "social" o "search" decorativo, ponerlo en grid-column 1 */
  .ag-mn__search,
  .ag-mn__welcome-msg {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
  }
  /* Nav abajo full-width centrado */
  .ag-mn__nav {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    border-top: 1px solid rgba(31, 71, 81, 0.08) !important;
    padding-top: 10px !important;
    margin-top: 4px !important;
  }
  .ag-mn__list {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 0 4px !important;
  }
}

/* En mobile mantener el layout del drawer (no tocar) */


/* ===== PRODUCT VIEWERS WIDGET (social proof) — Daniel 2026-05-28 ===== */
.ag-viewers {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 14px;
  background: rgba(92, 154, 164, 0.08);
  border: 1px solid rgba(92, 154, 164, 0.18);
  border-radius: 999px;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 12.5px;
  color: var(--aguamarina-petrol, #2C5C68);
  margin: 12px 0 14px;
  font-weight: 500;
}
.ag-viewers__pulse {
  width: 7px;
  height: 7px;
  background: #FF6B6B;
  border-radius: 50%;
  flex-shrink: 0;
  position: relative;
  animation: ag-viewers-pulse 1.5s ease-in-out infinite;
}
@keyframes ag-viewers-pulse {
  0%, 100% { transform: scale(1); opacity: 1; box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.55); }
  50% { transform: scale(1.15); opacity: 0.85; box-shadow: 0 0 0 6px rgba(255, 107, 107, 0); }
}
.ag-viewers__icon {
  display: inline-flex;
  align-items: center;
  color: var(--aguamarina-signature, #5C9AA4);
}
.ag-viewers__icon svg { width: 13px; height: 13px; }
.ag-viewers__num {
  font-weight: 700;
  color: var(--aguamarina-charcoal, #1F4751);
  font-variant-numeric: tabular-nums;
  margin: 0 1px;
}
.ag-viewers__text { color: rgba(31, 71, 81, 0.78); }
@media (max-width: 749px) {
  .ag-viewers { font-size: 11.5px; padding: 6px 12px; gap: 8px; }
}


/* ===== PDP · shortdesc + fix icon-with-text overflow (Daniel 2026-05-29) ===== */

/* === FIX: icon-with-text--horizontal en mobile (textos se salen del recuadro) === */
@media (max-width: 749px) {
  .icon-with-text--horizontal {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .icon-with-text--horizontal li {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-align: left !important;
    justify-content: flex-start !important;
  }
  .icon-with-text--horizontal li .icon-with-text__icon,
  .icon-with-text--horizontal li svg {
    flex-shrink: 0 !important;
  }
  .icon-with-text--horizontal .h5,
  .icon-with-text--horizontal .icon-with-text__text,
  .icon-with-text--horizontal li > div,
  .icon-with-text--horizontal li p {
    font-size: 13.5px !important;
    line-height: 1.3 !important;
    word-break: normal !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    text-align: left !important;
    margin: 0 !important;
  }
}
@media (min-width: 750px) and (max-width: 989px) {
  .icon-with-text--horizontal {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }
  .icon-with-text--horizontal .h5,
  .icon-with-text--horizontal .icon-with-text__text {
    font-size: 12.5px !important;
    line-height: 1.25 !important;
  }
}

/* === SHORT DESCRIPTION WIDGET en PDP === */
.ag-shortdesc {
  margin: 14px 0 18px;
  padding: 14px 16px;
  background: rgba(92, 154, 164, 0.05);
  border-left: 3px solid var(--aguamarina-signature, #5C9AA4);
  border-radius: 0 8px 8px 0;
  font-family: 'Inter', system-ui, sans-serif;
}
.ag-shortdesc__text {
  font-size: 14px;
  line-height: 1.55;
  color: rgba(31, 71, 81, 0.85);
  margin: 0 0 10px;
  font-weight: 400;
}
.ag-shortdesc__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--aguamarina-petrol, #2C5C68);
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid var(--aguamarina-signature, #5C9AA4);
  padding-bottom: 2px;
  transition: gap 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.ag-shortdesc__cta:hover {
  gap: 10px;
  color: var(--aguamarina-signature, #5C9AA4);
  border-bottom-color: var(--aguamarina-petrol, #2C5C68);
}
.ag-shortdesc__cta svg { width: 11px; height: 11px; }
@media (max-width: 749px) {
  .ag-shortdesc { padding: 12px 14px; margin: 12px 0 14px; }
  .ag-shortdesc__text { font-size: 13.5px; }
}


/* ===== NOROPA · FOTOS PRODUCTO (no íconos) — Ana 2026-05-29 ===== */
/* Quitar el tratamiento de íconos circulares.
   Las fotos producto se muestran con object-fit:cover, fondo blanco/paper, sin padding aggressive. */
.ag-noropa__card-img {
  object-fit: contain !important;
  padding: 18px 14px !important;
  background: #FFFFFF !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 0 !important;
}
.ag-noropa__card:hover .ag-noropa__card-img {
  background: #FBF6EE !important;
  transform: scale(1.04) !important;
}
@media (max-width: 749px) {
  .ag-noropa__card-img { padding: 12px 10px !important; }
}


/* ===== DESCUENTOS · -15% TAMAÑO (Daniel 2026-05-29) ===== */
/* Reducir tamaño visual de todas las cards de descuento un ~15% */
.ag-desc {
  padding: 48px 0 52px !important;
}
.ag-desc__wrap {
  max-width: 1180px !important;
  padding: 0 48px !important;
}
.ag-desc__grid {
  gap: 11px !important;
}
.ag-desc__card-img {
  aspect-ratio: 4 / 4.6 !important;
}
.ag-desc__card-content {
  padding: 9px 11px 12px !important;
  min-height: 88px !important;
  gap: 5px !important;
}
.ag-desc__card-eyebrow {
  font-size: 6.5px !important;
  letter-spacing: 0.16em !important;
  margin-bottom: 3px !important;
}
.ag-desc__card-title {
  font-size: 11px !important;
  line-height: 1.18 !important;
}
.ag-desc__card-price {
  font-size: 11.5px !important;
}
.ag-desc__card-compare {
  font-size: 8.5px !important;
}
.ag-desc__card-cta {
  font-size: 9.5px !important;
  gap: 4px !important;
  margin-top: 6px !important;
}
.ag-desc__card-badge {
  font-size: 7px !important;
  padding: 3px 7px !important;
}
@media (max-width: 990px) {
  .ag-desc__wrap { padding: 0 28px !important; }
  .ag-desc__grid { gap: 9px !important; }
}
@media (max-width: 749px) {
  .ag-desc__wrap { padding: 0 14px !important; }
  .ag-desc__grid { gap: 7px !important; }
  .ag-desc__card-content { padding: 7px 9px 9px !important; min-height: 72px !important; }
  .ag-desc__card-title { font-size: 9.5px !important; }
  .ag-desc__card-price { font-size: 10.5px !important; }
}


/* ===== PRODUCT CARDS · ESTILO MAYORAL (Daniel 2026-05-29) ===== */

/* === BOTÓN "Seleccionar opciones": ocultar default, reveal en hover === */
.product-card-wrapper .quick-add__submit,
.product-card-wrapper .button--full-width,
.card-wrapper .quick-add,
.product-card-wrapper .quick-add {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(8px) !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
  margin-top: 8px !important;
}
.product-card-wrapper:hover .quick-add__submit,
.product-card-wrapper:hover .button--full-width,
.card-wrapper:hover .quick-add,
.product-card-wrapper:hover .quick-add {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
/* En mobile siempre visible (no hay hover) */
@media (max-width: 749px) {
  .product-card-wrapper .quick-add__submit,
  .product-card-wrapper .quick-add {
    opacity: 0.85 !important;
    pointer-events: auto !important;
    transform: none !important;
  }
}

/* Estilo del botón más editorial al aparecer */
.product-card-wrapper .quick-add__submit,
.product-card-wrapper .button--full-width.button--secondary {
  background: var(--aguamarina-paper, #FBF6EE) !important;
  color: var(--aguamarina-petrol, #2C5C68) !important;
  border: 1px solid rgba(31, 71, 81, 0.18) !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 9.5px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  padding: 9px 12px !important;
  border-radius: 8px !important;
}
.product-card-wrapper:hover .quick-add__submit:hover {
  background: var(--aguamarina-petrol, #2C5C68) !important;
  color: var(--aguamarina-paper, #FBF6EE) !important;
  border-color: var(--aguamarina-petrol, #2C5C68) !important;
}

/* === HOVER scale sutil de la imagen (efecto Mayoral) === */
.card-wrapper .card__media,
.product-card-wrapper .card__media {
  overflow: hidden !important;
  transition: transform 0.45s cubic-bezier(.4, 0, .2, 1) !important;
}
.card-wrapper .card__media img,
.product-card-wrapper .card__media img {
  transition: transform 0.6s cubic-bezier(.4, 0, .2, 1), opacity 0.4s ease !important;
}
.product-card-wrapper:hover .card__media img:first-of-type,
.card-wrapper:hover .card__media img:first-of-type {
  transform: scale(1.05) !important;
}

/* === HOVER DUAL-IMAGE: si hay 2 imgs, mostrar la 2da al hover === */
.card-wrapper .card__media img:nth-of-type(2),
.product-card-wrapper .card__media img:nth-of-type(2) {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  z-index: 2 !important;
  object-fit: cover !important;
  transition: opacity 0.45s ease !important;
}
.product-card-wrapper:hover .card__media img:nth-of-type(2),
.card-wrapper:hover .card__media img:nth-of-type(2) {
  opacity: 1 !important;
}

/* === BADGES contextuales esquina sup izq === */
.product-card-wrapper {
  position: relative;
}
.ag-card-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-family: 'DM Mono', monospace;
  font-size: 8.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 999px;
  z-index: 3;
  pointer-events: none;
}
.ag-card-badge--low {
  background: rgba(255, 107, 107, 0.95);
  color: #FFFFFF;
}
.ag-card-badge--new {
  background: var(--aguamarina-signature, #5C9AA4);
  color: var(--aguamarina-paper, #FBF6EE);
}
.ag-card-badge--sale {
  background: #C44A1A;
  color: #FFFFFF;
}
/* Rise mete su propio badge de oferta (negro, bottom-left). Lo ocultamos: el único badge
   de oferta es el .ag-card-badge--sale custom (rust, top-left, con % real, como la home).
   El badge "Agotado" de Rise NO se toca (no lleva la clase ag-sale-badge). */
.card__badge .badge.ag-sale-badge { display: none !important; }

/* === COLOR INDICATOR "+ N colores" (si la card lo soporta) === */
.ag-card-colors {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  color: rgba(44, 92, 104, 0.65);
  margin-top: 4px;
}
.ag-card-colors__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--aguamarina-signature, #5C9AA4);
}

/* === SORT label: cambiar copy a "Recomendados" (CSS pseudo) === */
.facet-filters__label label[for="SortBy"] {
  font-size: 0 !important;
}
.facet-filters__label label[for="SortBy"]::after {
  content: 'Ordenar:';
  font-size: 13px;
  font-family: 'Inter', sans-serif;
  letter-spacing: 0.04em;
  color: var(--aguamarina-charcoal, #1F4751);
  font-weight: 500;
}

/* === Title más editorial === */
.card__heading,
.card__heading a,
.card__information .card__heading {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
}


/* ===== CHIPS SUB-CATEGORÍA + sort copy fix (Daniel 2026-05-29) ===== */
/* Chips horizontales arriba del grid de colección */
.ag-subchips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px 0 8px;
  margin: 0 0 18px;
  border-bottom: 1px solid rgba(31, 71, 81, 0.10);
  align-items: center;
}
.ag-subchips__label {
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--aguamarina-signature, #5C9AA4);
  margin-right: 6px;
  font-weight: 500;
}
.ag-subchips__chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 13px;
  background: var(--aguamarina-paper, #FBF6EE);
  border: 1px solid rgba(31, 71, 81, 0.14);
  border-radius: 999px;
  font-family: 'Inter', sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--aguamarina-charcoal, #1F4751);
  text-decoration: none;
  transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}
.ag-subchips__chip:hover {
  background: var(--aguamarina-signature, #5C9AA4);
  border-color: var(--aguamarina-signature, #5C9AA4);
  color: var(--aguamarina-paper, #FBF6EE);
  transform: translateY(-1px);
}
.ag-subchips__chip[data-current="true"] {
  background: var(--aguamarina-petrol, #2C5C68);
  border-color: var(--aguamarina-petrol, #2C5C68);
  color: var(--aguamarina-paper, #FBF6EE);
}
.ag-subchips__count {
  font-family: 'DM Mono', monospace;
  font-size: 9px;
  letter-spacing: 0.06em;
  opacity: 0.65;
}
@media (max-width: 749px) {
  .ag-subchips { padding: 12px 0 6px; gap: 6px; }
  .ag-subchips__chip { padding: 6px 11px; font-size: 11.5px; }
  .ag-subchips__label { font-size: 9px; }
}


/* ===== AGUAMARINA BATCH FIXES 2026-05-29c (Whatsapp + Pagos + Mobile + Momentos) ===== */

/* ==================== 1. WHATSAPP FLOATING BUTTON ==================== */
.ag-wsp {
  position: fixed;
  bottom: 22px;
  right: 22px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #25D366;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 22px -4px rgba(37, 211, 102, 0.45), 0 2px 6px rgba(0,0,0,0.18);
  color: #FFFFFF;
  text-decoration: none;
  z-index: 999998;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ag-wsp:hover {
  transform: scale(1.08);
  box-shadow: 0 14px 32px -4px rgba(37, 211, 102, 0.6), 0 4px 10px rgba(0,0,0,0.25);
}
.ag-wsp svg {
  width: 24px;
  height: 24px;
  fill: #FFFFFF;
}
.ag-wsp::before {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  background: rgba(37, 211, 102, 0.25);
  animation: ag-wsp-pulse 2s ease-out infinite;
  z-index: -1;
}
@keyframes ag-wsp-pulse {
  0% { transform: scale(0.95); opacity: 0.7; }
  100% { transform: scale(1.5); opacity: 0; }
}
.ag-wsp__label {
  position: absolute;
  right: 62px;
  top: 50%;
  transform: translateY(-50%) translateX(8px);
  background: var(--aguamarina-charcoal, #1F4751);
  color: var(--aguamarina-paper, #FBF6EE);
  padding: 9px 14px;
  border-radius: 10px;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  white-space: normal;
  max-width: 200px;
  text-align: left;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
  box-shadow: 0 4px 14px rgba(0,0,0,0.2);
}
.ag-wsp__label::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid var(--aguamarina-charcoal, #1F4751);
}
.ag-wsp:hover .ag-wsp__label {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}
@media (max-width: 749px) {
  .ag-wsp { bottom: 16px; right: 16px; width: 44px; height: 44px; }
  .ag-wsp svg { width: 22px; height: 22px; }
  .ag-wsp__label { display: none; }
}

/* ==================== 2. BANNER PAGOS: logos uniformes ==================== */
/* Wompi, PSE, Sistecrédito, Addi son wordmarks (texto) y se ven pequeños.
   Aumentar max-height para que iconos como Visa/Mastercard se balancean visualmente. */
.ag-pay__logo img {
  max-height: 42px !important;
  max-width: 130px !important;
}
/* Wompi + Sistecrédito wordmarks: +20% para balance visual con Visa/Bancolombia */
.ag-pay__logo img[alt="Wompi"],
.ag-pay__logo img[alt*="istec"] {
  max-height: 50px !important;
  max-width: 156px !important;
}
@media (max-width: 549px) {
  .ag-pay__logo img { max-height: 32px !important; max-width: 90px !important; }
  .ag-pay__logo img[alt="Wompi"],
  .ag-pay__logo img[alt*="istec"] {
    max-height: 38px !important;
    max-width: 108px !important;
  }
}

/* ==================== 4. MOMENTOS MOBILE: imagen completa, sin crop ==================== */
/* Daniel pidió que se conserve la proporción natural de la foto (no crop). */
/* Solución: dejar la imagen tomar su altura natural manteniendo width 100%. */
@media (max-width: 749px) {
  .ag-momentos__card-img {
    aspect-ratio: 4 / 5 !important;
    background: var(--aguamarina-paper, #FBF6EE) !important;
    overflow: hidden !important;
  }
  .ag-momentos__card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }
}

/* ==================== 3. MOBILE DRAWER: fix descuadrado ==================== */
.ag-mn__drawer,
.menu-drawer {
  z-index: 999990 !important;
}
.menu-drawer-container[open] .menu-drawer,
.ag-mn__drawer.is-open {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  width: min(86vw, 380px) !important;
  height: 100vh !important;
  overflow-y: auto !important;
  background: var(--aguamarina-paper, #FBF6EE) !important;
  box-shadow: 0 0 40px rgba(0,0,0,0.20) !important;
}
.menu-drawer-container.menu-opening .menu-drawer__navigation,
.menu-drawer.is-open .menu-drawer__navigation {
  padding-top: 0 !important;
}

/* ==================== 5. FOOTER MOBILE: acordeones colapsados (estilo Travesuras) ==================== */
/* Mobile only ≤749px: secciones MARCAS DESTACADAS / CATEGORÍAS / ATENCIÓN AL CLIENTE como acordeones.
   VISÍTANOS queda siempre visible (info crítica). */

@media (max-width: 749px) {
  /* El bloque Visítanos lo dejamos visible siempre — info crítica */

  /* Para los bloques NO-visítanos: convertir heading en toggle (JS marca con .ag-acc-trigger solo los que aplican) */
  .footer-block__heading.ag-acc-trigger {
    position: relative;
    cursor: pointer;
    padding: 14px 30px 14px 0;
    margin: 0;
    border-top: 1px solid rgba(251, 246, 238, 0.12);
    user-select: none;
    transition: color 0.2s ease;
  }
  .footer-block__heading.ag-acc-trigger:hover {
    color: var(--aguamarina-signature, #5C9AA4);
  }
  /* "+/×" indicator */
  .footer-block__heading.ag-acc-trigger::after {
    content: '+';
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
    color: rgba(251, 246, 238, 0.75);
    transition: transform 0.3s cubic-bezier(.4,0,.2,1);
  }
  .footer-block__heading.ag-acc-trigger[data-ag-open="true"]::after {
    content: '+';
    transform: translateY(-50%) rotate(45deg);
    color: var(--aguamarina-signature, #5C9AA4);
  }
  /* Contenido colapsado/expandido */
  .footer-block__heading.ag-acc-trigger + .footer-block__details-content,
  .footer-block__heading.ag-acc-trigger ~ .footer-block__details-content {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.4s cubic-bezier(.4,0,.2,1), opacity 0.3s ease, padding 0.3s ease;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .footer-block__heading.ag-acc-trigger[data-ag-open="true"] + .footer-block__details-content,
  .footer-block__heading.ag-acc-trigger[data-ag-open="true"] ~ .footer-block__details-content {
    max-height: 1200px;
    opacity: 1;
    padding-top: 4px !important;
    padding-bottom: 18px !important;
  }
  /* Última sección no tiene border-bottom feo */
  .footer-block:last-of-type .footer-block__heading.ag-acc-trigger {
    border-bottom: 1px solid rgba(251, 246, 238, 0.12);
  }
  /* Compactar spacing entre bloques mobile */
  .footer .footer-block + .footer-block {
    margin-top: 0 !important;
  }
  .footer .footer-block {
    margin-bottom: 0 !important;
  }
  /* Mejorar legibilidad listas */
  .footer-block__details-content ul li {
    margin-bottom: 6px;
  }
}

/* ==================== 6. VER MÁS V1 · Editorial Pill ==================== */
.ag-vermas {
  margin: 64px auto 16px;
  padding: 32px 0 16px;
  border-top: 1px solid rgba(31, 71, 81, 0.10);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}
.ag-vermas__eyebrow {
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--aguamarina-signature, #5C9AA4);
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.ag-vermas__eyebrow::before,
.ag-vermas__eyebrow::after {
  content: '';
  width: 24px;
  height: 1px;
  background: var(--aguamarina-signature, #5C9AA4);
}
.ag-vermas__pill {
  display: inline-grid;
  grid-template-columns: auto 1px auto auto;
  gap: 22px;
  align-items: center;
  background: var(--aguamarina-paper, #FBF6EE);
  border: 1.5px solid var(--aguamarina-charcoal, #1F4751);
  border-radius: 999px;
  padding: 16px 30px 16px 26px;
  text-decoration: none !important;
  color: var(--aguamarina-charcoal, #1F4751);
  transition: background 0.4s cubic-bezier(.4,0,.2,1), color 0.4s ease, border-color 0.4s ease, transform 0.25s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  font-family: 'Inter', sans-serif;
}
.ag-vermas__pill::before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--aguamarina-charcoal, #1F4751);
  transform: translateY(101%);
  transition: transform 0.5s cubic-bezier(.65,0,.35,1);
  z-index: 0;
  border-radius: 999px;
}
.ag-vermas__pill:hover {
  color: var(--aguamarina-paper, #FBF6EE);
  border-color: var(--aguamarina-charcoal, #1F4751);
  transform: translateY(-2px);
}
.ag-vermas__pill:hover::before { transform: translateY(0); }
.ag-vermas__pill:hover .ag-vermas__divider { background: rgba(251, 246, 238, 0.30); }
.ag-vermas__pill > * { position: relative; z-index: 1; }
.ag-vermas__count {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.02em;
}
.ag-vermas__count em {
  font-style: italic;
  color: var(--aguamarina-signature, #5C9AA4);
  font-weight: 500;
}
.ag-vermas__pill:hover .ag-vermas__count em { color: rgba(255, 255, 255, 0.6); }
.ag-vermas__divider {
  width: 1px;
  height: 28px;
  background: rgba(31, 71, 81, 0.25);
  transition: background 0.4s ease;
}
.ag-vermas__cta-text {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: left;
}
.ag-vermas__cta-text small {
  display: block;
  font-size: 10px;
  letter-spacing: 0.16em;
  font-weight: 500;
  margin-top: 2px;
  opacity: 0.65;
  text-transform: uppercase;
  font-family: 'DM Mono', monospace;
}
.ag-vermas__arrow {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--aguamarina-signature, #5C9AA4);
  color: var(--aguamarina-paper, #FBF6EE);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s cubic-bezier(.4,0,.2,1), background 0.4s ease;
}
.ag-vermas__pill:hover .ag-vermas__arrow {
  background: var(--aguamarina-paper, #FBF6EE);
  color: var(--aguamarina-charcoal, #1F4751);
  transform: translateY(3px);
}
.ag-vermas__pill[aria-busy="true"] .ag-vermas__arrow {
  animation: ag-vermas-spin 0.9s linear infinite;
}
@keyframes ag-vermas-spin {
  to { transform: rotate(360deg); }
}
.ag-vermas__arrow svg { width: 13px; height: 13px; }
.ag-vermas__hint {
  font-family: 'Inter', sans-serif;
  font-style: italic;
  font-size: 12.5px;
  color: rgba(31, 71, 81, 0.62);
  margin: 0;
  max-width: 380px;
  line-height: 1.45;
}
.ag-vermas.is-complete {
  opacity: 0.45;
  pointer-events: none;
}
.ag-vermas.is-complete .ag-vermas__cta-text { text-transform: none; }

/* Ocultar pagination clásica del theme (la del snippet 'pagination') si convive con ver-más */
.collection .pagination-wrapper,
#product-grid + .pagination-wrapper {
  display: none !important;
}

@media (max-width: 549px) {
  .ag-vermas { margin: 36px auto 4px; padding: 26px 0 8px; }
  .ag-vermas__pill {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 18px 28px;
    width: 100%;
    max-width: 360px;
    justify-items: center;
  }
  .ag-vermas__divider { display: none; }
  .ag-vermas__count { font-size: 22px; }
  .ag-vermas__cta-text { text-align: center; }
}

/* ==================== 7. FOOTER · SEGUINOS (íconos sociales custom) ==================== */
.ag-foot-social {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 28px 16px 22px;
  margin: 0 auto;
}
.ag-foot-social__eyebrow {
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--aguamarina-signature, #5C9AA4);
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.ag-foot-social__eyebrow::before,
.ag-foot-social__eyebrow::after {
  content: '';
  width: 28px;
  height: 1px;
  background: var(--aguamarina-signature, #5C9AA4);
}
.ag-foot-social__icons {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ag-foot-social__icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(251, 246, 238, 0.06);
  border: 1px solid rgba(251, 246, 238, 0.22);
  color: var(--aguamarina-paper, #FBF6EE);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.25s ease;
}
.ag-foot-social__icon svg { width: 20px; height: 20px; }
.ag-foot-social__icon:hover {
  background: var(--aguamarina-signature, #5C9AA4);
  border-color: var(--aguamarina-signature, #5C9AA4);
  color: var(--aguamarina-charcoal, #1F4751);
  transform: translateY(-2px);
}

/* Esconder íconos viejos rotos del theme Rise */
.footer .list-social,
.footer-block .list-social {
  display: none !important;
}

@media (max-width: 749px) {
  .ag-foot-social {
    padding: 20px 16px 16px;
    gap: 12px;
  }
  .ag-foot-social__icon { width: 40px; height: 40px; }
  .ag-foot-social__icon svg { width: 18px; height: 18px; }
}

/* ==================== 8. FOOTER · ACERCA DE NOSOTROS ==================== */
.ag-foot-about {
  max-width: 720px;
  margin: 0 auto;
  padding: 28px 32px 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  border-top: 1px solid rgba(251, 246, 238, 0.08);
}
.ag-foot-about__eyebrow {
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--aguamarina-signature, #5C9AA4);
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.ag-foot-about__eyebrow::before,
.ag-foot-about__eyebrow::after {
  content: '';
  width: 24px;
  height: 1px;
  background: var(--aguamarina-signature, #5C9AA4);
}
.ag-foot-about__title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: var(--aguamarina-paper, #FBF6EE);
  margin: 0 0 4px;
}
.ag-foot-about__title em {
  font-style: italic;
  color: var(--aguamarina-signature, #5C9AA4);
}
.ag-foot-about__deck {
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(251, 246, 238, 0.78);
  margin: 0;
  max-width: 560px;
}
.ag-foot-about__deck strong {
  color: var(--aguamarina-paper, #FBF6EE);
  font-weight: 600;
}
.ag-foot-about__cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  padding: 11px 22px;
  background: transparent;
  color: var(--aguamarina-paper, #FBF6EE);
  border: 1px solid rgba(251, 246, 238, 0.32);
  border-radius: 999px;
  font-family: 'Inter', sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, gap 0.3s ease;
}
.ag-foot-about__cta:hover {
  background: var(--aguamarina-signature, #5C9AA4);
  color: var(--aguamarina-charcoal, #1F4751);
  border-color: var(--aguamarina-signature, #5C9AA4);
  gap: 14px;
}
.ag-foot-about__cta-arrow {
  display: inline-flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
}
.ag-foot-about__cta-arrow svg { width: 14px; height: 14px; }

@media (max-width: 749px) {
  .ag-foot-about { padding: 22px 20px 24px; gap: 10px; }
  .ag-foot-about__deck { font-size: 13px; }
}

/* ==================== 9. BRANDS MARQUEE: tamaños uniformes ==================== */
/* Logos tenían anchos de 73 (Igor) a 140px (Pigeon, Condor). Normalizar para
   sensación visual consistente y separación pareja entre marcas. */
[class*="brands-marquee__item"] {
  width: 130px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
[class*="brands-marquee__item"] img {
  max-width: 110px !important;
  max-height: 38px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}
/* Aumentar gap consistente entre items */
[class*="brands-marquee__track"] {
  gap: 48px !important;
}

@media (max-width: 749px) {
  [class*="brands-marquee__item"] { width: 100px !important; }
  [class*="brands-marquee__item"] img { max-width: 88px !important; max-height: 30px !important; }
  [class*="brands-marquee__track"] { gap: 28px !important; }
}

/* ==================== 10. FOOTER · SEGUINOS+ACERCA dentro de columna logo ==================== */
/* Daniel pidió mover esos bloques debajo del logo para llenar la columna vacía */
.footer-block__brand-info .ag-foot-social,
.footer-block__brand-info .ag-foot-about {
  border-top: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 22px 0 0 !important;
  align-items: flex-start !important;
  text-align: left !important;
}
.footer-block__brand-info .ag-foot-social {
  padding-top: 26px !important;
  border-top: 1px solid rgba(251, 246, 238, 0.10) !important;
  margin-top: 24px !important;
  gap: 14px !important;
}
.footer-block__brand-info .ag-foot-social__eyebrow {
  justify-content: flex-start !important;
}
.footer-block__brand-info .ag-foot-about {
  padding-top: 22px !important;
  border-top: 1px solid rgba(251, 246, 238, 0.10) !important;
  margin-top: 20px !important;
  gap: 10px !important;
}
.footer-block__brand-info .ag-foot-about__eyebrow {
  justify-content: flex-start !important;
}
.footer-block__brand-info .ag-foot-about__title {
  text-align: left !important;
  font-size: clamp(20px, 1.6vw, 24px) !important;
}
.footer-block__brand-info .ag-foot-about__deck {
  text-align: left !important;
  max-width: 100% !important;
  font-size: 13px !important;
}
.footer-block__brand-info .ag-foot-about__cta {
  align-self: flex-start !important;
}

@media (max-width: 749px) {
  .footer-block__brand-info .ag-foot-social,
  .footer-block__brand-info .ag-foot-about {
    align-items: center !important;
    text-align: center !important;
  }
  .footer-block__brand-info .ag-foot-social__eyebrow,
  .footer-block__brand-info .ag-foot-about__eyebrow {
    justify-content: center !important;
  }
  .footer-block__brand-info .ag-foot-about__title,
  .footer-block__brand-info .ag-foot-about__deck {
    text-align: center !important;
  }
  .footer-block__brand-info .ag-foot-about__cta {
    align-self: center !important;
  }
}

/* ==================== 11. FOOTER DESKTOP: layout A (logo solo + columnas bajan + SEGUINOS al pie) ==================== */
@media (min-width: 990px) {
  /* Columnas 2-5 bajan para arrancar a la altura del bloque ACERCA */
  .footer__blocks-wrapper > .footer-block:not(:first-child) {
    padding-top: 160px !important;
  }
  /* La columna del logo (primera) NO baja */
  .footer__blocks-wrapper > .footer-block:first-child {
    padding-top: 0 !important;
  }
}

/* SEGUINOS al pie del footer (junto a copyright) — estilo horizontal compacto */
.footer__content-bottom .ag-foot-social,
.footer__content-bottom-wrapper .ag-foot-social {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  padding: 18px 16px !important;
  border-top: 1px solid rgba(251, 246, 238, 0.08) !important;
  margin: 0 !important;
  max-width: 1280px !important;
  width: 100% !important;
}
.footer__content-bottom .ag-foot-social__eyebrow,
.footer__content-bottom-wrapper .ag-foot-social__eyebrow {
  margin: 0 !important;
  white-space: nowrap !important;
}
.footer__content-bottom .ag-foot-social__icons,
.footer__content-bottom-wrapper .ag-foot-social__icons {
  gap: 10px !important;
}
.footer__content-bottom .ag-foot-social__icon,
.footer__content-bottom-wrapper .ag-foot-social__icon {
  width: 36px !important;
  height: 36px !important;
}
.footer__content-bottom .ag-foot-social__icon svg,
.footer__content-bottom-wrapper .ag-foot-social__icon svg {
  width: 16px !important;
  height: 16px !important;
}

@media (max-width: 749px) {
  /* En mobile mantener stack vertical como antes */
  .footer__blocks-wrapper > .footer-block:not(:first-child) {
    padding-top: 0 !important;
  }
  .footer__content-bottom .ag-foot-social,
  .footer__content-bottom-wrapper .ag-foot-social {
    padding: 16px 16px !important;
  }
}

/* ==================== 12. D+A: Fix mobile cards + quitar números de chips ==================== */
/* D · Mobile: ocultar quick-add (botón Seleccionar opciones rompe layout sobre las cards) */
@media (max-width: 749px) {
  .product-card-wrapper .quick-add,
  .card-wrapper .quick-add,
  .product-grid .quick-add,
  #product-grid .quick-add {
    display: none !important;
  }
  /* Mantener cards limpias estilo Mayoral en mobile */
  .product-card-wrapper .card__inner,
  .card-wrapper .card__inner {
    overflow: visible !important;
  }
}

/* A · Quitar números de cantidad en chips de sub-categoría */
.ag-subchips__count,
.ag-subchips__chip span.count,
.ag-subchips__chip .count {
  display: none !important;
}

/* A · Quitar números (X) de los filtros sidebar y mobile drawer (Marca (0), Color (0), etc.) */
.facets__heading-text + .facets__heading-count,
.facets__heading .facets__heading-count,
.facets summary .facets__heading-count,
.facets__count,
.facets-vertical-form summary span:last-child,
[class*="facets"] summary > span:last-child:not([class*="icon"]):not([class*="label"]) {
  /* No tocar si está dentro de un label */
}
/* Approach más quirúrgico: ocultar específicamente la cuenta en parentesis */
.facets__summary .facets__display-text-wrapper > span:nth-child(2),
.facets__heading > span:last-child:not(.facets__heading-text) {
  display: none !important;
}

/* ==================== 13. Footer SEGUINOS pie: más presencia ==================== */
/* Daniel: el SEGUINOS al pie quedó muy tímido. Más padding + íconos más grandes + eyebrow más visible */
.footer__content-bottom .ag-foot-social,
.footer__content-bottom-wrapper .ag-foot-social {
  padding: 28px 16px 26px !important;
  gap: 20px !important;
  border-top: 1px solid rgba(251, 246, 238, 0.18) !important;
}
.footer__content-bottom .ag-foot-social__eyebrow,
.footer__content-bottom-wrapper .ag-foot-social__eyebrow {
  font-size: 12px !important;
  letter-spacing: 0.30em !important;
  color: var(--aguamarina-paper, #FBF6EE) !important;
  font-weight: 500 !important;
}
.footer__content-bottom .ag-foot-social__eyebrow::before,
.footer__content-bottom .ag-foot-social__eyebrow::after,
.footer__content-bottom-wrapper .ag-foot-social__eyebrow::before,
.footer__content-bottom-wrapper .ag-foot-social__eyebrow::after {
  width: 36px !important;
  background: rgba(251, 246, 238, 0.6) !important;
}
.footer__content-bottom .ag-foot-social__icons,
.footer__content-bottom-wrapper .ag-foot-social__icons {
  gap: 14px !important;
}
.footer__content-bottom .ag-foot-social__icon,
.footer__content-bottom-wrapper .ag-foot-social__icon {
  width: 44px !important;
  height: 44px !important;
  background: rgba(251, 246, 238, 0.1) !important;
  border: 1px solid rgba(251, 246, 238, 0.30) !important;
}
.footer__content-bottom .ag-foot-social__icon svg,
.footer__content-bottom-wrapper .ag-foot-social__icon svg {
  width: 20px !important;
  height: 20px !important;
}

/* ==================== 14. Cards: borde sutil + bg paper (envolver) ==================== */
/* Daniel: conservar minimalismo Mayoral pero envolver con línea sutil o color de fondo */
.card-wrapper,
.product-card-wrapper,
#product-grid > li,
.product-grid > li {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  transition: transform 0.25s ease !important;
}
.card-wrapper:hover,
.product-card-wrapper:hover,
#product-grid > li:hover,
.product-grid > li:hover {
  border-color: var(--aguamarina-signature, #5C9AA4) !important;
  box-shadow: 0 8px 24px -12px rgba(31, 71, 81, 0.15) !important;
  transform: translateY(-2px) !important;
}
/* Asegurar que el media interno respete el padding */
.card-wrapper .card__media,
.product-card-wrapper .card__media {
  border-radius: 6px !important;
  overflow: hidden !important;
}

@media (max-width: 749px) {
  .card-wrapper,
  .product-card-wrapper,
  #product-grid > li,
  .product-grid > li {
    padding: 8px !important;
    border-radius: 6px !important;
  }
}

/* ==================== 15. FIX MOBILE OVERFLOW: cards usan ancho completo + box-sizing ==================== */
/* Daniel: las cards se cortan en mobile porque borde+padding suman más que el viewport */
.card-wrapper,
.product-card-wrapper,
#product-grid > li,
.product-grid > li {
  box-sizing: border-box !important;
}
@media (max-width: 749px) {
  /* Mobile: reducir padding + asegurar que respetan ancho */
  .card-wrapper,
  .product-card-wrapper,
  #product-grid > li,
  .product-grid > li {
    padding: 0 !important;
    border-radius: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  /* El grid debe usar el ancho completo del viewport sin padding lateral excesivo */
  .product-grid,
  #product-grid {
    padding-left: 8px !important;
    padding-right: 8px !important;
    gap: 8px !important;
  }
  /* El collection container también */
  .collection,
  .section-template--collection,
  [id*="MainCollection"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* ==================== 19. FIX catálogo mobile: 2 columnas reales ==================== */
/* Problema (2026-06-05, reportado por Daniel): en mobile el catálogo salía en 1 columna
   comprimida al centro. Dos causas encadenadas:
   1) La regla base `body .facets-vertical.page-width` (padding lateral 80px, pensado para
      desktop) le ganaba en ESPECIFICIDAD (0,0,2,1) a las overrides responsive (0,0,2,0),
      así que el padding seguía en 80px en mobile → el grid quedaba en ~230px de 390px.
   2) El .product-grid es flex (base Dawn/Rise) y sus <li> no tomaban el 50% → 1 por fila.
   Fix: vencemos la especificidad del padding + forzamos el grid a CSS grid de 2 columnas
   con minmax(0,1fr) (evita el bug de "cards ultra-finas" del intento anterior). */
@media (max-width: 749px) {
  /* (1) padding lateral cómodo — selectores de alta especificidad para vencer a la base */
  body .facets-vertical,
  body .facets-vertical.page-width,
  main .facets-vertical,
  .shopify-section .facets-vertical.page-width {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .facets-vertical > .product-grid-container {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* (2) grid de productos: 2 columnas reales que llenan el ancho */
  .collection ul.product-grid,
  ul#product-grid.product-grid,
  ul.grid.product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 10px !important;
    row-gap: 16px !important;
    width: 100% !important;
  }
  .collection ul.product-grid > li,
  ul#product-grid.product-grid > li,
  ul.grid.product-grid > li {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }
}

/* ==================== 20. Card catálogo mobile: imagen protagonista + texto compacto ==================== */
/* Daniel (2026-06-05): "es mejor la imagen más grande que todo ese espacio vacío entre texto".
   Imagen con ratio más alto y uniforme (4:5) + bloque de texto compacto (título a 2 líneas con
   clamp, gaps mínimos) → la imagen gana protagonismo y se elimina el aire muerto entre marca y
   precio. Solo mobile (≤749px); el desktop no se toca. */
@media (max-width: 749px) {
  #product-grid > li .card.card--media .card__inner.ratio { --ratio-percent: 122% !important; }
  #product-grid > li .card__inner img { object-fit: cover !important; }
  #product-grid > li .card.card--media > .card__content { padding: 9px 7px 10px !important; }
  #product-grid > li .card__information { padding: 0 !important; }
  #product-grid > li .card__heading {
    margin: 0 0 5px !important;
    line-height: 1.2 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 2.4em !important;
  }
  #product-grid > li .card-information { display: flex !important; flex-direction: column !important; gap: 3px !important; }
  #product-grid > li .card-information > * { margin: 0 !important; }
}

/* Tagline ACERCA — frase corta editorial Playfair italic */
.ag-foot-about__tagline {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 14.5px;
  font-style: italic;
  color: var(--aguamarina-signature, #5C9AA4);
  margin: 0 0 6px;
  letter-spacing: 0.01em;
  line-height: 1.4;
}
.ag-foot-about__tagline em {
  font-style: italic;
  color: var(--aguamarina-signature, #5C9AA4);
}
.footer-block__brand-info .ag-foot-about__tagline {
  text-align: left !important;
}
@media (max-width: 749px) {
  .footer-block__brand-info .ag-foot-about__tagline {
    text-align: center !important;
  }
}



/* ==================== 17. Botones de producto: estilo editorial outline ==================== */
/* Daniel: el botón "Seleccionar opciones" con fondo charcoal se ve muy comercial.
   Cambio a outline minimalista que respeta la identidad Mayoral/editorial. */
.product-form__submit,
button[name="add"],
.quick-add__submit,
.product-form button[type="submit"]:not(.shopify-payment-button__button),
.card-wrapper .quick-add__submit,
.product-card-wrapper .quick-add__submit {
  background: transparent !important;
  color: var(--aguamarina-charcoal, #1F4751) !important;
  border: 1.5px solid var(--aguamarina-charcoal, #1F4751) !important;
  border-radius: 999px !important;
  padding: 14px 28px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 12.5px !important;
  transition: background 0.3s ease, color 0.3s ease, transform 0.25s ease !important;
  box-shadow: none !important;
}
.product-form__submit:hover:not([disabled]),
button[name="add"]:hover:not([disabled]),
.quick-add__submit:hover:not([disabled]) {
  background: var(--aguamarina-charcoal, #1F4751) !important;
  color: var(--aguamarina-paper, #FBF6EE) !important;
  transform: translateY(-1px) !important;
}
.product-form__submit:disabled,
button[name="add"]:disabled,
.quick-add__submit:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}
/* El botón de "Continuar al pago" (Shopify payment button) lo mantiene su estilo del checkout */

/* ==================== 18. BABYSHOWER · botón Agregar a mi lista (PDP) ==================== */
.ag-bs-add {
  width: 100%;
  margin-top: 10px;
  padding: 13px 20px;
  background: transparent;
  color: var(--aguamarina-signature, #5C9AA4);
  border: 1.5px solid var(--aguamarina-signature, #5C9AA4);
  border-radius: 999px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 12.5px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.2s ease;
}
.ag-bs-add svg { flex-shrink: 0; }
.ag-bs-add:hover:not(:disabled) {
  background: var(--aguamarina-signature, #5C9AA4);
  color: #FFFFFF;
  transform: translateY(-1px);
}
.ag-bs-add:disabled { opacity: 0.7; cursor: wait; }
.ag-bs-add--done {
  background: var(--aguamarina-signature, #5C9AA4) !important;
  color: #FFFFFF !important;
  border-color: var(--aguamarina-signature, #5C9AA4) !important;
  opacity: 1 !important;
}


/* MOMENTOS contain removed 2026-06-10 - todas las fotos son lifestyle ahora */


/* ===== PDP · LIMITAR TAMAÑO IMAGEN EN DESKTOP (Daniel 2026-06-08) ===== */
/* Antes la imagen ocupaba ~750-830px (medio ancho del viewport) — dominaba
   la pantalla, sobre todo en productos con foto pequeña tipo accesorios.
   Tope a 560px y centrada dentro de su columna del grid (no rompe layout
   del theme). Mobile queda igual. */
@media (min-width: 990px) {
  .product__media-wrapper .product__media-list,
  .product__media-wrapper .product__media {
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* Gallery vertical (thumbnails al lado) — mismo límite a la columna principal */
  .product__media-gallery {
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

* ===== PDP · BENEFICIOS INCLUIDOS (Daniel 2026-06-10, mobile fix) ===== */
/* En mobile los 3 iconos NO entran en horizontal y se sale "Asesoría
   personalizada" por la derecha. Solución: en mobile apilar vertical;
   en desktop horizontal como estaba. */
@media (max-width: 749px) {
  /* El contenedor real es <ul class="icon-with-text icon-with-text--horizontal">
     y Rise le fuerza flex-direction:row. El fix viejo ([class*="icon-with-text"])
     empataba en especificidad y perdía por orden. Lo vencemos con tag + 2 clases
     (0,2,1) para apilar los 3 beneficios en vertical y que "Asesoría" no se corte. */
  ul.icon-with-text.icon-with-text--horizontal {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    text-align: center !important;
  }
  ul.icon-with-text.icon-with-text--horizontal > li.icon-with-text__item {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 !important;
  }
  ul.icon-with-text.icon-with-text--horizontal .icon-with-text__heading,
  ul.icon-with-text.icon-with-text--horizontal .h4,
  ul.icon-with-text.icon-with-text--horizontal .inline-richtext {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    white-space: normal !important;
  }
}

/* ===== MOMENTOS · GRID UNIFORME 310px (Daniel 2026-06-11) ===== */
/* Mismo tamaño que las cards de noropa (310px). 3 cards por fila, 2 filas.
   Grid centrado horizontalmente en el wrap. */
@media (min-width: 1100px) {
  html .ag-momentos__grid {
    grid-template-columns: repeat(3, 310px) !important;
    gap: 20px !important;
    justify-content: center !important;
  }
}
@media (min-width: 749px) and (max-width: 1099px) {
  html .ag-momentos__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}

/* ===== PDP · PAGOS v4 · badges blancos a color, mismo tamaño (Daniel 2026-07-07) ===== */
.ag-paymethods { text-align: center; padding: 14px 12px; background: rgba(92, 154, 164, 0.04); border-radius: 10px; }
.ag-paymethods__label { font-family: "DM Mono", monospace; font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--aguamarina-signature, #5C9AA4); margin-bottom: 12px; }
.ag-paymethods__row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  max-width: 330px !important;
  margin: 0 auto !important;
}
/* cada logo en su recuadro blanco, TODOS del mismo tamaño, a color (sin grayscale) */
.ag-paymethods__row img,
.ag-paymethods__row img.ag-paymethods__siste {
  display: block !important;
  width: 100% !important;
  height: 46px !important;
  max-width: none !important;
  object-fit: contain !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(31, 71, 81, 0.10) !important;
  border-radius: 9px !important;
  box-shadow: 0 1px 4px rgba(31, 71, 81, 0.08) !important;
  padding: 9px 12px !important;
  filter: none !important;
  opacity: 1 !important;
}
@media (max-width: 749px) {
  .ag-paymethods { padding: 12px 10px; }
  .ag-paymethods__row { gap: 8px !important; max-width: 300px !important; }
  .ag-paymethods__row img,
  .ag-paymethods__row img.ag-paymethods__siste { height: 42px !important; padding: 8px 10px !important; }
}

/* ===== PDP · BENEFICIOS (icon-with-text) — icono ARRIBA del texto, sin desborde mobile ===== */
@media (max-width: 749px) {
  .product__info-container .icon-with-text--horizontal {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 6px !important;
    margin-inline: 0 !important;
  }
  .product__info-container .icon-with-text--horizontal .icon-with-text__item {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 7px !important;
    padding: 0 2px !important;
    margin: 0 !important;
  }
  .product__info-container .icon-with-text--horizontal .icon-with-text__item .svg-wrapper {
    width: 26px !important;
    height: 26px !important;
    margin: 0 !important;
  }
  .product__info-container .icon-with-text--horizontal .icon-with-text__item .svg-wrapper svg {
    width: 100% !important;
    height: 100% !important;
  }
  .product__info-container .icon-with-text--horizontal .icon-with-text__item > .h4,
  .product__info-container .icon-with-text--horizontal .icon-with-text__item > .inline-richtext {
    font-size: 12.5px !important;
    line-height: 1.28 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    word-break: break-word !important;
    hyphens: auto !important;
  }
}

/* ===== PRODUCT CARDS · ESTILO PROMO BLANCO (Ana 2026-06-12) ===== */
/* Mismo look que las cards de promociones que le gustan a Ana:
   fondo blanco, borde sutil, radius 14, imagen full-bleed arriba,
   texto compacto abajo, hover con elevación. */
#product-grid > li,
.product-grid > li {
  background: #FFFFFF !important;
  border: 1px solid rgba(31, 71, 81, 0.06) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  padding: 0 !important;
  transition: transform 0.32s cubic-bezier(.4,0,.2,1), box-shadow 0.32s ease !important;
}
#product-grid > li:hover,
.product-grid > li:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 30px -14px rgba(31, 71, 81, 0.22);
}
/* wrapper interno sin marco propio (el marco lo da el li) */
.card-wrapper,
.product-card-wrapper {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.card.card--standard {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* imagen pegada a los bordes (full-bleed) — el li con overflow hidden recorta las esquinas */
.card__media,
.card .media,
.card-wrapper .media {
  border-radius: 0 !important;
}
/* texto compacto sobre blanco */
.card__content {
  padding: 10px 12px 12px !important;
  gap: 2px !important;
  background: transparent !important;
}
.card__information { padding: 0 !important; gap: 2px !important; }
.card__heading { margin: 2px 0 !important; line-height: 1.15 !important; }
.card__heading a { padding: 0 !important; }
.card__information .caption-with-letter-spacing { margin: 1px 0 !important; }
.price, .card__information .price { margin: 2px 0 0 !important; }
@media (max-width: 749px) {
  .card__content { padding: 8px 10px 10px !important; }
}

/* ===== CART DESKTOP · FIX FACTURA ANCHO + BOTÓN PAGAR (Daniel 2026-06-12) ===== */
/* 1) La sección factura electrónica iba de borde a borde en desktop → contener a 1200px centrado */
@media (min-width: 990px) {
  .ag-csec {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* 2) El botón "Pagar pedido" se estiraba a la altura del recuadro de términos (óvalo gigante).
   Apilar términos arriba + botón abajo con altura normal. */
@media (min-width: 750px) {
  .cart__ctas {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 14px !important;
  }
  .cart__ctas .cart__checkout-button,
  button.cart__checkout-button {
    height: auto !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 380px !important;
    padding: 16px 28px !important;
    align-self: flex-end !important;
  }
}

/* ===== MOMENTOS · MARCO 3:4 FOTO GRANDE (Daniel/Ana 2026-06-12) ===== */
/* Las 6 fotos son 3:4 verticales. Marco 1:1 dejaba barras blancas a los lados
   (foto chica/torcida). Marco 3:4 = la foto llena el marco completo, derecha y
   más grande. Texto 100% centrado. Estilo marco blanco que le gusta a Ana. */
html .ag-momentos__card.ag-momentos__card {
  background: #FFFFFF !important;
  border: 1px solid rgba(31, 71, 81, 0.06) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  padding: 0 !important;
  display: block !important;
  position: relative !important;
  aspect-ratio: auto !important;
  height: auto !important;
  min-height: 0 !important;
  text-decoration: none !important;
  transition: transform 0.32s cubic-bezier(.4,0,.2,1), box-shadow 0.32s ease, border-color 0.25s ease !important;
}
html .ag-momentos__card.ag-momentos__card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 30px -14px rgba(31, 71, 81, 0.22) !important;
  border-color: rgba(92, 154, 164, 0.30) !important;
}
/* IMG: aspect-ratio 3/4 (= proporción real de las fotos) + contain → llena sin recortar */
html .ag-momentos__card img.ag-momentos__card-img {
  display: block !important;
  position: relative !important;
  inset: auto !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 4 !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  z-index: 1 !important;
}
html .ag-momentos__card:hover img.ag-momentos__card-img { transform: none !important; }
/* velo escondido */
html .ag-momentos__card .ag-momentos__card-veil { display: none !important; }
/* CONTENIDO: todo centrado, sin torcido */
html .ag-momentos__card .ag-momentos__card-content {
  position: relative !important;
  border: 0 !important;
  background: #FFFFFF !important;
  padding: 14px 12px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  z-index: 2 !important;
}
html .ag-momentos__card .ag-momentos__card-content > * {
  width: 100% !important;
  text-align: center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html .ag-momentos__card .ag-momentos__card-eyebrow,
html .ag-momentos__card .ag-momentos__card-title,
html .ag-momentos__card .ag-momentos__card-sub {
  color: var(--aguamarina-charcoal, #1F4751) !important;
  text-shadow: none !important;
  text-align: center !important;
}
html .ag-momentos__card .ag-momentos__card-title { margin: 4px 0 6px !important; }
html .ag-momentos__card .ag-momentos__card-cta {
  display: inline-flex !important;
  margin: 4px auto 0 !important;
  color: var(--aguamarina-signature, #5C9AA4) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--aguamarina-signature, #5C9AA4) !important;
}
@media (max-width: 749px) {
  html .ag-momentos__card .ag-momentos__card-content { padding: 12px 10px 14px !important; }
}

/* ===== Flechas de navegación en la galería del PDP · solo desktop (Daniel 2026-07-07) ===== */
/* En mobile Rise ya trae flechas nativas (‹ 1/13 ›); estas son solo para desktop. */
.ag-gal-arrow { display: none; }
@media (min-width: 990px) {
  .ag-gal-arrow {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 4;
    width: 46px; height: 46px; border-radius: 50%; padding: 0;
    background: rgba(255,255,255,0.92); border: 1px solid rgba(31,71,81,0.10);
    box-shadow: 0 3px 12px rgba(31,71,81,0.16); color: #1F4751; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    opacity: 0; transition: opacity 0.22s ease, background 0.2s ease, box-shadow 0.2s ease;
  }
  .product__media-wrapper:hover .ag-gal-arrow { opacity: 1; }
  .ag-gal-arrow:hover { background: #ffffff; box-shadow: 0 4px 16px rgba(31,71,81,0.22); }
  .ag-gal-arrow--prev { left: 16px; }
  .ag-gal-arrow--next { right: 16px; }
  .ag-gal-arrow svg { width: 22px; height: 22px; }
}