/** Shopify CDN: Minification failed

Line 352:0 Unexpected "}"

**/
/* =====================================================================
   base.css — Profesional Amateur foundation (Dawn-style)
   ===================================================================== */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
  min-height: 100vh;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: calc(15px * var(--font-body-scale, 1));
  line-height: 1.6;
  color: rgb(var(--color-foreground, 18, 18, 18));
  background: var(--gradient-background, rgb(var(--color-background, 255, 255, 255)));
}

main { display: block; width: 100%; }

img, picture, video, svg { max-width: 100%; height: auto; display: block; }

a { color: inherit; }

/* Headings */
.shopify-section :is(h1, h2, h3, h4, h5, h6, .h0, .h1, .h2, .h3, .h4, .h5, .h6),
.shopify-section-group-header-group :is(h1, h2, h3, h4, h5, h6, .h0, .h1, .h2, .h3, .h4, .h5, .h6),
.shopify-section-group-footer-group :is(h1, h2, h3, h4, h5, h6, .h0, .h1, .h2, .h3, .h4, .h5, .h6),
cart-drawer :is(h1, h2, h3, h4, h5, h6, .h0, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  letter-spacing: -0.01em;
  margin: 0 0 0.5em;
  line-height: 1.2;
  text-transform: uppercase;
}
.shopify-section :is(h1, .h1),
.shopify-section-group-header-group :is(h1, .h1),
.shopify-section-group-footer-group :is(h1, .h1),
cart-drawer :is(h1, .h1) { font-size: calc(2.6rem * var(--font-heading-scale, 1)); }
.shopify-section :is(h2, .h2),
.shopify-section-group-header-group :is(h2, .h2),
.shopify-section-group-footer-group :is(h2, .h2),
cart-drawer :is(h2, .h2) { font-size: calc(2.2rem * var(--font-heading-scale, 1)); }
.shopify-section :is(h3, .h3),
.shopify-section-group-header-group :is(h3, .h3),
.shopify-section-group-footer-group :is(h3, .h3),
cart-drawer :is(h3, .h3) { font-size: calc(1.8rem * var(--font-heading-scale, 1)); }
.shopify-section :is(h4, .h4),
.shopify-section-group-header-group :is(h4, .h4),
.shopify-section-group-footer-group :is(h4, .h4),
cart-drawer :is(h4, .h4) { font-size: calc(1.4rem * var(--font-heading-scale, 1)); }
.shopify-section :is(h5, .h5),
.shopify-section-group-header-group :is(h5, .h5),
.shopify-section-group-footer-group :is(h5, .h5),
cart-drawer :is(h5, .h5) { font-size: calc(1.15rem * var(--font-heading-scale, 1)); }
.shopify-section :is(h6, .h6),
.shopify-section-group-header-group :is(h6, .h6),
.shopify-section-group-footer-group :is(h6, .h6),
cart-drawer :is(h6, .h6) { font-size: 1rem; }

/* Product titles — Montserrat Bold (overrides heading font for PDP h1, body font for cards) */
.pdp__title,
.pa-card__title,
.pa-card__title a,
.custom-fc__product-title,
.collection-tabs__product-title,
.collection-tabs__product-title a,
.cart-drawer__item-title,
.cart-drawer__upsell-title,
.pa-cart__product-title,
.predictive-search__featured-product-title,
.lookbook-product__title,
.model-size-gallery__product-title {
  font-family: 'Montserrat', var(--font-body-family), sans-serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

/* PDP H1: shrink from 2.6rem (global heading rule) to a reasonable display size */
.pdp__title,
h1.pdp__title {
  font-size: clamp(18px, 2.2vw, 26px) !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;
}

/* Product card titles: prevent bleed from the section h1–h6 heading sizes */
.pa-card__title,
.custom-fc__product-title,
.collection-tabs__product-title,
.cart-drawer__item-title,
.cart-drawer__upsell-title,
.pa-cart__product-title,
.predictive-search__featured-product-title,
.lookbook-product__title,
.model-size-gallery__product-title {
  font-size: 13px !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  margin: 0 0 6px !important;
}

/* =====================================================================
   Layout: full-bleed sections, page-width inner container
   ===================================================================== */
#MainContent { width: 100%; max-width: none; padding: 0; margin: 0; }

.shopify-section,
.shopify-section-group-header-group,
.shopify-section-group-footer-group {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: 0;
}

/* Force every direct section root to span the full viewport */
.shopify-section > * {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

.section {
  width: 100%;
  padding-top: var(--section-pt, 36px);
  padding-bottom: var(--section-pb, 36px);
  background: var(--gradient-background, transparent);
  color: rgb(var(--color-foreground, 18, 18, 18));
}

.section + .section { margin-top: var(--space-section, 0); }

.page-width {
  width: 100%;
  max-width: var(--page-width, 1400px);
  margin-inline: auto;
  padding-inline: var(--page-margin, 24px);
}

.section--full-width { padding-inline: 0; }
.section--full-width > .page-width,
.section--full-width .page-width { max-width: none; padding-inline: 0; }

/* =====================================================================
   Buttons — pill style (matches PDP size selector)
   ===================================================================== */
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding: 0 18px;
  min-height: 38px;
  border-radius: 999px;
  border: 0;
  background: transparent;
  color: #b3b3b3;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: background .2s ease, color .2s ease;
}
.button > * { position: relative; z-index: 1; }
.button::before { display: none; }

.button--solid {
  background: #000;
  color: #fff;
}
.button--solid:hover { background: #1a1a1a; color: #fff; }

.button--outline,
.button--outline-static {
  background: transparent;
  color: #b3b3b3;
}
.button--outline:hover,
.button--outline-static:hover {
  background: #000;
  color: #fff;
}

.button:hover { opacity: 1; }
.button[disabled],
.button.is-disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding: 0 18px;
  min-height: 38px;
  border-radius: 999px;
  border: 0;
  background-color: #000;
  color: #fff;
  transition: background .2s ease, color .2s ease;
}
input[type="submit"]:hover { background: #1a1a1a; }

/* =====================================================================
   Inputs
   ===================================================================== */
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="url"], textarea, select {
  font: inherit;
  width: 100%;
  padding: 0.75em 1em;
  border-radius: var(--inputs-radius, 0);
  border: var(--inputs-border-width, 1px) solid rgba(var(--color-foreground, 18, 18, 18), var(--inputs-border-opacity, 0.55));
  background-color: rgb(var(--color-background, 255, 255, 255));
  color: rgb(var(--color-foreground, 18, 18, 18));
  box-shadow: var(--inputs-shadow-horizontal-offset, 0) var(--inputs-shadow-vertical-offset, 4px) var(--inputs-shadow-blur-radius, 5px) rgba(var(--color-shadow, 18, 18, 18), var(--inputs-shadow-opacity, 0));
}
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: rgb(var(--color-foreground, 18, 18, 18));
}

/* =====================================================================
   Cards
   ===================================================================== */
.card {
  position: relative;
  border-radius: var(--card-corner-radius, 0);
  border: var(--card-border-width, 0) solid rgba(var(--color-foreground, 18, 18, 18), var(--card-border-opacity, 0.1));
  box-shadow: var(--card-shadow-horizontal-offset, 0) var(--card-shadow-vertical-offset, 4px) var(--card-shadow-blur-radius, 5px) rgba(var(--color-shadow, 18, 18, 18), var(--card-shadow-opacity, 0));
  text-align: var(--card-text-alignment, left);
  overflow: hidden;
}
.card__media { padding: var(--card-image-padding, 0); }

/* =====================================================================
   Media
   ===================================================================== */
.media {
  border-radius: var(--media-radius, 0);
  border: var(--media-border-width, 0) solid rgba(var(--color-foreground, 18, 18, 18), var(--media-border-opacity, 0.05));
  box-shadow: var(--media-shadow-horizontal-offset, 0) var(--media-shadow-vertical-offset, 4px) var(--media-shadow-blur-radius, 5px) rgba(var(--color-shadow, 18, 18, 18), var(--media-shadow-opacity, 0));
  overflow: hidden;
}

/* =====================================================================
   Animations
   ===================================================================== */
@keyframes pa-reveal {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-reveal { opacity: 0; }
.animate-reveal.is-visible { animation: pa-reveal .7s ease forwards; }

.hover-vertical-lift { transition: transform .25s ease, box-shadow .25s ease; }
.hover-vertical-lift:hover { transform: translateY(-4px); }

.hover-3d-lift { transition: transform .3s ease, box-shadow .3s ease; transform-style: preserve-3d; }
.hover-3d-lift:hover { transform: perspective(800px) rotateX(3deg) rotateY(-3deg) translateY(-4px); }

/* =====================================================================
   Utilities
   ===================================================================== */
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

.grid { display: grid; gap: 1.5rem; }
.flex { display: flex; gap: 1rem; }
.center { display: flex; align-items: center; justify-content: center; }


/* =====================================================================
  BRAND BUTTONS OVERRIDE - todos los botones negros pasan a #E196B6
  ===================================================================== */
:root { --brand-btn: #E196B6; --brand-btn-hover: #d984a7; }

.button--solid,
input[type="submit"],
.pdp__atc,
.pdp__size.is-active,
.pa-card__size.is-active,
.pa-card__size-pill.is-active,
.pa-card__size:hover:not(.pa-card__size--unavailable),
.pa-card__size-pill:hover:not(:disabled),
.pdp__size:hover:not(.is-unavailable):not(.is-active),
.collection-infinite__btn:hover,
.cart-drawer__btn--primary,
.cart-drawer__btn--secondary:hover,
.cart-modal__btn--primary,
.facets__apply,
.facets__clear:hover {
  background: var(--brand-btn) !important;
  background-color: var(--brand-btn) !important;
  color: #fff !important;
  border-color: var(--brand-btn) !important;
}

.button--solid:hover,
input[type="submit"]:hover,
.pdp__atc:hover,
.cart-drawer__btn--primary:hover,
.cart-modal__btn--primary:hover,
.facets__apply:hover {
  background: var(--brand-btn-hover) !important;
  background-color: var(--brand-btn-hover) !important;
  border-color: var(--brand-btn-hover) !important;
}

.button--outline:hover,
.button--outline-static:hover {
  background: var(--brand-btn) !important;
  color: #fff !important;
}


  .button--secondary,
.btn--secondary,
a[class*="button"] {
  border: none !important;
  border-color: transparent !important;
}
.hero-banner__button {
  border: none !important;
}

}
