
            
            



    
    

 

            
            
:root {

  
  
  
    
  
  
      
    
  
    
        
            
    
    
    
    
    
    
    
    
    
    
  
  
  --main-foreground: #333333;
  --main-background: #FFFFFF;

  --accent-color: #6833a4;
  --secondary-color: #FFFFFF;

  --button-background: #6833a4;
  --button-foreground: #FFFFFF;

  --label-background: #6833a4;
  --label-foreground: #ffffff;

  
  --adbar-background: #6833a4;
  --adbar-foreground: #ffffff;

  --header-background: #ffffff;
  --header-foreground: #000000;
  --header-badge-background: #6833a4;
  --header-badge-foreground: #ffffff;

  --nav-desktop-background: #FFFFFF;
  --nav-desktop-foreground: #333333;

  --footer-background: #ffffff;
  --footer-foreground: #000000;

  --brands-background: ;
  --brands-foreground: ;

  --featured-background: #F4F4F4;
  --featured-foreground: #333333;

  --new-background: #F4F4F4;
  --new-foreground: #333333;

  --sale-background: #F4F4F4;
  --sale-foreground: #333333;

  --promotion-background: #F4F4F4;
  --promotion-foreground: #333333;

  --best-seller-background: #F4F4F4;
  --best-seller-foreground: #333333;

  --newsletter-background: #ffffff;
  --newsletter-foreground: #000000;

  --welcome-background: #F4F4F4;
  --welcome-foreground: #333333;

  --institutional-background: #F4F4F4;
  --institutional-foreground: #333333;

  
  
                    
  --main-foreground-opacity-05: #3333330D;
  --main-foreground-opacity-08: #33333314;
  --main-foreground-opacity-10: #3333331A;
  --main-foreground-opacity-20: #33333333;
  --main-foreground-opacity-30: #3333334D;
  --main-foreground-opacity-40: #33333366;
  --main-foreground-opacity-50: #33333380;
  --main-foreground-opacity-60: #33333399;

  --main-background-opacity-30: #FFFFFF4D;
  --main-background-opacity-40: #FFFFFF66;
  --main-background-opacity-50: #FFFFFF80;
  --main-background-opacity-80: #FFFFFFCC;
  --main-background-opacity-90: #FFFFFFE6;

  --header-foreground-opacity-10: #0000001A;

  --nav-desktop-foreground-opacity-08: #33333314;
  --nav-desktop-foreground-opacity-10: #3333331A;
  --nav-desktop-foreground-opacity-20: #33333333;

  --brands-foreground-opacity-10: 1A;

  --welcome-foreground-opacity-90: #333333E6;

  --institutional-foreground-opacity-90: #333333E6;

  --news-foreground-opacity-30: #0000004D;
  --news-foreground-opacity-50: #00000080;

  --footer-foreground-opacity-10: #0000001A;
  --footer-foreground-opacity-20: #00000033;
  --footer-foreground-opacity-50: #00000080;
  --footer-foreground-opacity-60: #00000099;
  --footer-foreground-opacity-80: #000000CC;

  
  --success: #4bb98c;
  --danger: #dd7774;
  --warning: #dc8f38;
  --info: #3d9ccc;

  
  
  --heading-font: "Sora", sans-serif;
  --body-font: "Inter", sans-serif;

  
  
  --h1: 28px;
  --h1-huge: 30px;
  --h1-huge-md: 40px;
  --h2: 24px;
  --h3: 20px;
  --h4: 18px;
  --h5: 16px;
  --h6: 14px;
  --h6-small: 12px;
 
  
  --font-huge: 24px;
  --font-largest: 20px;
  --font-large: 18px;
  --font-big: 16px;
  --font-base: 14px;
  --font-small: 12px;
  --font-smallest: 10px;

  
  
  --title-font-weight: 700;

  
  
  --gutter: 15px;
  --guter-container: 15px;
  --guter-container-md: 40px;
  --gutter-negative: calc(var(--gutter) * -1);
  --gutter-half: calc(var(--gutter) / 2);
  --gutter-half-negative: calc(var(--gutter) * -1 / 2);
  --gutter-double: calc(var(--gutter) * 2);

  
  
  --border-radius: 4px;
  --border-radius-half: calc(var(--border-radius) / 2);
  --border-radius-quarter: calc(var(--border-radius) / 4);
  --border-solid: 1px solid;
  --border-dashed: 1px dashed;

  
  --shadow-distance: 0 0 5px;

}        .home-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:1rem}
.home-section-head .section-title{margin:0}
.home-see-all{flex-shrink:0;display:inline-flex;align-items:center;min-height:40px;padding:8px 18px;border:1px solid currentColor;border-radius:999px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;color:inherit;opacity:.85;transition:opacity .2s}
.home-see-all:hover{opacity:1;text-decoration:none}
.template-home .section-featured-home{padding-top:2rem;padding-bottom:2rem}
@media(max-width:767px){.home-section-head{padding-right:15px}.home-see-all{padding:6px 14px;font-size:12px}}
.js-product-table.row-grid{align-items:stretch}
.js-product-table>.js-item-product{display:flex;flex-direction:column}
.js-product-table>.js-item-product .item-name{min-height:2.6em}
.tns-lightbox{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:56px 12px}
.tns-lightbox.open{display:flex}
.tns-lightbox img{max-width:100%;max-height:100%;object-fit:contain;background:#fff;border-radius:4px;user-select:none}
.tns-lb-close,.tns-lb-nav{position:absolute;border:0;background:rgba(255,255,255,.95);color:#111;border-radius:50%;width:44px;height:44px;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.tns-lb-close{top:10px;right:10px}
.tns-lb-nav{top:50%;transform:translateY(-50%)}
.tns-lb-nav.prev{left:10px}.tns-lb-nav.next{right:10px}

/* Cart line items */
.tns-cart-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--main-foreground-opacity-10)}
.tns-cart-thumb{flex:0 0 76px;width:76px;height:76px;border-radius:8px;overflow:hidden;background:var(--main-background);border:1px solid var(--main-foreground-opacity-10)}
.tns-cart-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.tns-cart-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.tns-cart-top{display:flex;align-items:flex-start;gap:8px}
.tns-cart-name{flex:1;font-size:13px;line-height:1.35;font-weight:600;color:var(--main-foreground)}
.tns-cart-del{flex:0 0 auto;padding:2px;opacity:.6}.tns-cart-del:hover{opacity:1}
.tns-cart-del svg{width:14px;height:14px}
.tns-cart-meta{font-size:12px;opacity:.75}
.tns-cart-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:6px}
.tns-qty{display:inline-flex;align-items:center;height:34px;border:1px solid var(--main-foreground-opacity-20,rgba(0,0,0,.18));border-radius:8px;overflow:hidden}
.tns-qty-btn{width:34px;height:34px;border:0;background:transparent;color:var(--main-foreground);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;touch-action:manipulation}
.tns-qty-btn:hover:not(:disabled){background:var(--main-foreground-opacity-10)}
.tns-qty-btn:disabled{opacity:.3;cursor:default}
.tns-qty-val{min-width:32px;text-align:center;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
/* Size required message */
.tns-size-msg{width:100%;margin-top:8px;font-size:12px;color:#c0392b}
/* Meios de envio */
.tns-ship{margin:12px 0 16px;padding:14px;border:1px solid var(--main-foreground-opacity-10);border-radius:10px}
.tns-ship-title{font-size:13px;font-weight:700;text-transform:uppercase;margin-bottom:10px}
.tns-ship-row{display:flex;gap:8px}
.tns-ship-input{flex:1;min-width:0;height:40px}
.tns-ship-btn{height:40px;padding:0 16px;white-space:nowrap}
.tns-ship-help{display:inline-block;margin-top:6px;font-size:11px;text-decoration:underline;opacity:.7}
.tns-ship-result{font-size:12px;margin-top:8px;line-height:1.45}.tns-ship-result:empty{display:none}
.tns-ship-result.is-error{color:#c0392b}.tns-ship-result.is-loading{opacity:.7}
.tns-ship-note{margin-top:6px;opacity:.75}
/* Section banners */
.tns-section-banner{padding:26px 0}
.tns-section-banner img{display:block;width:100%;height:auto;margin:0 auto}
.template-home .tns-section-banner+.section-featured-home{padding-top:1.5rem}
/* Shipping options in cart */
.tns-ship-opts{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.tns-ship-opt{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--main-foreground-opacity-20);border-radius:10px;cursor:pointer;margin:0;transition:border-color .15s,background .15s}
.tns-ship-opt input{position:absolute;opacity:0;pointer-events:none}
.tns-ship-opt-dot{flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:2px solid var(--main-foreground-opacity-40)}
.tns-ship-opt.is-selected{border-color:var(--accent-color);background:var(--main-foreground-opacity-05);box-shadow:0 0 0 1px var(--accent-color)}
.tns-ship-opt.is-selected .tns-ship-opt-dot{border-color:var(--accent-color);background:radial-gradient(var(--accent-color) 45%,transparent 50%)}
.tns-ship-opt input:focus-visible+.tns-ship-opt-dot{outline:2px solid var(--accent-color);outline-offset:2px}
.tns-ship-opt-info{flex:1;display:flex;flex-direction:column;font-size:13px;line-height:1.3}
.tns-ship-opt-info span{font-size:12px;opacity:.75}
.tns-ship-opt-price{font-size:14px}.tns-ship-opt-price.is-free{color:var(--success)}
.tns-ship-need{margin-top:10px}
/* Checkout overlay */
body.tns-co-open{overflow:hidden}
.tns-co{position:fixed;inset:0;z-index:20000;background:var(--main-background);color:var(--main-foreground);overflow-y:auto;font-family:var(--body-font)}
.tns-co-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--header-background);border-bottom:1px solid var(--main-foreground-opacity-10)}
.tns-co-title{font-family:var(--heading-font);font-weight:700;font-size:16px;text-transform:uppercase}
.tns-co-x{border:0;background:transparent;font-size:20px;cursor:pointer;color:inherit;width:36px;height:36px}
.tns-co-body{padding-top:18px;padding-bottom:40px;max-width:1040px}
.tns-co-steps{display:flex;list-style:none;padding:0;margin:0 0 20px;gap:6px}
.tns-co-steps li{flex:1;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;opacity:.45;padding-bottom:8px;border-bottom:3px solid var(--main-foreground-opacity-10)}
.tns-co-steps li span{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--main-foreground-opacity-10);font-size:11px}
.tns-co-steps li.active,.tns-co-steps li.done{opacity:1;border-color:var(--accent-color)}
.tns-co-steps li.active span,.tns-co-steps li.done span{background:var(--accent-color);color:var(--button-foreground)}
.tns-co-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:900px){.tns-co-grid{grid-template-columns:1fr 340px;align-items:start}.tns-co-sum{position:sticky;top:80px}}
.tns-co-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.tns-co-card{border:1px solid var(--main-foreground-opacity-10);border-radius:10px;padding:16px}
.tns-co-h{font-size:13px;font-weight:700;text-transform:uppercase;margin-bottom:10px}
.tns-co-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.tns-co-f{min-width:0}.tns-co-f.wide{grid-column:1/-1}
.tns-co-f label{display:block;font-size:12px;font-weight:600;margin-bottom:4px}
.tns-co-f .form-control{width:100%;height:42px}
.tns-co-f .form-control.is-invalid{border-color:var(--danger)}
.tns-co-err{font-size:12px;color:#c0392b;min-height:0}
.tns-co-muted{font-size:13px;opacity:.75}
.tns-co-next{height:48px;font-weight:700;text-transform:uppercase}
.tns-co-back,.tns-co-edit{background:none;border:0;color:var(--accent-color);font-weight:600;cursor:pointer;padding:4px 0;text-decoration:underline;font-size:13px}
.tns-co-back{align-self:center}
.tns-co-recap{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.tns-co-pay{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid var(--accent-color);border-radius:10px;margin:0;cursor:pointer}
.tns-co-pay input{accent-color:var(--accent-color);width:18px;height:18px}
.tns-co-pix{flex:0 0 auto;font-weight:800;font-size:12px;padding:6px 8px;border-radius:6px;background:#32bcad;color:#fff}
.tns-co-item{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--main-foreground-opacity-10);font-size:13px}
.tns-co-item img{width:48px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--main-foreground-opacity-10)}
.tns-co-item>div{flex:1;min-width:0}.tns-co-item-n{font-weight:600;line-height:1.3}
.tns-co-row{display:flex;justify-content:space-between;padding-top:8px;font-size:14px}
.tns-co-total{font-size:18px;font-weight:700;border-top:1px solid var(--main-foreground-opacity-10);margin-top:8px;padding-top:10px}
.tns-co-note{text-align:center;margin:0}
.tns-co-final-err:empty{display:none}
