/** Shopify CDN: Minification failed

Line 14:62 Unterminated string token
Line 15:60 Unterminated string token
Line 16:63 Unterminated string token
Line 112:0 Expected ")" to go with "("

**/
/* ============================
   FUENTE PERSONALIZADA "SOYTUS"
   ============================ */
@font-face {
  font-family: 'Soytus';
  src: url('{{ "soytus.woff2" | asset_url }}) format("woff2"),
       url('{{ "soytus.woff" | asset_url }}) format("woff"),
       url('{{ "soytus.ttf" | asset_url }}) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ============================
   CONFIGURACIÓN GLOBAL
   ============================ */
:root {
  /* Tamaños base */
  --font-size-base: 16px;
  --font-size-small: 14px;
  --font-size-large: 18px;
  --font-size-heading: 42px;

  /* Colores de texto */
  --color-text-primary: #222222; /* texto principal */
  --color-text-secondary: #555555; /* subtítulos, textos secundarios */
  --color-text-accent: #b88a44; /* dorado de lujo */

  /* Peso de fuente */
  --font-weight-normal: 400;
  --font-weight-bold: 700;
}

/* ============================
   APLICACIÓN GLOBAL
   ============================ */
body {
  font-family: 'Soytus', sans-serif;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--color-text-primary);
}

/* Títulos */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Soytus', serif;
  color: var(--color-text-accent);
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
}

/* Tamaños personalizados por nivel */
h1 { font-size: var(--font-size-heading); }
h2 { font-size: calc(var(--font-size-heading) - 6px); }
h3 { font-size: calc(var(--font-size-heading) - 10px); }

/* Textos secundarios */
p, li, span {
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
}

/* Menú principal */
.header__menu-item {
  font-family: 'Soytus', sans-serif;
  font-size: var(--font-size-large);
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold);
}

.header__menu-item:hover {
  color: var(--color-text-accent);
}

/* Botones */
button,
.shopify-payment-button__button,
.btn {
  font-family: 'Soytus', sans-serif;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-large);
  background-color: var(--color-text-accent);
  color: #fff;
  border-radius: 6px;
  transition: all 0.3s ease;
}

button:hover,
.shopify-payment-button__button:hover,
.btn:hover {
  background-color: #a07638;
}

/* Enlaces */
a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--color-text-accent);
}