/* Typography (heading) */
  @font-face {
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/kp/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
       url("/kp/remote/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
}

@font-face {
  font-family: Montserrat;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("/kp/remote/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"),
       url("/kp/remote/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff");
}

/* Typography (body) */
  @font-face {
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/kp/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
       url("/kp/remote/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
}

@font-face {
  font-family: Montserrat;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("/kp/remote/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"),
       url("/kp/remote/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff");
}

@font-face {
  font-family: Montserrat;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/kp/remote/montserrat_n6.1326b3e84230700ef15b3a29fb520639977513e0.woff2") format("woff2"),
       url("/kp/remote/montserrat_n6.652f051080eb14192330daceed8cd53dfdc5ead9.woff") format("woff");
}

@font-face {
  font-family: Montserrat;
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url("/kp/remote/montserrat_i6.e90155dd2f004112a61c0322d66d1f59dadfa84b.woff2") format("woff2"),
       url("/kp/remote/montserrat_i6.41470518d8e9d7f1bcdd29a447c2397e5393943f.woff") format("woff");
}

:root {--frete-buscar-btn: #000000;
  --frete-buscar-fonte: #fff;
   --frete-buscar-localizacao: #36b376;
   --frete-buscar-precos: #36b376;

    --box-primaria: #ffffff;
    --box-sec: #8f8f8f;
    --box-titulo: #101010;

 --relampago1: #fffbac;
     --relampago2: #bf0c61;
     --relampago3: #fef777;
--relampago4: #000;


    
--bandeiras-w-mobile: 11%;
  --bandeiras-w-desktop: 10%;
   --bandeiras-t-fonte: 12px;


--fontenavegadesk: 15px;
    --fontenavegam: 16px;



--fonteprodinicial: 18px;
--fonteprodinicialm: 15px;

    --fonteprod: 28px;
--fonteprodm: 26px;

--fontebotcompra: 16px;
--fontebotcompram: 16px;
    
--bandeiras-w-mobilec: 14%;
  --bandeiras-w-desktopc: 14%;
   --bandeiras-t-fontec: 14px;
    
    --logo-correcao-m: -12px;
 --logo-correcao-d: -9px;
  
    --arredonda-box: 2px;

    --color-parcel-prod          : #000000;
     --preco-prod: 27px;
  --preco-prodm: 23px;
 --borda-descont-pro: 16px;
    --desconto-fonte-label: 10px;

  --footer-backg: #000000;

  --footer-font: #ffffff;

    --varianteseletor: #000000;

     --setaslidefundo: #ffffff;
 --setaslidefonte: #bf0c61;
     --setaslideborda: #bf0c61;

    --setaslidebordas: 100px;
    
--pix-envio-bordageral               : 7px;
--pix-envio-bordaenvio               : 15px;
  --pix-envio-tfonte               : 13px;
 --pix-envio-tsimb              : 18px;

     --logo-ps-m              : 15px;
    --logo-pi-m              : 0px;
    --logo-ps-d              : 10px;
    --logo-pi-d              : 0px;

    --anuncio-alturam              : 38px;
    --anuncio-alturad              : 35px;
    --anuncio-fontem              : 12px;
    --anuncio-fonted              : 18px;
  
--pix-envio-fundo              : rgba(0,0,0,0);
--pix-envio-textdesc              : #000;
--pix-envio-textnopix              : #5E5E5E;
--pix-envio-simb              : #36b376;
--pix-envio-enviofundo              : #000000;
--pix-envio-enviotexto              : #fff;



    --p1-radius          : 10px;
    --p1-l-radius          : 10px;
    --p1-ms           : 5px;
    --p1-mi           : 5px;
    --p1-fundo           : #f7f7f7;
    --p1-borda           : #ffffff;
    --p1-cor-campo          : #000;
    --p1-cor-aviso          : #7b1e1e;
    --p1-cor-holder           : #9c9c9c;

    

--product-truck-background         : #000000;
    --color-frete-fundo                : #fff;
    --product-truck-color              : #fff;
    --product-free-shipping-color      : #000;
    --product-localization-color       : #36b376;
    --product-icon-return-color        : ;
    --product-return-color             : ;

    
--popup_button_right         : px; 
--popup_size-color           : #000000; 
--popup_text_medidas-color   : #ffffff; 
--popup_border               : 7px;  
--popup_show-color           : #ffffff;  
--popup_text-color           : #000;             
--icon_popup_image:          : ; 
--popup_text_titulo:          : #000; 
    
    --alt-bot-qnt: 60px;
  --borda-bot-qnt: 7px;
  --borda-atv-parcelamento: 4px;
    --borda-atv-parcelamento2: #dfdfdf;
  --fonte-wht: 15px;

   --fonte1m-colecao: 24px;
   --fonte1d-colecao: 30px;
    --selito-lar: 40px;
--selito-larm: 42px;
    --fonte2m-colecao: 26px;
   --fonte2d-colecao: 30px;

 --color-bolinha-b: #bf0c61;
    --color-bolinha-f: #ffffff;


 --social-radius :4px;
    --social-mard :2px;
    --social-mari :2px;
    --social-bord-cor :#dedede;
     --social-icon-cor :#0e0e0e;
    --social-icon-back :#ffffff;

--continuar-fundo :#fff;
    --continuar-texto :#000;
    --continuar-borda :#000;
    

--cookie-fontegeral : #000;
--cookie-fundogeral : #ededed;
--cookie-aceitarfundo : #008026;
--cookie-aceitarfonte : #fff;
--cookie-recusarfundo : #fa0000;
--cookie-recusarfonte : #fff;
--cookie-fonte : 14px;

    
    --color-primary-parcelamento: #1d1d1d;
    --color-secondary-parcelamento: #565c69;
    --color-terciary-parcelamento: #b6bbc2;
    --color-active-parcelamento: var(--color-terciary-parcelamento);
    --color-quart-parcelamento: #ffffff;
    --color-quint-parcelamento: #000000;

    --wpp_cor1: #36b376;
    --wpp_cor2: #ffffff;
    --wpp_cor3: #36b376;
    --wpp_cor4: #ffffff;
     --wpp_cor5: #36b376;
    --wpp_spc: 0.2pt;

    --label-desconto: #bf0c61;
    --fonte-desconto: #fff;

    --back-vendidos: #f5f5f5;
    --fonte-vendidos: #a7a5a5;
    --back-exclusivo: #f2c68c;
    --fonte-exclusivo: #000;

    --back-exclusivo2: #000;
    --fonte-exclusivo2: #FFF;


--color-barcopy-fundo: #f5f5f5;
--color-barcopy-fonte: #000000;
    
      --color-primary-whatsapp: #36b376;
     --color-secundary-whatsapp: #ffffff;
    --color-terciary-whatsapp: #fefefe;
    --color-accent-whatsapp: #fff;

    --colorp-progress: #f1f1f1;
    --colors-progress: #e2a696;

    --alt-progress: 10px;
    --font-progress: 13px;
    
    --heading-color: 40, 40, 40;
    --text-color: 0, 0, 0;
    --background: 255, 255, 255;
    --secondary-background: 255, 255, 255;
    --border-color: 217, 217, 217;
    --border-color-darker: 153, 153, 153;
    --success-color: 46, 158, 123;
    --success-background: 213, 236, 229;
    --error-color: 222, 42, 42;
    --error-background: 253, 240, 240;
    --primary-button-background: 0, 0, 0;
    --primary-button-text-color: 255, 255, 255;
    --secondary-button-background: 0, 0, 0;
    --secondary-button-text-color: 255, 255, 255;
    --product-star-rating: 246, 164, 41;
    --product-on-sale-accent: 51, 51, 51;
    --product-sold-out-accent: 249, 12, 12;
    --product-custom-label-background: 19, 19, 19;
    --product-custom-label-text-color: 255, 255, 255;
    --product-custom-label-2-background: 243, 255, 52;
    --product-custom-label-2-text-color: 0, 0, 0;
    --product-low-stock-text-color: 222, 42, 42;
    --product-in-stock-text-color: 46, 158, 123;
    --loading-bar-background: 0, 0, 0;

    /* We duplicate some "base" colors as root colors, which is useful to use on drawer elements or popover without. Those should not be overridden to avoid issues */
    --root-heading-color: 40, 40, 40;
    --root-text-color: 0, 0, 0;
    --root-background: 255, 255, 255;
    --root-border-color: 217, 217, 217;
    --root-primary-button-background: 0, 0, 0;
    --root-primary-button-text-color: 255, 255, 255;

    --base-font-size: 17px;
    --heading-font-family: Montserrat, sans-serif;
    --heading-font-weight: 400;
    --heading-font-style: normal;
    --heading-text-transform: normal;
    --text-font-family: Montserrat, sans-serif;
    --text-font-weight: 400;
    --text-font-style: normal;
    --text-font-bold-weight: 600;

    /* Typography (font size) */
    --heading-xxsmall-font-size: 11px;
    --heading-xsmall-font-size: 11px;
    --heading-small-font-size: 12px;
    --heading-large-font-size: 36px;
    --heading-h1-font-size: 36px;
    --heading-h2-font-size: 30px;
    --heading-h3-font-size: 26px;
    --heading-h4-font-size: 24px;
    --heading-h5-font-size: 20px;
    --heading-h6-font-size: 16px;

    /* Control the look and feel of the theme by changing radius of various elements */
    --button-border-radius: 10px;
    --block-border-radius: 16px;
    --block-border-radius-reduced: 8px;
    --color-swatch-border-radius: 100%;

    /* Button size */
    --button-height: 48px;
    --button-small-height: 40px;

    /* Form related */
    --form-input-field-height: 48px;
    --form-input-gap: 16px;
    --form-submit-margin: 24px;

    /* Product listing related variables */
    --product-list-block-spacing: 32px;

    /* Video related */
    --play-button-background: 255, 255, 255;
    --play-button-arrow: 0, 0, 0;

    /* RTL support */
    --transform-logical-flip: 1;
    --transform-origin-start: left;
    --transform-origin-end: right;

    /* Other */
    --zoom-cursor-svg-url: url(/kp/remote/zoom-cursor.svg);
    --arrow-right-svg-url: url(/kp/remote/arrow-right.svg);
    --arrow-left-svg-url: url(/kp/remote/arrow-left.svg);

    /* Some useful variables that we can reuse in our CSS. Some explanation are needed for some of them:
       - container-max-width-minus-gutters: represents the container max width without the edge gutters
       - container-outer-width: considering the screen width, represent all the space outside the container
       - container-outer-margin: same as container-outer-width but get set to 0 inside a container
       - container-inner-width: the effective space inside the container (minus gutters)
       - grid-column-width: represents the width of a single column of the grid
       - vertical-breather: this is a variable that defines the global "spacing" between sections, and inside the section
                            to create some "breath" and minimum spacing
     */
    --container-max-width: 1600px;
    --container-gutter: 24px;
    --container-max-width-minus-gutters: calc(var(--container-max-width) - (var(--container-gutter)) * 2);
    --container-outer-width: max(calc((100vw - var(--container-max-width-minus-gutters)) / 2), var(--container-gutter));
    --container-outer-margin: var(--container-outer-width);
    --container-inner-width: calc(100vw - var(--container-outer-width) * 2);

    --grid-column-count: 10;
    --grid-gap: 24px;
    --grid-column-width: calc((100vw - var(--container-outer-width) * 2 - var(--grid-gap) * (var(--grid-column-count) - 1)) / var(--grid-column-count));

    --vertical-breather: 36px;
    --vertical-breather-tight: 36px;

    /* Shopify related variables */
    --payment-terms-background-color: #ffffff;
  }

  @media screen and (min-width: 741px) {
    :root {
      --container-gutter: 40px;
      --grid-column-count: 20;
      --vertical-breather: 48px;
      --vertical-breather-tight: 48px;

      /* Typography (font size) */
      --heading-xsmall-font-size: 12px;
      --heading-small-font-size: 13px;
      --heading-large-font-size: 52px;
      --heading-h1-font-size: 48px;
      --heading-h2-font-size: 38px;
      --heading-h3-font-size: 32px;
      --heading-h4-font-size: 24px;
      --heading-h5-font-size: 20px;
      --heading-h6-font-size: 18px;

      /* Form related */
      --form-input-field-height: 52px;
      --form-submit-margin: 32px;

      /* Button size */
      --button-height: 52px;
      --button-small-height: 44px;
    }
  }

  @media screen and (min-width: 1200px) {
    :root {
      --vertical-breather: 64px;
      --vertical-breather-tight: 48px;
      --product-list-block-spacing: 48px;

      /* Typography */
      --heading-large-font-size: 64px;
      --heading-h1-font-size: 56px;
      --heading-h2-font-size: 48px;
      --heading-h3-font-size: 36px;
      --heading-h4-font-size: 30px;
      --heading-h5-font-size: 24px;
      --heading-h6-font-size: 18px;
    }
  }

  @media screen and (min-width: 1600px) {
    :root {
      --vertical-breather: 64px;
      --vertical-breather-tight: 48px;
    }
  }


/* Desktop */
a.header__linklist-link[href="/collections/look-pronto"] {
  color: #c40000 !important;
}

/* Mobile */
a.mobile-nav__link[href="/collections/look-pronto"] {
  color: #c40000 !important;
}