/** Shopify CDN: Minification failed

Line 253:17 Unexpected "{"
Line 253:26 Expected ":"
Line 254:17 Unexpected "{"
Line 254:26 Expected ":"
Line 358:0 Expected "}" to go with "{"

**/
/* ========================================================
   CUSTOM CSS - UNDRSTND
   Mantener separado del base.css para prioridades
   ======================================================== */

/* ===============================
   1. FUENTES PERSONALIZADAS
   =============================== */

/* EuropaGroteskSH-Bold */
@font-face {
  font-family: 'EuropaGroteskSH-Bold';
  src: url('/cdn/shop/files/EuropaGroteskSH-Bol.woff2?v=1745492287') format('woff2');
  font-weight: bold;
  font-style: normal;
}

/* Aplicar EuropaGroteskSH-Bold como fuente principal */
body, h1, h2, h3, h4, h5, h6,
p, span, li, a,
.button, .btn,
.product__title, .product__description,
.collection-hero__title, .collection-description,
.header__heading, .site-header__title,
.rich-text__heading, .rich-text__text,
.footer, .footer__content, .footer__heading {
  font-family: 'EuropaGroteskSH-Bold', sans-serif !important;
}

/* Montserrat (nativa Shopify) como fuente secundaria */
.fuente-fina {
  font-family: 'Montserrat', sans-serif !important;
}

/* Aplicar Montserrat en zonas secundarias */
.product__description, .product__text, .price, .caption,
.caption-large, .subheading, .card__information, .footer__content,
.footer__small-text, .shopify-payment-button__button,
.button--secondary, .text--subdued, .badge {
  font-family: 'Montserrat', sans-serif !important;
}

/* ===============================
   2. VARIABLES PERSONALIZADAS
   =============================== */
:root {
  --alpha-button-background: 1;
  --alpha-button-border: 1;
  --alpha-link: 0.85;
  --alpha-badge-border: 0.1;
  --focused-base-outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  --focused-base-outline-offset: 0.3rem;
  --focused-base-box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

/* ===============================
   3. TARJETAS Y CONTENEDORES
   =============================== */

/* Productos */
.product-card-wrapper .card,
.contains-card--product {
  --border-radius: var(--product-card-corner-radius);
  --border-width: var(--product-card-border-width);
  --border-opacity: var(--product-card-border-opacity);
  --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--product-card-shadow-blur-radius);
  --shadow-opacity: var(--product-card-shadow-opacity);
  --shadow-visible: var(--product-card-shadow-visible);
  --image-padding: var(--product-card-image-padding);
  --text-alignment: var(--product-card-text-alignment);
}

/* Colecciones */
.collection-card-wrapper .card,
.contains-card--collection {
  --border-radius: var(--collection-card-corner-radius);
  --border-width: var(--collection-card-border-width);
  --border-opacity: var(--collection-card-border-opacity);
  --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--collection-card-shadow-blur-radius);
  --shadow-opacity: var(--collection-card-shadow-opacity);
  --shadow-visible: var(--collection-card-shadow-visible);
  --image-padding: var(--collection-card-image-padding);
  --text-alignment: var(--collection-card-text-alignment);
}

/* Artículos / Blog */
.article-card-wrapper .card,
.contains-card--article {
  --border-radius: var(--blog-card-corner-radius);
  --border-width: var(--blog-card-border-width);
  --border-opacity: var(--blog-card-border-opacity);
  --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--blog-card-shadow-blur-radius);
  --shadow-opacity: var(--blog-card-shadow-opacity);
  --shadow-visible: var(--blog-card-shadow-visible);
  --image-padding: var(--blog-card-image-padding);
  --text-alignment: var(--blog-card-text-alignment);
}

/* Contenedores de texto */
.contains-content-container,
.content-container {
  --border-radius: var(--text-boxes-radius);
  --border-width: var(--text-boxes-border-width);
  --border-opacity: var(--text-boxes-border-opacity);
  --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
  --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
  --shadow-opacity: var(--text-boxes-shadow-opacity);
  --shadow-visible: var(--text-boxes-shadow-visible);
}

/* Contenedores de medios (imágenes, vídeos, modelos 3D) */
.contains-media,
.global-media-settings {
  --border-radius: var(--media-radius);
  --border-width: var(--media-border-width);
  --border-opacity: var(--media-border-opacity);
  --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--media-shadow-vertical-offset);
  --shadow-blur-radius: var(--media-shadow-blur-radius);
  --shadow-opacity: var(--media-shadow-opacity);
  --shadow-visible: var(--media-shadow-visible);
}
/* --- Ocultar "Powered by Shopify" en la password page --- */
.shopify-policy__container,
.shopify-section--powered-by,
.password__footer,
.password-login,
.shopify-design-mode [data-shopify="powered_by"] {
  display: none !important;
}
/* Botón Shop Now estilo UNDRSTND */
.custom-minimal-button {
  display: inline-block;
  background-color: #ffffff; /* fondo blanco */
  color: #000000; /* texto negro */
  border: 1px solid rgba(0, 0, 0, 0.15); /* borde sutil */
  padding: 1rem 2rem; /* más grande que Dawn */
  font-weight: 700; /* bold */
  font-size: 1.25rem; /* tamaño mayor */
  font-family: var(--font-primary, 'Helvetica', sans-serif); /* tipografía de UNDRSTND */
  text-align: center;
  text-decoration: none;
  border-radius: 0; /* esquinas cuadradas */
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

/* Hover: invertir colores y dar sombra */
.custom-minimal-button:hover {
  background-color: #000000;
  color: #ffffff;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.2);
  transform: translateY(-0.05rem);
}

/* Móvil: adaptar tamaño */
@media screen and (max-width: 749px) {
  .custom-minimal-button {
    font-size: 1rem;
    padding: 0.8rem 1.6rem;
  }
}
/* Texto del banner forzado a blanco */
.banner__heading,
.banner__text p {
  color: #ffffff !important;
}
/* Segundo banner: comportamiento igual al primer banner */
.banner-second {
  position: relative;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;       /* centra verticalmente */
  justify-content: center;   /* centra horizontalmente */
  text-align: center;
  width: 100%;
  min-height: 300px;         /* ajustar según imagen */
}

.banner-second .banner__content {
  max-width: 90%;
  margin: 0 auto;
  color: #fff;               /* texto blanco sobre imagen */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.banner-second .banner__title {
  font-size: 2rem;           /* ajustar según diseño */
  margin-bottom: 10px;
}

.banner-second .banner__text {
  font-size: 1rem;
  margin-bottom: 15px;
}

.banner-second .banner__button {
  display: inline-block;
}

/* Ajuste para móviles */
@media screen and (max-width: 749px) {
  .banner-second {
    min-height: 250px;       /* menor altura en móvil */
  }
  .banner-second .banner__title {
    font-size: 1.5rem;
  }
  .banner-second .banner__text {
    font-size: 0.9rem;
  }

}
  span.product__media-icon.motion-reduce.quick-add-hidden.product__media-icon--lightbox {
  display: none;
}
@media screen and (max-width: 749px) {
  /* Oculta flechas */
  .splide__arrows {
    display: none !important;
  }
  /* Oculta contador */
  .product__media-count {
    display: none !important;
  }
}
body.password a {
  font-family: 'EuropaGroteskSH-Bold', sans-serif;
  font-weight: bold;
}
/* Aislar product media gallery - Desktop */
@media screen and (min-width: 750px) {
  #MediaGallery-{{ section.id }} .grid__item,
  #MediaGallery-{{ section.id }} .product__media-item {
    width: 100% !important;   /* fuerza full-width en desktop */
    max-width: 100% !important;
    flex: none !important;     /* evita que las reglas de grid interfieran */
  }
.page-width {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  overflow: visible;
}

/* Contenedor grid flex */
.product.grid {
  display: flex !important;
  gap: 80px;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

/* El wrapper de la imagen se mueve al borde del viewport */
.product__media-wrapper {
  flex: 0 0 600px;
  max-width: 600px;
  margin-left: calc(-1 * (20px)); /* Saca el padding de .page-width */
  padding: 0;
  box-sizing: border-box;
}

/* El info a la derecha mantiene su tamaño */
.product__info-wrapper {
  flex: 0 0 400px;
  max-width: 400px;
  margin-left: auto;
  padding-left: 0;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
}

/* Espacio extra entre header y título */
.product__info-wrapper h1 {
  margin-top: 40px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.2;
}

/* Padding derecho para info */
.product__info-wrapper > * {
  padding-right: 10px;
}
/* Ocultar icono de cuenta en header Dawn */
.header__icon--account {
  display: none !important;
}
/* Tipografía alternativa para descripción de productos */
.product__description,
.product__description p {
  font-family: var(--font-heading-family) !important; /* usa la segunda tipografía */
}
/* Forzar tipografía secundaria en toda la descripción de producto */
.product__description,
.product__description.rte,
.product__description p,
.product__description li {
  font-family: var(--font-heading-family) !important;
}
.size-guide-trigger {
  margin-top: 12px;
}

.size-guide-trigger a {
  font-size: 14px;
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
}
/* Size guide: negro con subrayado */
.size-guide-trigger a {
  color: #000000;       /* negro */
  text-decoration: underline; /* subrayado */
  font-weight: 500;     /* opcional, un poco más de presencia */
}
/* Fuerza tipografía secundaria en descripción (desktop + móvil) */
.product__description,
.product__description * ,
.product-popup-modal__content .product__description,
.rte,
.rte * {
  font-family: "Montserrat", sans-serif !important;
  font-weight: inherit !important;
  font-style: inherit !important;
}
/* Forzar Montserrat en el contenido de Envíos y Devoluciones */
.collapsible-row__content,
.collapsible-row__content p,
.collapsible-row__content li,
.collapsible-row__summary span {
  font-family: 'Montserrat', sans-serif !important;
}