/** Shopify CDN: Minification failed

Line 11:14 Expected identifier but found whitespace
Line 11:15 Unexpected "24px"
Line 125:0 Unexpected "}"
Line 147:0 Unexpected "}"
Line 282:1 Expected "}" to go with "{"

**/
/* ===== Menú móvil premium ===== */
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

  font-size: 18px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* ===== Botones premium generales ===== */
.button,
.button--primary,
.shopify-payment-button__button {
  background-color: #c9a227 !important;
  color: #000000 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

/* Hover en botones */
.button:hover,
.button--primary:hover,
.shopify-payment-button__button:hover,
.shopify-challenge__button:hover {
  filter: drop-shadow(0 0 8px rgba(201, 162, 39, 0.55));
}

/* ===== Tamaño del logo del header ===== */
.header__heading-logo,
.header__heading-logo img,
.header__heading-logo svg {
  width: 220px !important;
  max-width: 220px !important;
  height: auto !important;
}

/* ===== Reencuadrar imagen del taller ===== */
.banner__media img {
  object-position: center 30% !important;
}

/* ===== Botón flotante “volver arriba” ===== */
.ddg-back-to-top {
  position: fixed;
  right: 16px;
  bottom: 16px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: #c9a227;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.45);
  z-index: 50;
  border: 1px solid #f0d36c;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
  transform: translateY(8px);
}

.ddg-back-to-top.ddg-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.ddg-back-to-top:hover {
  box-shadow: 0 0 16px rgba(201, 162, 39, 0.8);
  transform: translateY(-2px);
}

.ddg-back-to-top svg {
  width: 18px;
  height: 18px;
}/* TEST TEMPORAL */
body {
  outline: 5px solid red !important;
}/* Quitar el espacio entre el header y el primer bloque */
main#MainContent .shopify-section:first-child {
  margin-top: 0 !important;
}/* Quitar hueco entre el header y el primer banner en móvil */
@media screen and (max-width: 749px) {
  .template-index main#MainContent {
    padding-top: 0 !important;
  }

  .template-index .shopify-section:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}/* Versión móvil: hacer el header sticky mucho más bajo */
@media screen and (max-width: 749px) {
  /* Reducimos altura del propio header cuando está sticky */
  .shopify-section-header-sticky .header {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  /* Encogemos bastante el logo cuando está sticky */
  .shopify-section-header-sticky .header__heading-logo,
  .shopify-section-header-sticky .header__heading-logo img,
  .shopify-section-header-sticky .header__heading-logo svg {
    width: 110px !important;
    max-width: 110px !important;
    height: auto !important;
  }
  }
}/* Header compacto al hacer scroll */
.header-wrapper {
  transition: padding 0.25s ease, background-color 0.25s ease;
}

.header-wrapper .header__heading-logo,
.header-wrapper .header__heading-logo img,
.header-wrapper .header__heading-logo svg {
  transition: max-width 0.25s ease;
}

/* Cuando el header está compacto */
.header-wrapper.header-wrapper--compact {
  padding-top: 6px;
  padding-bottom: 6px;
}

.header-wrapper.header-wrapper--compact .header__heading-logo,
.header-wrapper.header-wrapper--compact .header__heading-logo img,
.header-wrapper.header-wrapper--compact .header__heading-logo svg {
  max-width: 140px;
}
}/* ===========================
   HEADER COMPACTO AL HACER SCROLL
   =========================== */

/* Transición suave del header */
.header-wrapper {
  transition: padding 0.25s ease,
              background-color 0.25s ease,
              box-shadow 0.25s ease,
              transform 0.25s ease;
}

/* Estado compacto cuando hacemos scroll */
.header-wrapper--compact {
  padding-top: 4px;
  padding-bottom: 4px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
}

/* Hacer el logo más pequeño en el header compacto */
.header-wrapper--compact .header__heading-logo,
.header-wrapper--compact .header__heading-logo img,
.header-wrapper--compact .header__heading-logo svg {
  max-width: 140px !important;
  height: auto !important;
}/* Reducir el alto total del header cuando está compacto */
.header-wrapper--compact .header {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  min-height: 60px !important;
}/* Desactivar header fijo en pantallas pequeñas */
@media screen and (max-width: 749px) {
  .shopify-section-header-sticky,
  .shopify-section-header-sticky .header-wrapper,
  .section-header {
    position: static !important;
  }
}/* Arreglar desbordamiento lateral solo en la página de catálogo */
.template-collection {
  overflow-x: hidden !important;
}

.template-collection .page-width {
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box;
}

/* Asegurar que las tarjetas de producto no se salgan */
.template-collection .card,
.template-collection .card-wrapper,
.template-collection .card__inner,
.template-collection .card__content {
  max-width: 100% !important;
  box-sizing: border-box;
}/* Arreglo definitivo: impedir que el header se desborde en móviles y tablets */
.header-wrapper,
.header,
.shopify-section-header-sticky,
.shopify-section-header-sticky .header-wrapper {
  max-width: 100vw !important;
  width: 100vw !important;
  overflow-x: hidden !important;
  left: 0 !important;
  right: 0 !important;
}

/* Ajustar el contenedor interno para que no empuje */
.header__heading,
.header__heading-logo,
.header__icons,
.header__icons-wrapper {
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box;
}body {
  overflow-x: hidden !important;
}/* Bloquear cualquier desbordamiento horizontal global */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Por si el contenedor principal del catálogo se sale 1px */
.template-collection,
.template-collection .shopify-section,
.template-collection .page-width {
  margin-right: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box;
  
/* ===== MENÚ MÓVIL ESTILO TABLET (SIN CAJÓN LATERAL) ===== */
@media screen and (max-width: 749px) {

  /* Mostrar el menú de enlaces igual que en escritorio/tablet */
  .header__inline-menu {
    display: flex !important;
  }

  .header__inline-menu .list-menu {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 0.75rem;
    column-gap: 1.5rem;
  }

  /* Ocultar el icono de menú (3 rayas) y el cajón lateral */
  .header__icon--menu,
  .menu-drawer,
  .menu-drawer__overlay {
    display: none !important;
  }
}/* ============================
   FONDO NEGRO PÁGINA CARRITO
   ============================ */

.template-cart,
.template-cart .shopify-section,
.template-cart .page-width,
.template-cart .cart__warnings,
.template-cart .cart-items,
.template-cart .cart__footer,
.template-cart .cart__footer-wrapper {
  background-color: #000000 !important;
  color: #f4d47b !important; /* dorado suave para el texto */
}

/* Que los enlaces de texto del carrito también vayan en dorado */
.template-cart a {
  color: #f4d47b !important;
}