/** Shopify CDN: Minification failed

Line 159:0 Unexpected "<"
Line 160:2 Comments in CSS use "/* ... */" instead of "//"
Line 162:9 Expected ":"
Line 163:10 Expected ":"
Line 164:10 Expected ":"
Line 165:18 Unexpected "="
Line 166:6 Expected identifier but found "cssVars("
Line 169:12 Expected ":"
Line 171:0 Unexpected "<"

**/
@font-face {
  font-family: Oswald;
  font-weight: 400;
  font-style: normal;
  src: url("//mesa1.cl/cdn/fonts/oswald/oswald_n4.7760ed7a63e536050f64bb0607ff70ce07a480bd.woff2?h1=bWVzYTEuY2w&h2=dG9wLTgtY2wuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=bfbe2caddf57d561e58c5eb206b32cddabf77ef445a2ef9785121ad10ea7c128") format("woff2"),
       url("//mesa1.cl/cdn/fonts/oswald/oswald_n4.ae5e497f60fc686568afe76e9ff1872693c533e9.woff?h1=bWVzYTEuY2w&h2=dG9wLTgtY2wuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=405af4c443cc885ff0db4669671570cbd42a56817e09b8cdc91b49da2351914c") format("woff");
}

@font-face {
  font-family: "Eurostile Next";
  font-weight: 400;
  font-style: normal;
  src: url("//mesa1.cl/cdn/fonts/eurostile_next/eurostilenext_n4.2521c38d3ea7327c88dec1dfff998c5158426072.woff2?h1=bWVzYTEuY2w&h2=dG9wLTgtY2wuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=5ab896222e93a61ba42b54ebaadc02d16cbb0799cfe54f79dc0defb3ad6eebb2") format("woff2"),
       url("//mesa1.cl/cdn/fonts/eurostile_next/eurostilenext_n4.1a678561f27c995472f046f026f7c4ca34712102.woff?h1=bWVzYTEuY2w&h2=dG9wLTgtY2wuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=1337ba3e3db19c11faef620ce3ba9f6eee4c759d92a969cfdefa50e300583920") format("woff");
}

@font-face {
  font-family: "Eurostile Next";
  font-weight: 700;
  font-style: normal;
  src: url("//mesa1.cl/cdn/fonts/eurostile_next/eurostilenext_n7.fd4ab9a80173d0e99a12a70cfbf2828b36ef4be3.woff2?h1=bWVzYTEuY2w&h2=dG9wLTgtY2wuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=d62219f7592632afb1e97b38bcdbaef772aa248ea7f16ce5708710cb60cfe064") format("woff2"),
       url("//mesa1.cl/cdn/fonts/eurostile_next/eurostilenext_n7.211f28a012a48aea5f93947357d7177f8bcb0836.woff?h1=bWVzYTEuY2w&h2=dG9wLTgtY2wuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=f9ca4f239a739f0ef8b16f11dafbeaff1dc87248e3abd9751276e702bf3a0d80") format("woff");
}

@font-face {
  font-family: "Eurostile Next";
  font-weight: 400;
  font-style: italic;
  src: url("//mesa1.cl/cdn/fonts/eurostile_next/eurostilenext_i4.83fc55745f8409a917a27e154988370678ffcd84.woff2?h1=bWVzYTEuY2w&h2=dG9wLTgtY2wuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=69fa0c9eb2bd81a30ff30e4a69cf5e8341d3b44f53e65d5abd73cb4dc240a068") format("woff2"),
       url("//mesa1.cl/cdn/fonts/eurostile_next/eurostilenext_i4.538276988f2e1fec9be58b007107958fad575b69.woff?h1=bWVzYTEuY2w&h2=dG9wLTgtY2wuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=5b739b32f74ba6e7cf91feea9802585ace1ea6ec24623877e46b87502446a422") format("woff");
}

@font-face {
  font-family: "Eurostile Next";
  font-weight: 700;
  font-style: italic;
  src: url("//mesa1.cl/cdn/fonts/eurostile_next/eurostilenext_i7.ef7bdb4632e328b1b407cfc0ca71d9247391a2e2.woff2?h1=bWVzYTEuY2w&h2=dG9wLTgtY2wuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=5f3469969d50e409130b71d17cc3bf8b83746022c9be9f8d521f3719f07280ea") format("woff2"),
       url("//mesa1.cl/cdn/fonts/eurostile_next/eurostilenext_i7.73c89dc362355b6ba749e909ffea239aa4c19bd4.woff?h1=bWVzYTEuY2w&h2=dG9wLTgtY2wuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c7c9da113edaa235b80eed9bcdec246e7fcaf9e47a064efb04c36e6b641fb897") format("woff");
}


/* Typography */

body
{
  font-family: "Eurostile Next";
  color:var(--text-color);
  font-size:var(--text-size);
}

p, a, button, input, select
{
  color:inherit;
  font-family: "Eurostile Next";
}

h1,h2,h3,h4,h5,h6
{
  font-family: Oswald;
  margin-bottom: 16px;
}

/* General Variables */

:root {

    /* Borders */

    --border-radius: 20px;
    --border-color: #BDBDBD;
    --header-border-color: rgba(30, 52, 93, 0.3);

    /* Text */

    --text-size: 14px;
    --text-color: #5F5F5F;
    --text-font-weight: 400;
    --default-text-font-size: 15px;
    --base-text-font-size: 16px;
    --text-font-bolder-weight: 600;

    /* Typography */

    --base-font: "Eurostile Next";
    --header-font: Oswald;

    /* Colors */
    --input-background: #fff;
    --color-gradient: linear-gradient(103.4deg, #0774d7 2.77%, #005cb9 84.58%);
    --color-gradient-secondary: linear-gradient(103.4deg,#005cb9 2.77%,#0774d7 84.58%);
    --color-primary: #0774d7;
    --color-secondary: #005cb9;
    --color-page-background: #ffffff;
    --brand-secondary: #0774d7;
    --button-bg-color: #0774d7;
    --button-text-color:  #fff;
    --button-bg-hover-color: #0774d7;
    --button-text-hover-color: #fff;

    /* Padding */

    --page-padding-y: 24px;
    --page-padding-x: 40px;
    --mobile-container-gutter: 20px;
    --desktop-container-gutter: 40px;
    
  /* Product */--text-color-rgb                   :  26, 26, 26;
    --product-on-sale-accent           : #ee0000;
    --product-on-sale-accent-rgb       : 238, 0, 0;
    --product-on-sale-color            : #ffffff;
    --product-in-stock-color           : #00a500;
    --product-low-stock-color          : #ee0000;
    --product-sold-out-color           : #8a9297;
    --product-custom-label-1-background: #0774d7;
    --product-custom-label-1-color     : #ffffff;
    --product-custom-label-2-background: #00a500;
    --product-custom-label-2-color     : #ffffff;
    --product-review-star-color        : #ffbd00;

}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--color-primary);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}





<script>
  // IE11 does not have support for CSS variables, so we have to polyfill them
  if (!(((window || {}).CSS || {}).supports && window.CSS.supports('(--a: 0)'))) {
    const script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2';
    script.onload = function() {
      cssVars({});
    };

    document.getElementsByTagName('head')[0].appendChild(script);
  }
</script>