/** Shopify CDN: Minification failed

Line 33:0 All "@import" rules must come first

**/
/* ============================================
   ADVERCASE FONT - Professional Implementation
   Best Practices 2025: WOFF2, font-display swap, 
   proper fallbacks, unicode-range optimization
   ============================================ */

/* Advercase Regular - Weight 400 */
@font-face {
  font-family: 'Advercase';
  src: url('AdvercaseFont-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Advercase Bold - Weight 700 */
@font-face {
  font-family: 'Advercase';
  src: url('AdvercaseFont-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Google Fonts Inter for body text */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  /* Body font remains Inter */
  --font-body-family-override: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  
  /* Heading font now uses Advercase with proper fallbacks */
  --font-heading-family-override: 'Advercase', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  
  /* Weight variables */
  --font-body-weight-override: 400;
  --font-body-weight-bold-override: 500;
  --font-heading-weight-override: 400;
  
  /* Letter spacing for headings - 0.4px */
  --font-heading-letter-spacing: 0.4px;
  
  /* Letter spacing for body */
  --font-body-letter-spacing: -0.3px;
}

/* ============================================
   BODY TEXT STYLES
   ============================================ */
body,
p,
.text-body,
button,
input,
select,
textarea {
  font-family: var(--font-body-family-override) !important;
  letter-spacing: var(--font-body-letter-spacing) !important;
}

/* ============================================
   HEADING STYLES - ADVERCASE IMPLEMENTATION
   SOLO H1 y H2 - Con font-weight 400 y letter-spacing 0.4px
   ============================================ */
h1,
.h1 {
  font-family: var(--font-heading-family-override) !important;
  font-weight: 400 !important;
  letter-spacing: 0.4px !important;
}

h2,
.h2 {
  font-family: var(--font-heading-family-override) !important;
  font-weight: 400 !important;
  letter-spacing: 0.4px !important;
}

/* ============================================
   INTERFACE ELEMENTS - Keep Inter
   ============================================ */
.announcement-bar__message,
.button,
.quantity__input,
.field__input,
.select__select,
.form__label,
.caption,
.caption-with-letter-spacing,
.price,
.product-form__input,
.product-form label,
.cart-items,
.cart__footer,
.cart__note,
.customer,
.article,
.article__content,
.newsletter__form,
.pagination,
.footer,
.footer__blocks,
.footer__content-top,
.footer__content-bottom,
.localization-form,
.header,
.header__menu-item,
.header__submenu,
.predictive-search,
.collection,
.collection-hero,
.facets,
.product-grid {
  font-family: var(--font-body-family-override) !important;
  letter-spacing: var(--font-body-letter-spacing) !important;
}

/* Override any specific letter-spacing that might interfere */
.caption-with-letter-spacing,
.caption-large, 
.subtitle {
  letter-spacing: var(--font-body-letter-spacing) !important;
}

/* ============================================
   BOLD TEXT DENTRO DE H1 y H2
   Uses Advercase Bold (700 weight)
   ============================================ */
h1 strong, h1 b,
h2 strong, h2 b,
.h1 strong, .h1 b,
.h2 strong, .h2 b {
  font-weight: 700 !important;
  font-family: var(--font-heading-family-override) !important;
  letter-spacing: 0.4px !important;
} 