/** Shopify CDN: Minification failed

Line 92:94 Expected ")" to end URL token

**/
/* Optimizaciones adicionales para las fuentes de Crocs */

/* Preload de fuentes críticas */
@font-face {
  font-family: 'TTCrocsThin';
  src: url('/cdn/shop/files/TTCrocsThin.ttf?v=1752515367') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  font-preload: true;
}

@font-face {
  font-family: 'TTCrocsExtraLight';
  src: url('/cdn/shop/files/TTCrocsExtraLight.ttf?v=1752515367') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  font-preload: true;
}

@font-face {
  font-family: 'TTCrocsLight';
  src: url('/cdn/shop/files/TTCrocsLight.ttf?v=1752515367') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-preload: true;
}

@font-face {
  font-family: 'TTCrocsRegular';
  src: url('/cdn/shop/files/TTCrocsRegular.ttf?v=1752515367') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  font-preload: true;
}

@font-face {
  font-family: 'TTCrocsNormal';
  src: url('/cdn/shop/files/TTCrocsNormal.ttf?v=1752515367') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  font-preload: true;
}

@font-face {
  font-family: 'TTCrocsMedium';
  src: url('/cdn/shop/files/TTCrocsMedium.ttf?v=1752515367') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  font-preload: true;
}

@font-face {
  font-family: 'TTCrocsDemiBold';
  src: url('/cdn/shop/files/TTCrocsDemiBold.ttf?v=1752515367') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-preload: true;
}

@font-face {
  font-family: 'TTCrocsBold';
  src: url('/cdn/shop/files/KarlSTBlack.otf?v=1752810379') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  font-preload: true;
}

@font-face {
  font-family: 'TTCrocsExtraBold';
  src: url('/cdn/shop/files/KarlSTBlack.otf?v=1752810379') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  font-preload: true;
}

@font-face {
  font-family: 'TTCrocsBlack';
  src: url(/cdn/shop/files/KarlSTBlack.otf?v=1752810379') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  font-preload: true;
}

@font-face {
  font-family: 'TTCrocsExtraBlack';
  src: url('/cdn/shop/files/KarlSTUltraBlack.otf?v=1752810380') format('truetype');
  font-weight: 950;
  font-style: normal;
  font-display: swap;
  font-preload: true;
}

/* Asegurar que las fuentes se apliquen correctamente en todos los elementos */
html {
  font-family: 'TTCrocsRegular', Arial, sans-serif !important;
}

body {
  font-family: 'TTCrocsRegular', Arial, sans-serif !important;
  font-weight: 400 !important;
}

/* Headers con Crocs Bold */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'TTCrocsBold', Arial, sans-serif !important;
  font-weight: 700 !important;
}

/* Texto del cuerpo con Crocs Regular */
p, span, div, a, li {
  font-family: 'TTCrocsRegular', Arial, sans-serif !important;
  font-weight: 400 !important;
}

/* Elementos destacados con Crocs Bold */
strong, b, .button, .btn {
  font-family: 'TTCrocsBold', Arial, sans-serif !important;
  font-weight: 700 !important;
}

/* Navegación con Crocs DemiBold */
nav, .nav, .navigation,
.thb-full-menu a,
.thb-secondary-area--item {
  font-family: 'TTCrocsDemiBold', Arial, sans-serif !important;
  font-weight: 600 !important;
}

/* Productos con fuentes específicas */
.product-title {
  font-family: 'TTCrocsBold', Arial, sans-serif !important;
  font-weight: 700 !important;
}

.product-description {
  font-family: 'TTCrocsRegular', Arial, sans-serif !important;
  font-weight: 400 !important;
}

.product-price {
  font-family: 'TTCrocsBold', Arial, sans-serif !important;
  font-weight: 700 !important;
}

/* Formularios con Crocs Regular */
input, textarea, select {
  font-family: 'TTCrocsRegular', Arial, sans-serif !important;
  font-weight: 400 !important;
}

/* Slider LOP con Crocs Bold */
.LOP-slider *,
.LOP-slider-wrapper *,
.LOP-slide-content *,
.LOP-title,
.LOP-btn,
.LOP-subtitle {
  font-family: 'TTCrocsBold', Arial, sans-serif !important;
  font-weight: 700 !important;
}

/* Override final para asegurar que no haya conflictos */
* {
  font-family: 'TTCrocsRegular', Arial, sans-serif !important;
}

/* Elementos que deben usar Crocs Bold */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.product-title,
.section-header h1,
.section-header h2,
.section-header h3,
.LOP-title,
.LOP-btn {
  font-family: 'TTCrocsBold', Arial, sans-serif !important;
  font-weight: 700 !important;
}

/* Elementos que deben usar Crocs DemiBold */
strong, b, .button, .btn,
.navigation,
.thb-full-menu a,
.product-price,
.price {
  font-family: 'TTCrocsDemiBold', Arial, sans-serif !important;
  font-weight: 600 !important;
}

/* Todo lo demás usa Crocs Regular */
body, p, span, div, a, li, input, textarea, select {
  font-family: 'TTCrocsRegular', Arial, sans-serif !important;
  font-weight: 400 !important;
}