style: one more step up for the text and icons
All checks were successful
Build and deploy / Validate source (push) Successful in 5s
Build and deploy / Integration suite on a real stack (push) Successful in 2m36s
Build and deploy / Secret scan and release gate (push) Successful in 7s
Build and deploy / Publish images (push) Successful in 1m6s
All checks were successful
Build and deploy / Validate source (push) Successful in 5s
Build and deploy / Integration suite on a real stack (push) Successful in 2m36s
Build and deploy / Secret scan and release gate (push) Successful in 7s
Build and deploy / Publish images (push) Successful in 1m6s
Every Site text size up to 18 px grows another pixel, the Kanban's up to 14 px half a pixel, and the icons one pixel. The pay button grows to two lines when "Pagar os N itens de uma vez" no longer fits on one. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Cauê Faleiros
320
web/index.html
320
web/index.html
@@ -41,7 +41,7 @@ section+section{border-top:1px solid var(--linha)}
|
||||
|
||||
/* tarja rotativa, como no site */
|
||||
.tarja{background:var(--laranja);color:#111;text-align:center;padding:8px 16px;
|
||||
font-family:"Inter",sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.02em}
|
||||
font-family:"Inter",sans-serif;font-weight:700;font-size:14.5px;letter-spacing:.02em}
|
||||
.tarja a{color:#111;text-decoration:none}
|
||||
|
||||
/* topo */
|
||||
@@ -54,10 +54,10 @@ section+section{border-top:1px solid var(--linha)}
|
||||
.logotexto i{font-style:normal;color:var(--laranja)}
|
||||
.busca{flex:1;max-width:420px;position:relative}
|
||||
.busca input{width:100%;padding:9px 14px 9px 36px;border:1px solid var(--linha);border-radius:22px;
|
||||
font-family:inherit;font-size:14px;background:var(--cinza);color:var(--tx)}
|
||||
font-family:inherit;font-size:15px;background:var(--cinza);color:var(--tx)}
|
||||
.busca input:focus{outline:none;border-color:var(--laranja);background:#fff}
|
||||
.busca .lupa{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--fraco);font-size:14px}
|
||||
.acts{margin-left:auto;display:flex;gap:18px;align-items:center;font-size:14px}
|
||||
.busca .lupa{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--fraco);font-size:15px}
|
||||
.acts{margin-left:auto;display:flex;gap:18px;align-items:center;font-size:15px}
|
||||
.acts a{color:var(--tx);text-decoration:none;display:flex;align-items:center;gap:6px}
|
||||
.acts a:hover{color:var(--laranja)}
|
||||
|
||||
@@ -66,14 +66,14 @@ section+section{border-top:1px solid var(--linha)}
|
||||
.menu .w{display:flex;gap:0;flex-wrap:wrap}
|
||||
.mi{position:relative}
|
||||
.mi>a{display:block;padding:13px 16px;font-family:"Inter",sans-serif;font-weight:600;
|
||||
font-size:14px;color:var(--tx);text-decoration:none;white-space:nowrap}
|
||||
font-size:15px;color:var(--tx);text-decoration:none;white-space:nowrap}
|
||||
.mi:hover>a{color:var(--laranja)}
|
||||
.mi.on>a{color:var(--laranja);box-shadow:inset 0 -2px 0 var(--laranja)}
|
||||
.sub{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--linha);
|
||||
border-radius:0 0 9px 9px;min-width:224px;padding:7px 0;z-index:70;
|
||||
box-shadow:0 10px 26px rgba(0,0,0,.09)}
|
||||
.mi:hover .sub,.mi:focus-within .sub{display:block}
|
||||
.sub a{display:block;padding:8px 17px;font-size:14px;color:var(--fraco);text-decoration:none}
|
||||
.sub a{display:block;padding:8px 17px;font-size:15px;color:var(--fraco);text-decoration:none}
|
||||
.sub a:hover{color:var(--laranja);background:var(--cinza)}
|
||||
@media(max-width:820px){
|
||||
.menu .w{overflow-x:auto;flex-wrap:nowrap}
|
||||
@@ -93,13 +93,13 @@ section+section{border-top:1px solid var(--linha)}
|
||||
@media(max-width:940px){.hgrid{grid-template-columns:1fr;gap:22px}}
|
||||
h1{font-size:clamp(24px,3.6vw,38px);font-weight:700;max-width:20ch;line-height:1.08}
|
||||
h1 em{font-style:normal;color:var(--laranja)}
|
||||
.hero .sub2{color:#B7C1D2;font-size:15px;max-width:56ch;margin-top:10px}
|
||||
.hero .sub2{color:#B7C1D2;font-size:16px;max-width:56ch;margin-top:10px}
|
||||
.hero .sub2 b{color:#fff}
|
||||
.hcta{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap;align-items:center}
|
||||
.btn1{background:var(--laranja);color:#241703;border:0;border-radius:9px;padding:12px 24px;
|
||||
font-family:"Inter",sans-serif;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none}
|
||||
font-family:"Inter",sans-serif;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none}
|
||||
.btn1:hover{background:var(--laranja2)}
|
||||
.mini{font-size:13.5px;color:#8D9AB0}
|
||||
.mini{font-size:14.5px;color:#8D9AB0}
|
||||
|
||||
/* preços lado a lado, em faixa */
|
||||
.pfaixa{display:flex;gap:10px;flex-wrap:wrap}
|
||||
@@ -110,28 +110,28 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
.pcard:hover{background:rgba(255,168,26,.12);border-color:rgba(255,168,26,.45)}
|
||||
.pcard.dest{border-color:rgba(255,168,26,.5);background:rgba(255,168,26,.09)}
|
||||
.pcard .marc{position:absolute;top:-8px;left:13px;background:var(--verde);color:#fff;
|
||||
font-family:"Inter",sans-serif;font-size:10px;font-weight:700;letter-spacing:.09em;
|
||||
font-family:"Inter",sans-serif;font-size:11px;font-weight:700;letter-spacing:.09em;
|
||||
text-transform:uppercase;padding:2px 8px;border-radius:4px;white-space:nowrap}
|
||||
.pcard .apartir{display:block;font-size:11px;color:var(--verde-claro);letter-spacing:.09em;
|
||||
.pcard .apartir{display:block;font-size:12px;color:var(--verde-claro);letter-spacing:.09em;
|
||||
text-transform:uppercase;font-family:"Inter",sans-serif;font-weight:700;margin-bottom:2px}
|
||||
.pcard .vl{font-family:"Inter",sans-serif;font-size:20px;font-weight:700;color:var(--laranja);
|
||||
line-height:1;display:block;margin-bottom:3px}
|
||||
.pcard .vl small{font-size:12.5px;font-weight:600;color:#8D9AB0}
|
||||
.pcard .nm{font-family:"Inter",sans-serif;font-size:14px;font-weight:700;color:#fff;display:block}
|
||||
.pcard .dsc{font-size:12px;color:#8D9AB0;display:block;margin-top:1px}
|
||||
.pcard .vl small{font-size:13.5px;font-weight:600;color:#8D9AB0}
|
||||
.pcard .nm{font-family:"Inter",sans-serif;font-size:15px;font-weight:700;color:#fff;display:block}
|
||||
.pcard .dsc{font-size:13px;color:#8D9AB0;display:block;margin-top:1px}
|
||||
|
||||
/* selos e barra */
|
||||
.selos1{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-bottom:11px}
|
||||
.sel{font-family:"Inter",sans-serif;font-size:11px;font-weight:700;letter-spacing:.09em;
|
||||
.sel{font-family:"Inter",sans-serif;font-size:12px;font-weight:700;letter-spacing:.09em;
|
||||
text-transform:uppercase;padding:3px 9px;border-radius:5px}
|
||||
.sel.top{background:var(--laranja);color:#241703}
|
||||
.sel.novo{background:rgba(46,158,91,.18);color:#7FD4A0;border:1px solid rgba(46,158,91,.4)}
|
||||
.sel.pos{background:rgba(255,255,255,.09);color:#B7C1D2;border:1px solid rgba(255,255,255,.16)}
|
||||
.barrah{border-top:1px solid rgba(255,255,255,.1);padding:11px 0 14px;
|
||||
display:flex;gap:24px;flex-wrap:wrap;font-size:13.5px;color:#B7C1D2}
|
||||
display:flex;gap:24px;flex-wrap:wrap;font-size:14.5px;color:#B7C1D2}
|
||||
.barrah span{display:flex;align-items:center;gap:7px}
|
||||
.barrah b{color:#fff;font-family:"Inter",sans-serif}
|
||||
.barrah i{color:var(--laranja);font-style:normal;font-size:10.5px}
|
||||
.barrah i{color:var(--laranja);font-style:normal;font-size:11.5px}
|
||||
|
||||
|
||||
/* aviso do topo do envio */
|
||||
@@ -170,7 +170,7 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
.ec .top,.ec .in{position:relative;z-index:1}
|
||||
.ec:hover{border-color:var(--laranja);box-shadow:var(--sombra-alta);transform:translateY(-2px)}
|
||||
.ec .marc{display:block;background:var(--verde-ml);color:#fff;text-align:center;
|
||||
font-family:"Inter",sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.14em;
|
||||
font-family:"Inter",sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.14em;
|
||||
text-transform:uppercase;padding:5px 8px;position:relative;z-index:2}
|
||||
.ec.f{border-color:var(--verde-ml)}
|
||||
.ec.f:hover{border-color:var(--verde-ml)}
|
||||
@@ -187,25 +187,25 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
</g></svg>")}
|
||||
.ec .top{padding:17px 20px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
|
||||
.ec.f .top{background:#FFF4E3} .ec.a .top{background:var(--cinza)} .ec.u .top{background:#EEF4FB}
|
||||
.ec .top h3{font-family:"Inter",sans-serif;font-size:17px;font-weight:700;color:var(--tx)}
|
||||
.ec .top h3{font-family:"Inter",sans-serif;font-size:18px;font-weight:700;color:var(--tx)}
|
||||
|
||||
|
||||
.ec .top .p{font-family:"Inter",sans-serif;font-weight:700;font-size:15.5px;white-space:nowrap;
|
||||
.ec .top .p{font-family:"Inter",sans-serif;font-weight:700;font-size:16.5px;white-space:nowrap;
|
||||
color:var(--tx);text-align:right;line-height:1.15}
|
||||
.ec .top .p i{display:block;font-style:normal;font-family:"Roboto",sans-serif;font-size:11.5px;
|
||||
.ec .top .p i{display:block;font-style:normal;font-family:"Roboto",sans-serif;font-size:12.5px;
|
||||
font-weight:500;color:var(--fraco);margin-bottom:1px;letter-spacing:0;
|
||||
text-transform:uppercase;letter-spacing:.1em}
|
||||
.chama2{background:#F1FBF5;border-top:1px solid #BFE6CE;border-bottom:1px solid #BFE6CE;
|
||||
padding:9px 20px;font-size:13px;color:#1F5C3A;line-height:1.45;position:relative;z-index:1}
|
||||
.chama2 b{font-family:"Inter",sans-serif;font-weight:700;color:var(--verde-ml);font-size:14px}
|
||||
.ec .top .p small{font-size:12.5px;font-weight:600;color:var(--fraco)}
|
||||
padding:9px 20px;font-size:14px;color:#1F5C3A;line-height:1.45;position:relative;z-index:1}
|
||||
.chama2 b{font-family:"Inter",sans-serif;font-weight:700;color:var(--verde-ml);font-size:15px}
|
||||
.ec .top .p small{font-size:13.5px;font-weight:600;color:var(--fraco)}
|
||||
.ec .in{padding:18px 20px 20px}
|
||||
.ec .in p{font-size:14px;color:var(--fraco);margin-bottom:13px}
|
||||
.ec ul{list-style:none;font-size:14px;margin-bottom:15px}
|
||||
.ec .in p{font-size:15px;color:var(--fraco);margin-bottom:13px}
|
||||
.ec ul{list-style:none;font-size:15px;margin-bottom:15px}
|
||||
.ec li{padding:4px 0 4px 19px;position:relative;color:var(--fraco)}
|
||||
.ec li::before{content:"✓";position:absolute;left:2px;color:var(--verde);font-size:12.5px}
|
||||
.ec .go{font-family:"Inter",sans-serif;font-weight:700;font-size:14.5px;color:var(--laranja);display:block}
|
||||
.ec .lg{display:block;font-size:12px;color:var(--fraco);letter-spacing:.1em;
|
||||
.ec li::before{content:"✓";position:absolute;left:2px;color:var(--verde);font-size:13.5px}
|
||||
.ec .go{font-family:"Inter",sans-serif;font-weight:700;font-size:15.5px;color:var(--laranja);display:block}
|
||||
.ec .lg{display:block;font-size:13px;color:var(--fraco);letter-spacing:.1em;
|
||||
text-transform:uppercase;font-family:"Inter",sans-serif;font-weight:700;margin-bottom:5px}
|
||||
|
||||
/* painel focado */
|
||||
@@ -216,9 +216,9 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
@media(max-width:820px){.focoGrid{grid-template-columns:1fr}}
|
||||
.voltar{display:inline-flex;align-items:center;gap:7px;background:#fff;
|
||||
border:1px solid var(--linha);border-radius:8px;padding:8px 14px 8px 11px;
|
||||
font-family:"Inter",sans-serif;font-weight:600;font-size:14px;color:var(--tx);
|
||||
font-family:"Inter",sans-serif;font-weight:600;font-size:15px;color:var(--tx);
|
||||
cursor:pointer;margin-bottom:14px;box-shadow:var(--sombra);transition:var(--transition)}
|
||||
.voltar span{font-size:15.5px;line-height:1;color:var(--fraco)}
|
||||
.voltar span{font-size:16.5px;line-height:1;color:var(--fraco)}
|
||||
.voltar:hover{border-color:var(--laranja);color:var(--laranja)}
|
||||
.voltar:hover span{color:var(--laranja)}
|
||||
.cat{border:1px solid var(--linha);border-radius:14px;background:#fff;overflow:hidden;
|
||||
@@ -228,9 +228,9 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
flex-wrap:wrap;border-bottom:1px solid var(--linha);background:var(--cinza);padding:18px 22px}
|
||||
.cat.file .cabfoco{background:#FFF4E3}
|
||||
.cabfoco h3{font-family:"Inter",sans-serif;font-size:20px;font-weight:700}
|
||||
.cabfoco .pr2{font-family:"Inter",sans-serif;font-weight:700;font-size:17px;white-space:nowrap}
|
||||
.cabfoco p{font-size:14px;color:var(--fraco);width:100%;margin-top:4px}
|
||||
.cabfoco .lg{font-size:12px;color:var(--fraco);letter-spacing:.1em;text-transform:uppercase;
|
||||
.cabfoco .pr2{font-family:"Inter",sans-serif;font-weight:700;font-size:18px;white-space:nowrap}
|
||||
.cabfoco p{font-size:15px;color:var(--fraco);width:100%;margin-top:4px}
|
||||
.cabfoco .lg{font-size:13px;color:var(--fraco);letter-spacing:.1em;text-transform:uppercase;
|
||||
font-family:"Inter",sans-serif;font-weight:700}
|
||||
|
||||
/* upload */
|
||||
@@ -248,15 +248,15 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
.cam.on .mk2{border-color:var(--verde-ml);
|
||||
background:radial-gradient(circle,var(--verde-ml) 0 3px,#fff 4px)}
|
||||
.cam div{flex:1;min-width:0;overflow-wrap:anywhere}
|
||||
.cam b{display:block;font-family:"Inter",sans-serif;font-size:14px;margin-bottom:2px}
|
||||
.cam span{display:block;font-size:12px;color:var(--fraco);line-height:1.45}
|
||||
.cam b{display:block;font-family:"Inter",sans-serif;font-size:15px;margin-bottom:2px}
|
||||
.cam span{display:block;font-size:13px;color:var(--fraco);line-height:1.45}
|
||||
.cam em{display:block;margin-top:6px;font-style:normal;font-family:"Inter",sans-serif;
|
||||
font-weight:700;font-size:13.5px;color:var(--verde-ml);line-height:1.3}
|
||||
font-weight:700;font-size:14.5px;color:var(--verde-ml);line-height:1.3}
|
||||
.trocouCam{margin-top:-4px;margin-bottom:11px;padding:10px 12px;border-radius:9px;
|
||||
background:#FFF6E8;border:1px solid #F0D9AE;font-size:13px;color:#7A5A16;line-height:1.5}
|
||||
background:#FFF6E8;border:1px solid #F0D9AE;font-size:14px;color:#7A5A16;line-height:1.5}
|
||||
.trocouCam b{color:#B07A18;font-family:"Inter",sans-serif;font-weight:700}
|
||||
.trocarModo{margin:-4px 0 11px;padding:10px 12px;border-radius:9px;background:#F1FBF5;
|
||||
border:1px solid #BFE6CE;font-size:13px;color:#1F5C3A;line-height:1.5}
|
||||
border:1px solid #BFE6CE;font-size:14px;color:#1F5C3A;line-height:1.5}
|
||||
.trocarModo b{font-family:"Inter",sans-serif;font-weight:700}
|
||||
.trocarModo label{display:block;margin-top:7px;cursor:pointer}
|
||||
.zona{border:2px dashed var(--laranja);border-radius:13px;padding:44px 20px;text-align:center;
|
||||
@@ -267,50 +267,50 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
background:var(--laranja);color:#fff;font-size:22px;line-height:46px;font-weight:700;
|
||||
box-shadow:0 0 0 7px rgba(255,168,26,.18)}
|
||||
.zona:hover .ico,.zona.sobre .ico{background:var(--laranja2)}
|
||||
.zona b{display:block;font-family:"Inter",sans-serif;font-size:18px;font-weight:700;
|
||||
.zona b{display:block;font-family:"Inter",sans-serif;font-size:19px;font-weight:700;
|
||||
margin-bottom:5px;color:var(--tx);line-height:1.2}
|
||||
.zona span{font-size:13.5px;color:#8A6A2E;display:block;max-width:30ch;margin:0 auto;line-height:1.5}
|
||||
.zona span{font-size:14.5px;color:#8A6A2E;display:block;max-width:30ch;margin:0 auto;line-height:1.5}
|
||||
.zona .bt{display:inline-block;margin-top:13px;background:var(--laranja);color:#241703;
|
||||
font-family:"Inter",sans-serif;font-weight:700;font-size:14px;border-radius:8px;
|
||||
font-family:"Inter",sans-serif;font-weight:700;font-size:15px;border-radius:8px;
|
||||
padding:9px 18px}
|
||||
.zona:hover .bt{background:var(--laranja2)}
|
||||
.recusa{margin-top:11px;padding:11px 13px;border-radius:9px;background:#FFF3F0;
|
||||
border:1px solid #F0C4B8;font-size:13px;color:#8C3B22;line-height:1.5}
|
||||
border:1px solid #F0C4B8;font-size:14px;color:#8C3B22;line-height:1.5}
|
||||
.recusa b{font-family:"Inter",sans-serif;font-weight:700;color:#8C3B22}
|
||||
.aoVivo{margin-top:11px;padding:11px 13px;border-radius:9px;background:var(--cinza);
|
||||
border:1px solid var(--linha);font-size:13.5px;color:var(--fraco);line-height:1.45;
|
||||
border:1px solid var(--linha);font-size:14.5px;color:var(--fraco);line-height:1.45;
|
||||
display:flex;align-items:center;gap:9px}
|
||||
.aoVivo b{font-family:"Inter",sans-serif;font-weight:700;color:var(--tx);font-size:14px}
|
||||
.aoVivo b{font-family:"Inter",sans-serif;font-weight:700;color:var(--tx);font-size:15px}
|
||||
.aoVivo .pt2{flex:none;width:8px;height:8px;border-radius:50%;background:var(--gray-2)}
|
||||
.aoVivo.pronto{background:#F1FBF5;border-color:#BFE6CE;color:#2A6B45}
|
||||
.aoVivo.pronto .pt2{background:var(--verde-ml)}
|
||||
.aoVivo.pronto b{color:#1F5C3A}
|
||||
.b2{width:100%;padding:13px;border-radius:9px;border:1px solid var(--marinho);background:#fff;
|
||||
color:var(--tx);font-family:"Inter",sans-serif;font-weight:600;font-size:15px;cursor:pointer}
|
||||
color:var(--tx);font-family:"Inter",sans-serif;font-weight:600;font-size:16px;cursor:pointer}
|
||||
.cat.file .b2{background:var(--laranja);border-color:var(--laranja);color:#241703}
|
||||
.b2:hover{background:#111;color:#fff}
|
||||
.cat.file .b2:hover{background:var(--laranja2);color:#241703}
|
||||
.it{display:flex;justify-content:space-between;gap:9px;padding:10px 13px;background:var(--cinza);
|
||||
border-radius:8px;margin-bottom:7px;align-items:center;font-size:14px}
|
||||
border-radius:8px;margin-bottom:7px;align-items:center;font-size:15px}
|
||||
.it b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
.it span{color:var(--fraco);font-size:12.5px;flex:none}
|
||||
.it button{border:0;background:none;color:var(--fraco);cursor:pointer;font-size:15.5px}
|
||||
.it span{color:var(--fraco);font-size:13.5px;flex:none}
|
||||
.it button{border:0;background:none;color:var(--fraco);cursor:pointer;font-size:16.5px}
|
||||
|
||||
/* repetição do FILE */
|
||||
.rep{background:var(--cinza);border-radius:9px;padding:12px 14px;margin-top:8px}
|
||||
.rep .l1{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}
|
||||
.rep .l1 b{font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
.rep .l1 button{border:0;background:none;color:var(--fraco);cursor:pointer;font-size:15.5px;flex:none}
|
||||
.rep .l1 b{font-weight:500;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
.rep .l1 button{border:0;background:none;color:var(--fraco);cursor:pointer;font-size:16.5px;flex:none}
|
||||
.prog{height:5px;border-radius:4px;background:#E4E7EC;overflow:hidden;margin:9px 0 5px}
|
||||
.prog i{display:block;height:100%;background:var(--laranja);border-radius:4px;
|
||||
transition:width .35s ease}
|
||||
.progT{display:block;font-size:12px;color:var(--fraco)}
|
||||
.progT{display:block;font-size:13px;color:var(--fraco)}
|
||||
.progF{margin:9px 0 4px;padding:9px 11px;border-radius:7px;background:#FFF6E8;
|
||||
border:1px solid #F0D9AE;font-size:12.5px;color:#7A5A16;line-height:1.5}
|
||||
border:1px solid #F0D9AE;font-size:13.5px;color:#7A5A16;line-height:1.5}
|
||||
.progF b{font-family:"Inter",sans-serif;font-weight:700;color:#B07A18}
|
||||
.rep label{display:block;font-size:11.5px;color:var(--fraco);margin-bottom:3px}
|
||||
.rep label{display:block;font-size:12.5px;color:var(--fraco);margin-bottom:3px}
|
||||
.rep input{width:100%;padding:7px 9px;border:1px solid var(--linha);border-radius:6px;
|
||||
font-family:inherit;font-size:14px;background:#fff;color:var(--tx)}
|
||||
font-family:inherit;font-size:15px;background:#fff;color:var(--tx)}
|
||||
.rep input:focus{outline:none;border-color:var(--laranja)}
|
||||
|
||||
/* fila de artes ao lado da montagem */
|
||||
@@ -323,16 +323,16 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
.mont{position:sticky;top:104px;border:1px solid var(--linha);border-radius:11px;
|
||||
background:var(--cinza);padding:12px;box-shadow:var(--sombra)}
|
||||
.montcab{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px}
|
||||
.montcab b{font-family:"Inter",sans-serif;font-size:14px;font-weight:700}
|
||||
.montcab b{font-family:"Inter",sans-serif;font-size:15px;font-weight:700}
|
||||
.zoomB{display:flex;align-items:center;gap:4px;margin-left:auto}
|
||||
.zoomB button{width:22px;height:22px;border-radius:6px;border:1px solid var(--linha);
|
||||
background:#fff;color:var(--tx);cursor:pointer;font-size:15px;line-height:1;padding:0}
|
||||
background:#fff;color:var(--tx);cursor:pointer;font-size:16px;line-height:1;padding:0}
|
||||
.zoomB button:hover{border-color:var(--laranja);color:var(--laranja)}
|
||||
.zoomB button:disabled{opacity:.35;cursor:not-allowed}
|
||||
.zoomB span{font-family:"Inter",sans-serif;font-size:12px;font-weight:700;
|
||||
.zoomB span{font-family:"Inter",sans-serif;font-size:13px;font-weight:700;
|
||||
color:var(--fraco);min-width:34px;text-align:center}
|
||||
#vArea.ampliado{overflow:auto}
|
||||
.montcab span{font-family:"Inter",sans-serif;font-weight:700;font-size:16.5px;color:var(--tx)}
|
||||
.montcab span{font-family:"Inter",sans-serif;font-weight:700;font-size:17.5px;color:var(--tx)}
|
||||
#vArea{max-height:min(56vh,560px);min-height:200px;overflow-y:auto;overscroll-behavior:contain;
|
||||
border:1px solid var(--linha);border-radius:8px;background:#fff}
|
||||
#vArea::-webkit-scrollbar{width:8px}
|
||||
@@ -344,83 +344,83 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
#vArea .folhaPrevias{min-height:200px;padding:10px;display:grid;gap:12px;background:#F8F9FA}
|
||||
#vArea .folhaPrevia{margin:0;background:#fff;border:1px solid var(--linha);border-radius:6px;overflow:hidden}
|
||||
#vArea .folhaPrevia img{width:100%;height:auto;max-height:520px;object-fit:contain;display:block;background:#fff}
|
||||
#vArea .folhaPrevia figcaption{padding:7px 9px;font-size:12px;color:var(--fraco);border-top:1px solid var(--linha)}
|
||||
#vArea .folhaPrevia figcaption{padding:7px 9px;font-size:13px;color:var(--fraco);border-top:1px solid var(--linha)}
|
||||
#vArea .semmont{border:0;min-height:200px;display:flex;flex-direction:column;
|
||||
align-items:center;justify-content:center}
|
||||
#vUso:empty{display:none}
|
||||
.semmont{border:1px dashed var(--linha);border-radius:8px;background:#fff;
|
||||
padding:30px 14px;text-align:center}
|
||||
.semmont b{display:block;font-family:"Inter",sans-serif;font-size:14px;margin-bottom:4px}
|
||||
.semmont span{font-size:13px;color:var(--fraco);line-height:1.4;display:block}
|
||||
.montpe{font-size:12px;color:var(--fraco);margin-top:9px;line-height:1.45}
|
||||
.semmont b{display:block;font-family:"Inter",sans-serif;font-size:15px;margin-bottom:4px}
|
||||
.semmont span{font-size:14px;color:var(--fraco);line-height:1.4;display:block}
|
||||
.montpe{font-size:13px;color:var(--fraco);margin-top:9px;line-height:1.45}
|
||||
|
||||
/* caixa de requisitos · o que a máquina aceita */
|
||||
.req{position:sticky;top:104px;background:#fff;border:1px solid var(--linha);
|
||||
border-radius:14px;box-shadow:var(--sombra);padding:16px 16px 6px}
|
||||
@media(max-width:820px){.req{position:static}}
|
||||
.reqcab{font-family:"Inter",sans-serif;font-size:18px;font-weight:700;line-height:1.15;
|
||||
.reqcab{font-family:"Inter",sans-serif;font-size:19px;font-weight:700;line-height:1.15;
|
||||
letter-spacing:normal;color:var(--tx);margin-bottom:12px}
|
||||
.req details{border-top:1px solid var(--linha)}
|
||||
.req details:first-of-type{border-top:0}
|
||||
.req summary{cursor:pointer;list-style:none;padding:9px 0;font-family:"Inter",sans-serif;
|
||||
font-size:14px;font-weight:700;color:var(--tx);display:flex;align-items:center;gap:8px}
|
||||
font-size:15px;font-weight:700;color:var(--tx);display:flex;align-items:center;gap:8px}
|
||||
.req summary::-webkit-details-marker{display:none}
|
||||
.req summary::before{content:"+";flex:none;width:16px;height:16px;border-radius:50%;
|
||||
border:1px solid rgba(0,166,80,.45);background:#fff;color:var(--verde-ml);font-size:12.5px;
|
||||
border:1px solid rgba(0,166,80,.45);background:#fff;color:var(--verde-ml);font-size:13.5px;
|
||||
line-height:14px;text-align:center;font-weight:700}
|
||||
.req summary:hover::before{background:#F1FBF5}
|
||||
.req details[open] summary::before{content:"−";background:var(--verde-ml);
|
||||
border-color:var(--verde-ml);color:#fff}
|
||||
.req ul{list-style:none;padding:0 0 9px;margin:0}
|
||||
.req li{position:relative;padding:4px 0 4px 17px;font-size:13px;color:var(--fraco);
|
||||
.req li{position:relative;padding:4px 0 4px 17px;font-size:14px;color:var(--fraco);
|
||||
line-height:1.5}
|
||||
.req li b{color:var(--tx);font-weight:700;font-family:"Inter",sans-serif}
|
||||
.req li::before{position:absolute;left:0;top:4px;font-size:12.5px;font-weight:700}
|
||||
.req li::before{position:absolute;left:0;top:4px;font-size:13.5px;font-weight:700}
|
||||
.req li.s::before{content:"✓";color:var(--verde-ml)}
|
||||
.req li.a::before{content:"!";color:var(--laranja)}
|
||||
.req li.n::before{content:"×";color:var(--vermelho)}
|
||||
.req .obs2{font-size:12px;color:var(--fraco);padding:0 0 9px;line-height:1.45;
|
||||
.req .obs2{font-size:13px;color:var(--fraco);padding:0 0 9px;line-height:1.45;
|
||||
font-style:italic}
|
||||
.mont .usoBom,.mont .usoRuim{margin-top:8px;font-size:12.5px;line-height:1.4}
|
||||
.mont .usoBom,.mont .usoRuim{margin-top:8px;font-size:13.5px;line-height:1.4}
|
||||
|
||||
/* artes avulsas */
|
||||
.art{background:var(--cinza);border-radius:9px;padding:11px 12px;margin-bottom:7px;
|
||||
transition:box-shadow .3s,background .3s}
|
||||
.art.nova{background:#FFF6E8;box-shadow:inset 0 0 0 1px rgba(255,168,26,.55)}
|
||||
.art.nova .l1 b::after{content:"nova";font-family:"Inter",sans-serif;font-size:10.5px;
|
||||
.art.nova .l1 b::after{content:"nova";font-family:"Inter",sans-serif;font-size:11.5px;
|
||||
font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#B07A18;
|
||||
background:#FFE9C4;border-radius:3px;padding:1px 5px;margin-left:7px;vertical-align:1px}
|
||||
.art .l1{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}
|
||||
.art .l1 b{font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
.art .l1 button{border:0;background:none;color:var(--fraco);cursor:pointer;font-size:15.5px;flex:none}
|
||||
.art .l1 b{font-weight:500;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
.art .l1 button{border:0;background:none;color:var(--fraco);cursor:pointer;font-size:16.5px;flex:none}
|
||||
.art .cps{display:grid;grid-template-columns:1fr 1fr;gap:8px}
|
||||
.atalhos{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:9px}
|
||||
.atalhos .tm,.atalhos .gr{border:1px solid var(--linha);background:#fff;border-radius:6px;
|
||||
padding:5px 9px;font-family:"Inter",sans-serif;font-size:12.5px;font-weight:600;
|
||||
padding:5px 9px;font-family:"Inter",sans-serif;font-size:13.5px;font-weight:600;
|
||||
color:var(--tx);cursor:pointer;transition:var(--transition)}
|
||||
.atalhos .tm:hover,.atalhos .gr:hover{border-color:var(--laranja);color:var(--laranja)}
|
||||
.atalhos .tm.on{background:var(--verde-ml);border-color:var(--verde-ml);color:#fff}
|
||||
.atalhos .gr{font-size:15px;line-height:1;padding:4px 9px}
|
||||
.atalhos .gr{font-size:16px;line-height:1;padding:4px 9px}
|
||||
.atalhos .gr.on{background:var(--laranja);border-color:var(--laranja);color:#241703}
|
||||
.atalhos .sep{flex:1;min-width:4px}
|
||||
.art label{display:block;font-size:11.5px;color:var(--fraco);margin-bottom:3px}
|
||||
.art label{display:block;font-size:12.5px;color:var(--fraco);margin-bottom:3px}
|
||||
.art input{width:100%;padding:7px 9px;border:1px solid var(--linha);border-radius:6px;
|
||||
font-family:inherit;font-size:14px;background:#fff;color:var(--tx)}
|
||||
font-family:inherit;font-size:15px;background:#fff;color:var(--tx)}
|
||||
.art input:focus{outline:none;border-color:var(--laranja)}
|
||||
.qb2{height:7px;border-radius:5px;background:#E4E7EC;overflow:hidden;margin-top:9px}
|
||||
.qb2 i{display:block;height:100%;border-radius:5px}
|
||||
.qb2 i.ok{background:var(--verde)}.qb2 i.av{background:var(--laranja)}.qb2 i.er{background:var(--vermelho)}
|
||||
.calc{font-size:12px;margin-top:6px;display:flex;justify-content:space-between;gap:8px;color:var(--fraco)}
|
||||
.calc{font-size:13px;margin-top:6px;display:flex;justify-content:space-between;gap:8px;color:var(--fraco)}
|
||||
.calc .ok{color:var(--verde)}.calc .av{color:var(--laranja)}.calc .er{color:var(--vermelho)}
|
||||
.dica{margin-top:9px;background:#FFF8EE;border:1px solid #F0D9AE;border-radius:8px;
|
||||
padding:10px 12px;font-size:13px;color:#7A5A16;line-height:1.45}
|
||||
.dica b{display:block;font-family:"Inter",sans-serif;color:#B07A18;font-size:13.5px;margin-bottom:3px}
|
||||
padding:10px 12px;font-size:14px;color:#7A5A16;line-height:1.45}
|
||||
.dica b{display:block;font-family:"Inter",sans-serif;color:#B07A18;font-size:14.5px;margin-bottom:3px}
|
||||
.dica button{display:block;width:100%;margin-top:10px;padding:10px 14px;border-radius:7px;
|
||||
border:1px solid var(--verde-ml);background:var(--verde-ml);color:#fff;
|
||||
font-family:"Inter",sans-serif;font-weight:700;font-size:14px;letter-spacing:.01em;
|
||||
font-family:"Inter",sans-serif;font-weight:700;font-size:15px;letter-spacing:.01em;
|
||||
cursor:pointer;box-shadow:0 2px 8px rgba(0,166,80,.28);transition:var(--transition)}
|
||||
.dica button:hover{background:#00934A;border-color:#00934A;box-shadow:0 4px 14px rgba(0,166,80,.38)}
|
||||
.dicaok{margin-top:8px;font-size:12.5px;color:var(--verde)}
|
||||
.dicaok{margin-top:8px;font-size:13.5px;color:var(--verde)}
|
||||
|
||||
/* cota em escala da peça dentro da largura do filme */
|
||||
.viz{margin-top:10px;max-width:100%}
|
||||
@@ -428,27 +428,27 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
.vizL i{flex:1;height:1px;background:var(--gray-2);position:relative}
|
||||
.vizL i::before{content:"";position:absolute;top:-3px;width:1px;height:7px;background:var(--gray-2)}
|
||||
.vizL i:first-child::before{left:0} .vizL i:last-child::before{right:0}
|
||||
.vizL b{font-family:"Inter",sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;
|
||||
.vizL b{font-family:"Inter",sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;
|
||||
text-transform:uppercase;color:var(--fraco)}
|
||||
.vizRow{display:flex;gap:7px;align-items:flex-end}
|
||||
.vizTira{flex:none;max-width:100%}
|
||||
.vizH{flex:none;display:flex;align-items:center;justify-content:center;padding-left:4px;
|
||||
border-left:1px solid var(--gray-2);min-height:22px}
|
||||
.vizH span{writing-mode:vertical-rl;font-family:"Inter",sans-serif;font-size:11px;
|
||||
.vizH span{writing-mode:vertical-rl;font-family:"Inter",sans-serif;font-size:12px;
|
||||
font-weight:700;color:var(--fraco);white-space:nowrap}
|
||||
.tira{display:flex;background:#fff;border:1px solid var(--linha);border-radius:4px;
|
||||
padding:2px;overflow:hidden;min-height:22px;width:100%}
|
||||
.pc{flex:none;overflow:hidden;display:flex;align-items:center;justify-content:center;
|
||||
background:#F2F2F2;border-radius:2px}
|
||||
.pc img{width:100%;height:100%;object-fit:contain;display:block}
|
||||
.pc span{font-family:"Inter",sans-serif;font-size:10.5px;font-weight:700;color:var(--fraco)}
|
||||
.pc span{font-family:"Inter",sans-serif;font-size:11.5px;font-weight:700;color:var(--fraco)}
|
||||
.folga{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;border-radius:2px;
|
||||
background:repeating-linear-gradient(45deg,#FBFBFB,#FBFBFB 4px,#F0F0F0 4px,#F0F0F0 8px)}
|
||||
.folga span{font-size:10px;color:var(--fraco);white-space:nowrap;overflow:hidden}
|
||||
.vizPe{font-size:12px;color:var(--fraco);margin-top:6px;line-height:1.4}
|
||||
.folga span{font-size:11px;color:var(--fraco);white-space:nowrap;overflow:hidden}
|
||||
.vizPe{font-size:13px;color:var(--fraco);margin-top:6px;line-height:1.4}
|
||||
.vizPe b{color:var(--tx);font-family:"Inter",sans-serif;font-weight:700}
|
||||
.resumoA{background:#fff;border:1px solid var(--linha);border-radius:9px;padding:11px 13px;
|
||||
font-size:13.5px;margin-bottom:12px;display:none}
|
||||
font-size:14.5px;margin-bottom:12px;display:none}
|
||||
.resumoA.on{display:block}
|
||||
.resumoA .r{display:flex;justify-content:space-between;padding:2px 0}
|
||||
.resumoA .r b{font-family:"Inter",sans-serif}
|
||||
@@ -457,18 +457,18 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
.qual{background:#fff;border:1px solid var(--linha);border-radius:13px;padding:22px;margin-top:16px;display:none}
|
||||
.qual.on{display:block}
|
||||
.qh{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:14px}
|
||||
.qh h3{font-family:"Inter",sans-serif;font-size:17px;font-weight:700}
|
||||
.qh h3{font-family:"Inter",sans-serif;font-size:18px;font-weight:700}
|
||||
.qh .pct{font-family:"Inter",sans-serif;font-weight:700;font-size:38px;line-height:1;color:var(--verde)}
|
||||
.qh .pct small{font-size:15px;color:var(--fraco)}
|
||||
.qh .pct small{font-size:16px;color:var(--fraco)}
|
||||
.qbar{height:13px;border-radius:8px;background:var(--cinza);overflow:hidden}
|
||||
.qbar i{display:block;height:100%;border-radius:8px;background:var(--verde)}
|
||||
.qitens{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:7px;margin-top:13px}
|
||||
.qi{display:flex;gap:8px;align-items:center;border:1px solid var(--linha);border-radius:8px;
|
||||
padding:7px 10px;font-size:13px}
|
||||
.qi .c{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font-size:10px;
|
||||
padding:7px 10px;font-size:14px}
|
||||
.qi .c{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font-size:11px;
|
||||
flex:none;color:#fff;font-family:"Inter",sans-serif;font-weight:700}
|
||||
.qi b{display:block;font-family:"Inter",sans-serif;font-size:13px}
|
||||
.qi span{color:var(--fraco);font-size:12px}
|
||||
.qi b{display:block;font-family:"Inter",sans-serif;font-size:14px}
|
||||
.qi span{color:var(--fraco);font-size:13px}
|
||||
.qi.ok .c{background:var(--verde)}.qi.av .c{background:var(--laranja);color:#241703}
|
||||
.qi.er .c{background:var(--vermelho)}
|
||||
.qi.fix{border-color:#BBD9E8;background:#F2F9FC}
|
||||
@@ -480,20 +480,20 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
.ciente.recusa h4{color:#8C3B22}
|
||||
.ciente.recusa label{display:none}
|
||||
.ciente.recusa .lista{color:#8C3B22}
|
||||
.ciente h4{font-family:"Inter",sans-serif;font-size:15px;font-weight:700;color:#B07A18;margin-bottom:5px}
|
||||
.ciente p{font-size:14px;color:#7A5A16;line-height:1.5}
|
||||
.ciente .lista{margin:10px 0 0;font-size:13.5px;color:#7A5A16}
|
||||
.ciente h4{font-family:"Inter",sans-serif;font-size:16px;font-weight:700;color:#B07A18;margin-bottom:5px}
|
||||
.ciente p{font-size:15px;color:#7A5A16;line-height:1.5}
|
||||
.ciente .lista{margin:10px 0 0;font-size:14.5px;color:#7A5A16}
|
||||
.ciente .lista div{padding:3px 0 3px 15px;position:relative}
|
||||
.ciente .lista div::before{content:"·";position:absolute;left:4px;font-weight:700}
|
||||
.ciente label{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding-top:11px;
|
||||
border-top:1px solid #F0D9AE;cursor:pointer;font-size:14px;color:#5E4512}
|
||||
border-top:1px solid #F0D9AE;cursor:pointer;font-size:15px;color:#5E4512}
|
||||
.ciente input{margin-top:2px;width:16px;height:16px;flex:none;accent-color:#B07A18}
|
||||
@keyframes pulsa{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(217,74,40,.55)}
|
||||
50%{transform:scale(1.04);box-shadow:0 0 0 12px rgba(217,74,40,0)}}
|
||||
.qbts{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
|
||||
.qbts .qb{flex:1;min-width:220px}
|
||||
.qb{padding:11px 17px;border-radius:8px;border:1px solid var(--linha);background:#fff;
|
||||
font-family:"Inter",sans-serif;font-weight:600;font-size:14.5px;cursor:pointer;color:var(--tx)}
|
||||
font-family:"Inter",sans-serif;font-weight:600;font-size:15.5px;cursor:pointer;color:var(--tx)}
|
||||
.qb.p{background:var(--laranja);border-color:var(--laranja);color:#241703}
|
||||
.qb.chama{background:var(--vermelho);border-color:var(--vermelho);color:#fff;
|
||||
animation:pulsa 1.6s ease-in-out infinite}
|
||||
@@ -505,31 +505,31 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
.prev{background:#fff;border:1px solid var(--linha);border-radius:13px;padding:22px;margin-top:16px;display:none}
|
||||
.prev.on{display:block}
|
||||
.prev .ph{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:14px}
|
||||
.prev .ph h3{font-family:"Inter",sans-serif;font-size:17px;font-weight:700}
|
||||
.prev .ph p{font-size:14px;color:var(--fraco)}
|
||||
.prev .ph h3{font-family:"Inter",sans-serif;font-size:18px;font-weight:700}
|
||||
.prev .ph p{font-size:15px;color:var(--fraco)}
|
||||
.prev .ph .mt{font-family:"Inter",sans-serif;font-weight:700;font-size:22px;white-space:nowrap}
|
||||
.prev .ph .mt small{font-size:13.5px;color:var(--fraco);font-weight:600}
|
||||
.prev .ph .mt small{font-size:14.5px;color:var(--fraco);font-weight:600}
|
||||
.pgrid{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start}
|
||||
@media(max-width:760px){.pgrid{grid-template-columns:1fr}}
|
||||
.pfolha{background:var(--cinza);border:1px solid var(--linha);border-radius:10px;padding:12px}
|
||||
.pfolha canvas,.pfolha img{width:100%;height:auto;display:block;border-radius:6px;background:#fff}
|
||||
.pfolha .semprev,.pfolha .carregando{padding:40px 16px;text-align:center;color:var(--fraco);
|
||||
font-size:13.5px;background:#fff;border-radius:6px}
|
||||
.pfolha .semprev b{display:block;font-family:"Inter",sans-serif;color:var(--tx);font-size:14px;margin-bottom:4px}
|
||||
.usoBom,.usoRuim{margin-top:10px;border-radius:8px;padding:9px 12px;font-size:13px;line-height:1.45}
|
||||
font-size:14.5px;background:#fff;border-radius:6px}
|
||||
.pfolha .semprev b{display:block;font-family:"Inter",sans-serif;color:var(--tx);font-size:15px;margin-bottom:4px}
|
||||
.usoBom,.usoRuim{margin-top:10px;border-radius:8px;padding:9px 12px;font-size:14px;line-height:1.45}
|
||||
.usoBom{background:#F1F8F3;border:1px solid #CDE6D6;color:#2A6B45}
|
||||
.usoRuim{background:#FFF8EE;border:1px solid #F0D9AE;color:#7A5A16}
|
||||
.usoBom b,.usoRuim b{display:block;font-family:"Inter",sans-serif;font-size:14px;margin-bottom:2px}
|
||||
.pinfo .li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;font-size:14px;
|
||||
.usoBom b,.usoRuim b{display:block;font-family:"Inter",sans-serif;font-size:15px;margin-bottom:2px}
|
||||
.pinfo .li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;font-size:15px;
|
||||
border-bottom:1px solid var(--linha)}
|
||||
.pinfo .li:last-child{border:0}
|
||||
.pinfo .li .c{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;flex:none;
|
||||
margin-top:1px;font-size:11.5px;color:#fff;font-family:"Inter",sans-serif;font-weight:700}
|
||||
.pinfo .li b{display:block;font-family:"Inter",sans-serif;font-size:14px}
|
||||
.pinfo .li span{color:var(--fraco);font-size:13px}
|
||||
margin-top:1px;font-size:12.5px;color:#fff;font-family:"Inter",sans-serif;font-weight:700}
|
||||
.pinfo .li b{display:block;font-family:"Inter",sans-serif;font-size:15px}
|
||||
.pinfo .li span{color:var(--fraco);font-size:14px}
|
||||
.pcta{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px;padding-top:15px;border-top:1px solid var(--linha)}
|
||||
.pb{padding:11px 18px;border-radius:8px;border:1px solid var(--linha);background:#fff;
|
||||
font-family:"Inter",sans-serif;font-weight:600;font-size:14.5px;cursor:pointer;color:var(--tx)}
|
||||
font-family:"Inter",sans-serif;font-weight:600;font-size:15.5px;cursor:pointer;color:var(--tx)}
|
||||
.pb.p{background:var(--laranja);border-color:var(--laranja);color:#241703}
|
||||
.pb:hover{border-color:#111}
|
||||
|
||||
@@ -538,10 +538,10 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
.prova{padding:clamp(22px,3vw,34px) 0}
|
||||
.prova .w{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:14px}
|
||||
.p1{border-left:2px solid var(--laranja);padding:2px 0 2px 13px}
|
||||
.p1 b{display:block;font-family:"Inter",sans-serif;font-size:15px;font-weight:700;
|
||||
.p1 b{display:block;font-family:"Inter",sans-serif;font-size:16px;font-weight:700;
|
||||
line-height:1.25;color:var(--tx);margin-bottom:5px}
|
||||
.p1 b em{font-style:normal;color:var(--laranja)}
|
||||
.p1 span{display:block;font-size:13px;color:var(--fraco);line-height:1.5}
|
||||
.p1 span{display:block;font-size:14px;color:var(--fraco);line-height:1.5}
|
||||
|
||||
/* ── Carrinho no padrão de checkout: entrega à esquerda, resumo fixo à direita ── */
|
||||
.carr{display:none;margin-top:18px}
|
||||
@@ -552,37 +552,37 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
.carr h3{font-family:"Inter",sans-serif;font-size:19px;font-weight:700;margin-bottom:12px}
|
||||
.cxE{background:#fff;border:1px solid var(--linha);border-radius:12px;
|
||||
box-shadow:var(--sombra);padding:17px 18px;margin-bottom:14px}
|
||||
.cxE h4{font-family:"Inter",sans-serif;font-size:15.5px;font-weight:700;margin-bottom:11px}
|
||||
.cxE h4{font-family:"Inter",sans-serif;font-size:16.5px;font-weight:700;margin-bottom:11px}
|
||||
|
||||
/* itens do pedido */
|
||||
.item{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--linha)}
|
||||
.item:first-child{border-top:0;padding-top:2px}
|
||||
.item .nm2{flex:1;min-width:0}
|
||||
.item .nm2 b{display:block;font-family:"Inter",sans-serif;font-size:14.5px;color:var(--tx)}
|
||||
.item .nm2 span{font-size:13px;color:var(--fraco)}
|
||||
.item .vl2{font-family:"Inter",sans-serif;font-weight:700;font-size:15px;color:var(--tx);
|
||||
.item .nm2 b{display:block;font-family:"Inter",sans-serif;font-size:15.5px;color:var(--tx)}
|
||||
.item .nm2 span{font-size:14px;color:var(--fraco)}
|
||||
.item .vl2{font-family:"Inter",sans-serif;font-weight:700;font-size:16px;color:var(--tx);
|
||||
white-space:nowrap}
|
||||
.item .x{border:0;background:none;color:var(--gray-2);cursor:pointer;font-size:17px;
|
||||
.item .x{border:0;background:none;color:var(--gray-2);cursor:pointer;font-size:18px;
|
||||
line-height:1;padding:0 0 0 4px}
|
||||
.item .x:hover{color:var(--vermelho)}
|
||||
.rot{font-family:"Inter",sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.12em;
|
||||
.rot{font-family:"Inter",sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.12em;
|
||||
text-transform:uppercase;color:var(--fraco);margin:0 0 7px}
|
||||
.carr .l{display:flex;justify-content:space-between;font-size:14px;padding:5px 0;
|
||||
.carr .l{display:flex;justify-content:space-between;font-size:15px;padding:5px 0;
|
||||
color:var(--fraco);gap:14px}
|
||||
.carr .l b{color:var(--tx);font-family:"Inter",sans-serif;font-weight:700;white-space:nowrap}
|
||||
|
||||
/* identificação do cliente */
|
||||
.subC{font-size:13px;color:var(--fraco);line-height:1.5;margin:-4px 0 12px}
|
||||
.subC{font-size:14px;color:var(--fraco);line-height:1.5;margin:-4px 0 12px}
|
||||
.campos{display:grid;grid-template-columns:1fr 1fr;gap:11px}
|
||||
@media(max-width:620px){.campos{grid-template-columns:1fr}}
|
||||
.cp.larga{grid-column:1/-1}
|
||||
.cp label{display:block;font-size:12px;color:var(--fraco);margin-bottom:5px}
|
||||
.cp label{display:block;font-size:13px;color:var(--fraco);margin-bottom:5px}
|
||||
.cp input{width:100%;padding:11px 12px;border-radius:8px;border:1px solid var(--linha);
|
||||
background:#fff;font-family:inherit;font-size:14.5px;color:var(--tx)}
|
||||
background:#fff;font-family:inherit;font-size:15.5px;color:var(--tx)}
|
||||
.cp input:focus{outline:none;border-color:var(--laranja)}
|
||||
.cp input.ruim{border-color:var(--vermelho);background:#FFF6F4}
|
||||
.cp input.bom{border-color:var(--verde-ml)}
|
||||
.cp .err{display:block;font-size:12px;color:var(--vermelho);margin-top:4px;min-height:13px}
|
||||
.cp .err{display:block;font-size:13px;color:var(--vermelho);margin-top:4px;min-height:13px}
|
||||
|
||||
/* forma de entrega, como no checkout do marketplace */
|
||||
.entrega{display:grid;gap:9px}
|
||||
@@ -596,42 +596,42 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
.opE.on .mk{border-color:var(--verde-ml);
|
||||
background:radial-gradient(circle,var(--verde-ml) 0 4px,#fff 5px)}
|
||||
.opE div{flex:1;min-width:0}
|
||||
.opE b{display:block;font-family:"Inter",sans-serif;font-size:14.5px;margin-bottom:2px}
|
||||
.opE span{font-size:13px;color:var(--fraco);line-height:1.5}
|
||||
.opE b{display:block;font-family:"Inter",sans-serif;font-size:15.5px;margin-bottom:2px}
|
||||
.opE span{font-size:14px;color:var(--fraco);line-height:1.5}
|
||||
.opE em{flex:none;font-style:normal;font-family:"Inter",sans-serif;font-weight:700;
|
||||
font-size:14px;color:var(--verde-ml);white-space:nowrap}
|
||||
font-size:15px;color:var(--verde-ml);white-space:nowrap}
|
||||
.cep{display:none;margin-top:10px;padding:12px;background:var(--cinza);border-radius:9px}
|
||||
.cep.on{display:block}
|
||||
.cep label{display:block;font-size:12px;color:var(--fraco);margin-bottom:6px}
|
||||
.cep label{display:block;font-size:13px;color:var(--fraco);margin-bottom:6px}
|
||||
.cepL{display:flex;gap:8px}
|
||||
.cepL input{flex:1;min-width:0;padding:10px 12px;border-radius:8px;background:#fff;
|
||||
border:1px solid var(--linha);font-family:inherit;font-size:14px;color:var(--tx)}
|
||||
border:1px solid var(--linha);font-family:inherit;font-size:15px;color:var(--tx)}
|
||||
.cepL input:focus{outline:none;border-color:var(--laranja)}
|
||||
.cepL button{flex:none;width:auto;padding:10px 18px;border-radius:8px;
|
||||
border:1px solid var(--linha);cursor:pointer;background:#fff;color:var(--tx);
|
||||
font-family:"Inter",sans-serif;font-weight:600;font-size:14px}
|
||||
font-family:"Inter",sans-serif;font-weight:600;font-size:15px}
|
||||
.cepL button:hover{border-color:var(--laranja);color:var(--laranja)}
|
||||
.cep p{font-size:13px;color:var(--fraco);margin-top:9px;line-height:1.5}
|
||||
.cep p{font-size:14px;color:var(--fraco);margin-top:9px;line-height:1.5}
|
||||
.cep p:empty{display:none}
|
||||
.cep .endereco{margin-top:12px}
|
||||
.cep .err{color:var(--vermelho)}
|
||||
.avisoE:empty{display:none}
|
||||
.avisoE{font-size:13px;color:#1F5C3A;background:#F1FBF5;border:1px solid #BFE6CE;
|
||||
.avisoE{font-size:14px;color:#1F5C3A;background:#F1FBF5;border:1px solid #BFE6CE;
|
||||
border-radius:8px;padding:10px 12px;line-height:1.5;margin-top:9px}
|
||||
|
||||
/* resumo da compra */
|
||||
.resumo{position:sticky;top:104px;background:#fff;border:1px solid var(--linha);
|
||||
border-radius:12px;box-shadow:var(--sombra);padding:17px 18px}
|
||||
@media(max-width:900px){.resumo{position:static}}
|
||||
.resumo h4{font-family:"Inter",sans-serif;font-size:16.5px;font-weight:700;margin-bottom:12px}
|
||||
.resumo h4{font-family:"Inter",sans-serif;font-size:17.5px;font-weight:700;margin-bottom:12px}
|
||||
.resumo .l{padding:6px 0}
|
||||
.carr .tot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
|
||||
font-family:"Inter",sans-serif;font-size:15.5px;font-weight:700;padding-top:12px;margin-top:8px;
|
||||
font-family:"Inter",sans-serif;font-size:16.5px;font-weight:700;padding-top:12px;margin-top:8px;
|
||||
border-top:1px solid var(--linha);color:var(--tx)}
|
||||
.carr .tot b{font-size:23px;color:var(--tx)}
|
||||
.cbts{display:grid;gap:9px;margin-top:14px}
|
||||
.cbts button{width:100%;padding:13px;border-radius:9px;border:0;background:var(--laranja);
|
||||
color:#241703;font-family:"Inter",sans-serif;font-weight:700;font-size:15px;cursor:pointer;
|
||||
color:#241703;font-family:"Inter",sans-serif;font-weight:700;font-size:16px;cursor:pointer;
|
||||
transition:var(--transition)}
|
||||
.cbts button:hover{background:var(--laranja2)}
|
||||
.cbts button:disabled{opacity:.4;cursor:not-allowed}
|
||||
@@ -644,10 +644,10 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
.trilho::-webkit-scrollbar{height:0}
|
||||
.slide{flex:0 0 clamp(244px,76%,316px);scroll-snap-align:start;
|
||||
background:var(--cinza);border:1px solid var(--linha);border-radius:13px;padding:17px 18px}
|
||||
.slide .et2{font-family:"Inter",sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;
|
||||
.slide .et2{font-family:"Inter",sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;
|
||||
text-transform:uppercase;color:var(--laranja);margin-bottom:8px;display:block}
|
||||
.slide h3{font-family:"Inter",sans-serif;font-size:16.5px;font-weight:700;margin-bottom:6px;line-height:1.18}
|
||||
.slide p{font-size:14px;color:var(--fraco);line-height:1.5}
|
||||
.slide h3{font-family:"Inter",sans-serif;font-size:17.5px;font-weight:700;margin-bottom:6px;line-height:1.18}
|
||||
.slide p{font-size:15px;color:var(--fraco);line-height:1.5}
|
||||
/* selo circular · o benefício em número, com os anéis da marca em volta */
|
||||
.slide{position:relative;overflow:hidden}
|
||||
.stop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
|
||||
@@ -661,26 +661,26 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
.selo::after{inset:-21px;border:1px solid rgba(0,166,80,.09)}
|
||||
.selo b{font-family:"Inter",sans-serif;font-weight:700;font-size:19px;line-height:1;
|
||||
color:var(--verde-ml);letter-spacing:-.01em}
|
||||
.selo b em{font-style:normal;font-size:12.5px;margin-left:1px}
|
||||
.selo span{font-family:"Inter",sans-serif;font-weight:700;font-size:9.5px;line-height:1.2;
|
||||
.selo b em{font-style:normal;font-size:13.5px;margin-left:1px}
|
||||
.selo span{font-family:"Inter",sans-serif;font-weight:700;font-size:10.5px;line-height:1.2;
|
||||
letter-spacing:.07em;text-transform:uppercase;color:var(--fraco);margin-top:4px;padding:0 5px}
|
||||
.slide .num{font-family:"Inter",sans-serif;font-weight:700;font-size:26px;
|
||||
color:var(--laranja);line-height:1;margin-bottom:6px}
|
||||
.slide ul{list-style:none;font-size:13.5px;margin-top:9px}
|
||||
.slide ul{list-style:none;font-size:14.5px;margin-top:9px}
|
||||
.slide li{padding:4px 0 4px 19px;position:relative;color:var(--fraco)}
|
||||
.slide li::before{content:"✓";position:absolute;left:2px;color:var(--verde);font-size:12.5px}
|
||||
.slide li::before{content:"✓";position:absolute;left:2px;color:var(--verde);font-size:13.5px}
|
||||
.slide li.no::before{content:"!";color:var(--laranja);font-weight:700}
|
||||
.slide table{width:100%;font-size:13.5px;margin-top:9px;border-collapse:collapse}
|
||||
.slide table{width:100%;font-size:14.5px;margin-top:9px;border-collapse:collapse}
|
||||
.slide td{padding:5px 0;border-bottom:1px solid #E3E3E3;color:var(--fraco)}
|
||||
.slide td+td{text-align:right;font-family:"Inter",sans-serif;font-weight:700;color:var(--tx)}
|
||||
.slide td.cab{font-family:"Inter",sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;
|
||||
.slide td.cab{font-family:"Inter",sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;
|
||||
text-transform:uppercase;color:var(--fraco)}
|
||||
.slide tr:last-child td{border:0}
|
||||
.slide .dest{background:#fff;border-radius:8px;padding:9px 11px;margin-top:9px;
|
||||
font-size:13px;color:var(--tx)}
|
||||
font-size:14px;color:var(--tx)}
|
||||
.navc{display:flex;gap:8px;align-items:center;margin-top:14px}
|
||||
.navc button{width:32px;height:32px;border-radius:50%;border:1px solid var(--linha);
|
||||
background:#fff;color:var(--tx);cursor:pointer;font-size:15.5px;line-height:1}
|
||||
background:#fff;color:var(--tx);cursor:pointer;font-size:16.5px;line-height:1}
|
||||
.navc button:hover{border-color:var(--laranja);color:var(--laranja)}
|
||||
.pontos{display:flex;gap:5px;margin-left:auto}
|
||||
.pt{width:20px;height:3px;border-radius:2px;background:var(--linha);border:0;padding:0;cursor:pointer}
|
||||
@@ -689,31 +689,31 @@ h1 em{font-style:normal;color:var(--laranja)}
|
||||
|
||||
h2{font-size:clamp(23px,3.6vw,34px);font-weight:700;max-width:20ch}
|
||||
h2 em{font-style:normal;color:var(--laranja)}
|
||||
.et{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--laranja);
|
||||
.et{font-size:13.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--laranja);
|
||||
font-family:"Inter",sans-serif;font-weight:700;margin-bottom:10px}
|
||||
.lead{color:var(--fraco);font-size:15.5px;max-width:56ch;margin-top:12px}
|
||||
.lead{color:var(--fraco);font-size:16.5px;max-width:56ch;margin-top:12px}
|
||||
.dor{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:13px;margin-top:24px}
|
||||
.dc{background:#fff;border:1px solid var(--linha);border-radius:12px;padding:18px 19px}
|
||||
.dc .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;
|
||||
font-family:"Inter",sans-serif;font-weight:700;font-size:15px;margin-bottom:11px;
|
||||
font-family:"Inter",sans-serif;font-weight:700;font-size:16px;margin-bottom:11px;
|
||||
background:#FBEEEA;color:var(--vermelho)}
|
||||
.dc h3{font-size:15.5px;font-weight:700;margin-bottom:4px}
|
||||
.dc p{font-size:14px;color:var(--fraco)}
|
||||
.nota{background:var(--cinza);border-radius:11px;padding:14px 18px;margin-top:15px;font-size:14px;color:var(--fraco)}
|
||||
.dc h3{font-size:16.5px;font-weight:700;margin-bottom:4px}
|
||||
.dc p{font-size:15px;color:var(--fraco)}
|
||||
.nota{background:var(--cinza);border-radius:11px;padding:14px 18px;margin-top:15px;font-size:15px;color:var(--fraco)}
|
||||
.nota b{color:var(--tx);font-family:"Inter",sans-serif}
|
||||
|
||||
footer{background:#000;color:#8D9AB0;padding:26px 0 20px;font-size:14px}
|
||||
footer{background:#000;color:#8D9AB0;padding:26px 0 20px;font-size:15px}
|
||||
.frow{display:flex;gap:26px;align-items:flex-start;flex-wrap:wrap;padding-bottom:18px}
|
||||
.fmarca{display:flex;align-items:center;gap:9px;font-family:"Inter",sans-serif;
|
||||
font-weight:700;font-size:14px;color:var(--laranja);letter-spacing:.06em;white-space:nowrap}
|
||||
font-weight:700;font-size:15px;color:var(--laranja);letter-spacing:.06em;white-space:nowrap}
|
||||
.fmarca img{height:22px;width:auto;display:block;filter:brightness(0) invert(1)}
|
||||
footer a{color:#8D9AB0;text-decoration:none}
|
||||
footer a:hover{color:var(--laranja2)}
|
||||
.flinks{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}
|
||||
.fcont{margin-left:auto;text-align:right;font-size:14px;line-height:1.7}
|
||||
.flinks{display:flex;gap:18px;flex-wrap:wrap;font-size:15px}
|
||||
.fcont{margin-left:auto;text-align:right;font-size:15px;line-height:1.7}
|
||||
@media(max-width:720px){.fcont{margin-left:0;text-align:left}}
|
||||
.fbase{border-top:1px solid rgba(255,255,255,.1);padding-top:14px;display:flex;
|
||||
justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:#5A6570}
|
||||
justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13.5px;color:#5A6570}
|
||||
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/site-v2.css">
|
||||
@@ -1045,9 +1045,9 @@ footer a:hover{color:var(--laranja2)}
|
||||
<div class="qual" id="qual">
|
||||
<div class="qh">
|
||||
<div><h3 id="qNome">sua folha</h3>
|
||||
<span style="font-size:13.5px;color:var(--fraco)" id="qSub"></span></div>
|
||||
<span style="font-size:14.5px;color:var(--fraco)" id="qSub"></span></div>
|
||||
<div style="text-align:right"><div class="pct" id="pct">—</div>
|
||||
<span style="font-size:12.5px;color:var(--fraco)">qualidade</span></div>
|
||||
<span style="font-size:13.5px;color:var(--fraco)">qualidade</span></div>
|
||||
</div>
|
||||
<div class="qbar"><i id="qbi" style="width:0%"></i></div>
|
||||
<div class="qitens" id="qitens"></div>
|
||||
@@ -1063,7 +1063,7 @@ footer a:hover{color:var(--laranja2)}
|
||||
<p id="pSub">confira antes de fechar o pedido</p></div>
|
||||
<div style="text-align:right">
|
||||
<div class="mt" id="pMt">—</div>
|
||||
<span style="font-size:12.5px;color:var(--fraco)">cobrado por proporção</span></div>
|
||||
<span style="font-size:13.5px;color:var(--fraco)">cobrado por proporção</span></div>
|
||||
</div>
|
||||
<div class="pgrid">
|
||||
<div class="pfolha"><div id="pArea"></div></div>
|
||||
|
||||
@@ -18,30 +18,30 @@ a{color:var(--accent-tx)}
|
||||
.mono{font-family:var(--mono)}
|
||||
.muted{color:var(--muted)}
|
||||
.faint{color:var(--faint)}
|
||||
.btn{height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--line2);background:var(--card2);color:var(--tx);font-size:13.5px;font-weight:600;white-space:nowrap}
|
||||
.btn{height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--line2);background:var(--card2);color:var(--tx);font-size:14px;font-weight:600;white-space:nowrap}
|
||||
.btn:hover{border-color:var(--line3)}
|
||||
.btn.ghost{background:transparent;color:var(--muted)}
|
||||
.btn.primary{height:44px;border:0;background:var(--accent);color:#0F1113;font-weight:800;font-size:14.5px;padding:0 18px}
|
||||
.btn.primary:hover{filter:brightness(1.08)}
|
||||
.btn.danger{height:44px;background:transparent;border-color:var(--bad-line);color:var(--bad);font-weight:700;font-size:14.5px}
|
||||
.btn.warn{border:0;background:var(--warn);color:#0F1113;font-weight:800}
|
||||
.chip{height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--line2);background:transparent;color:var(--muted);font-size:13.5px;font-weight:600}
|
||||
.chip{height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--line2);background:transparent;color:var(--muted);font-size:14px;font-weight:600}
|
||||
.chip[aria-pressed=true]{border-color:var(--accent);background:rgba(255,139,43,.12);color:var(--accent-tx)}
|
||||
.badge{font-size:13px;font-weight:700;border-radius:999px;padding:1px 8px;background:var(--accent);color:#0F1113}
|
||||
.badge{font-size:13.5px;font-weight:700;border-radius:999px;padding:1px 8px;background:var(--accent);color:#0F1113}
|
||||
.badge.warn{background:var(--warn);color:#0F1113}
|
||||
.badge:empty{display:none}
|
||||
.eyebrow{font-size:13px;color:var(--faint);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}
|
||||
.eyebrow{font-size:13.5px;color:var(--faint);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}
|
||||
input[type=text],input[type=email],input[type=password],input[type=number],input:not([type]),textarea{height:40px;padding:0 12px;border-radius:8px;border:1px solid var(--line3);background:var(--bg);color:var(--tx)}
|
||||
textarea{height:auto;padding:10px 12px;min-height:72px;width:100%;resize:vertical}
|
||||
input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}
|
||||
input[type=file]{font-size:13.5px;color:var(--muted);max-width:100%}
|
||||
.check{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--tx2)}
|
||||
input[type=file]{font-size:14px;color:var(--muted);max-width:100%}
|
||||
.check{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--tx2)}
|
||||
.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}
|
||||
|
||||
/* Sign-in */
|
||||
.login{max-width:380px;margin:12vh auto 0;padding:32px;border:1px solid var(--line2);border-radius:14px;background:var(--panel);display:flex;flex-direction:column;gap:14px}
|
||||
.login label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--muted)}
|
||||
.login .hint{font-size:13px;color:var(--faint);margin:0}
|
||||
.login label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--muted)}
|
||||
.login .hint{font-size:13.5px;color:var(--faint);margin:0}
|
||||
|
||||
/* Top bar */
|
||||
.top{height:64px;padding:0 24px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);background:var(--bar);position:sticky;top:0;z-index:5}
|
||||
@@ -50,14 +50,14 @@ input[type=file]{font-size:13.5px;color:var(--muted);max-width:100%}
|
||||
.tabs{display:flex;gap:4px;align-self:stretch}
|
||||
.tabs button{display:flex;align-items:center;gap:8px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-weight:600;font-size:14.5px}
|
||||
.tabs button[aria-selected=true]{color:var(--tx);font-weight:700;border-bottom-color:var(--accent)}
|
||||
.tabs .count{font-family:var(--mono);font-size:13px;color:var(--muted)}
|
||||
.tabs .count{font-family:var(--mono);font-size:13.5px;color:var(--muted)}
|
||||
.search{display:flex;align-items:center;gap:8px;width:300px;height:38px;padding:0 12px;border:1px solid var(--line2);border-radius:9px;background:var(--card);color:var(--faint);margin-left:auto}
|
||||
.search input{flex:1;min-width:0;border:0;background:transparent;height:auto;padding:0;outline:none}
|
||||
.tinydot{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted);white-space:nowrap}
|
||||
.tinydot{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);white-space:nowrap}
|
||||
.tinydot::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--dot,#5B6168)}
|
||||
.tinydot:empty{display:none}
|
||||
.who{font-size:13.5px;color:var(--muted);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
|
||||
#status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:20;margin:0;max-width:min(640px,calc(100vw - 32px));padding:10px 16px;border-radius:10px;border:1px solid var(--line3);background:#1E2226;color:var(--tx);font-size:13.5px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
|
||||
.who{font-size:14px;color:var(--muted);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
|
||||
#status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:20;margin:0;max-width:min(640px,calc(100vw - 32px));padding:10px 16px;border-radius:10px;border:1px solid var(--line3);background:#1E2226;color:var(--tx);font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
|
||||
#status:empty,#login-status:empty{display:none}
|
||||
#status.error{border-color:var(--bad-line);color:var(--bad)}
|
||||
#login-status.error{color:var(--bad)}
|
||||
@@ -76,21 +76,21 @@ main{padding:0 24px 24px}
|
||||
.col-head div{display:flex;align-items:center;gap:8px}
|
||||
.col-head h2{margin:0;font-size:14.5px;font-weight:700}
|
||||
.col-head .swatch{width:10px;height:10px;border-radius:3px;background:var(--c)}
|
||||
.col-head .n{margin-left:auto;font-family:var(--mono);font-size:13px;color:var(--muted)}
|
||||
.col-head small{font-size:13px;color:var(--faint)}
|
||||
.col .empty{font-size:13px;color:var(--faint);padding:8px 2px}
|
||||
.col-head .n{margin-left:auto;font-family:var(--mono);font-size:13.5px;color:var(--muted)}
|
||||
.col-head small{font-size:13.5px;color:var(--faint)}
|
||||
.col .empty{font-size:13.5px;color:var(--faint);padding:8px 2px}
|
||||
.card{text-align:left;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;border:1px solid var(--line2);background:var(--card);width:100%}
|
||||
.card:hover,.card.open{border-color:var(--line3);background:#1E2226}
|
||||
.card .row{display:flex;align-items:baseline;gap:8px;width:100%}
|
||||
.card .num{font-size:14.5px;font-weight:800}
|
||||
.card .age{margin-left:auto;font-size:13px;color:var(--faint)}
|
||||
.card .cust{font-size:13.5px;font-weight:600;color:var(--tx);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||||
.card .age{margin-left:auto;font-size:13.5px;color:var(--faint)}
|
||||
.card .cust{font-size:14px;font-weight:600;color:var(--tx);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||||
.tags{display:flex;flex-wrap:wrap;gap:6px}
|
||||
.tag{font-size:13px;padding:3px 8px;border-radius:6px;background:var(--card2);color:var(--tx2)}
|
||||
.tag-teste{font-size:12px;font-weight:800;letter-spacing:.04em;padding:2px 7px;border-radius:6px;background:var(--warn);color:#1a1300}
|
||||
.card .foot{display:flex;align-items:center;gap:6px;font-size:13px}
|
||||
.tag{font-size:13.5px;padding:3px 8px;border-radius:6px;background:var(--card2);color:var(--tx2)}
|
||||
.tag-teste{font-size:12.5px;font-weight:800;letter-spacing:.04em;padding:2px 7px;border-radius:6px;background:var(--warn);color:#1a1300}
|
||||
.card .foot{display:flex;align-items:center;gap:6px;font-size:13.5px}
|
||||
.card .foot .where{margin-left:auto;color:var(--muted)}
|
||||
.late{font-size:13px;color:#F06A5B;font-weight:600}
|
||||
.late{font-size:13.5px;color:#F06A5B;font-weight:600}
|
||||
|
||||
/* Order panel */
|
||||
.drawer{position:fixed;inset:0;z-index:10;display:flex;justify-content:flex-end}
|
||||
@@ -99,10 +99,10 @@ main{padding:0 24px 24px}
|
||||
.panel-head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
|
||||
.panel-head .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
|
||||
.panel-head .num{font-size:22px;font-weight:800}
|
||||
.stage{font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c)}
|
||||
.stage{font-size:13.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c)}
|
||||
.close{margin-left:auto;width:40px;height:40px;border-radius:8px;border:1px solid var(--line2);background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center}
|
||||
.steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
|
||||
.steps li{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--faint)}
|
||||
.steps li{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--faint)}
|
||||
.steps li::before{content:"";height:4px;border-radius:4px;background:var(--line2)}
|
||||
.steps li.done{color:var(--muted)}.steps li.done::before{background:var(--c)}
|
||||
.steps li.now{color:var(--tx);font-weight:700}.steps li.now::before{background:var(--c)}
|
||||
@@ -112,7 +112,7 @@ main{padding:0 24px 24px}
|
||||
.panel-body{flex:1;overflow:auto;padding:20px 24px 32px;display:flex;flex-direction:column;gap:24px}
|
||||
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
|
||||
.facts b{display:block;font-size:14.5px}
|
||||
.facts span{font-size:13.5px;color:var(--muted);overflow-wrap:anywhere}
|
||||
.facts span{font-size:14px;color:var(--muted);overflow-wrap:anywhere}
|
||||
.item{display:flex;gap:14px;padding:14px;border:1px solid var(--line2);border-radius:12px;background:var(--card)}
|
||||
.item.attention{border-color:#4A3A1E;background:#1C1A15}
|
||||
.item .preview{width:96px;flex-shrink:0;border-radius:8px;background:var(--card2);display:flex;align-items:flex-start;justify-content:center;padding:6px}
|
||||
@@ -120,18 +120,18 @@ main{padding:0 24px 24px}
|
||||
.item .body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
|
||||
.item .title{display:flex;align-items:baseline;gap:8px}
|
||||
.item .title b{font-size:14.5px}
|
||||
.item .title .mono{margin-left:auto;font-size:13.5px}
|
||||
.item .line{font-size:13px;color:var(--muted)}
|
||||
.item .file{display:flex;align-items:center;gap:8px;font-size:13.5px}
|
||||
.item .title .mono{margin-left:auto;font-size:14px}
|
||||
.item .line{font-size:13.5px;color:var(--muted)}
|
||||
.item .file{display:flex;align-items:center;gap:8px;font-size:14px}
|
||||
.buttons{display:flex;gap:8px;flex-wrap:wrap}
|
||||
.finals{display:flex;flex-direction:column;gap:12px}
|
||||
.finals .rev{font-size:13.5px;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--line2);border-radius:10px}
|
||||
.finals .rev{font-size:14px;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--line2);border-radius:10px}
|
||||
.finals form{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line2);border-radius:12px}
|
||||
.finals .slot{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600}
|
||||
.finals .slot{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
|
||||
.timeline{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
|
||||
.timeline li{display:flex;gap:12px;font-size:13.5px}
|
||||
.timeline li{display:flex;gap:12px;font-size:14px}
|
||||
.timeline li::before{content:"";width:8px;height:8px;margin-top:6px;border-radius:999px;background:var(--c,var(--muted));flex-shrink:0}
|
||||
.timeline small{display:block;color:var(--faint);font-size:13px}
|
||||
.timeline small{display:block;color:var(--faint);font-size:13.5px}
|
||||
|
||||
/* Quotes */
|
||||
#tab-quotes{padding-top:18px}
|
||||
@@ -140,7 +140,7 @@ main{padding:0 24px 24px}
|
||||
.qitem{text-align:left;display:flex;justify-content:space-between;gap:12px;padding:14px;border-radius:10px;border:1px solid var(--line2);background:var(--card);width:100%}
|
||||
.qitem[aria-current=true]{border-color:var(--accent);background:#1F1A15}
|
||||
.qitem b{display:block;font-size:14.5px;overflow-wrap:anywhere}
|
||||
.qitem span{font-size:13px;color:var(--muted)}
|
||||
.qitem span{font-size:13.5px;color:var(--muted)}
|
||||
.qitem .right{text-align:right;flex-shrink:0}
|
||||
.qitem .flag{display:block;color:var(--warn);font-weight:600;margin-top:4px}
|
||||
.pane{flex:1;min-width:0;display:flex;flex-direction:column}
|
||||
@@ -148,7 +148,7 @@ main{padding:0 24px 24px}
|
||||
.pane .head b{font-size:18px;overflow-wrap:anywhere}
|
||||
.pane .content{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:16px}
|
||||
.pane .fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
|
||||
.pane .fields label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}
|
||||
.pane .fields label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--muted)}
|
||||
.pane .fields input[readonly]{color:var(--faint);background:var(--panel);border-color:var(--line2)}
|
||||
.pane .foot{padding:16px 24px;border-top:1px solid var(--line);background:var(--bar);display:flex;align-items:center;gap:16px;flex-wrap:wrap}
|
||||
.pane .foot .total{margin-left:auto;font-family:var(--mono);color:var(--muted)}
|
||||
@@ -161,10 +161,10 @@ main{padding:0 24px 24px}
|
||||
.issue{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 18px;border-radius:12px;border:1px solid #4A3A1E;background:#1C1A15;margin-bottom:8px}
|
||||
.issue .text{flex:1;min-width:260px;display:flex;flex-direction:column;gap:4px}
|
||||
.issue .text b{font-size:14.5px}
|
||||
.issue .text span{font-size:13.5px;color:var(--muted);overflow-wrap:anywhere}
|
||||
.issue .text span{font-size:14px;color:var(--muted);overflow-wrap:anywhere}
|
||||
.issue form{display:flex;gap:8px;align-items:center}
|
||||
.issue.done{border-color:var(--line2);background:var(--card)}
|
||||
.pager{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 4px;border-top:1px solid var(--line);margin-top:8px;font-size:13.5px;color:var(--muted)}
|
||||
.pager{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 4px;border-top:1px solid var(--line);margin-top:8px;font-size:14px;color:var(--muted)}
|
||||
.pager-size{display:flex;align-items:center;gap:8px}
|
||||
.pager-size select{height:34px;padding:0 8px;border-radius:8px;border:1px solid var(--line3);background:var(--bg);color:var(--tx)}
|
||||
.pager-range{margin-left:auto}
|
||||
@@ -177,7 +177,7 @@ main{padding:0 24px 24px}
|
||||
.pager.compact .pager-range{margin-left:0}
|
||||
.pager.compact .pager-nav{margin-left:auto}
|
||||
.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}
|
||||
.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}
|
||||
.field{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--muted)}
|
||||
.field select,.field input{height:38px;min-width:160px;padding:0 10px;border-radius:8px;border:1px solid var(--line3);background:var(--bg);color:var(--tx)}
|
||||
.field input{min-width:110px;width:110px}
|
||||
.issue input{width:320px}
|
||||
@@ -186,10 +186,10 @@ main{padding:0 24px 24px}
|
||||
.integration .head{display:flex;align-items:center;gap:8px}
|
||||
.integration .head b{font-size:15px}
|
||||
.integration .head .dot{width:9px;height:9px;border-radius:999px;background:var(--dot,#5B6168)}
|
||||
.integration .head em{margin-left:auto;font-style:normal;font-size:13px;font-weight:700;color:var(--dotx,var(--muted))}
|
||||
.integration p{margin:0;font-size:13.5px;color:var(--muted)}
|
||||
.integration .head em{margin-left:auto;font-style:normal;font-size:13.5px;font-weight:700;color:var(--dotx,var(--muted))}
|
||||
.integration p{margin:0;font-size:14px;color:var(--muted)}
|
||||
.integration .buttons{margin-top:auto}
|
||||
table.log{width:100%;border-collapse:collapse;font-size:13.5px}
|
||||
table.log{width:100%;border-collapse:collapse;font-size:14px}
|
||||
table.log th{text-align:left;color:var(--faint);font-weight:600;padding:8px 12px;border-bottom:1px solid var(--line)}
|
||||
table.log td{padding:10px 12px;border-bottom:1px solid #1E2226;vertical-align:top}
|
||||
.good{color:var(--ok);font-weight:600}.retry{color:var(--warn);font-weight:600}
|
||||
|
||||
268
web/site-v2.css
268
web/site-v2.css
@@ -10,7 +10,7 @@
|
||||
body{background:#fff}
|
||||
.w{max-width:1200px;padding:0 24px}
|
||||
h1,h2,h3,h4{font-family:"Inter",sans-serif}
|
||||
.et{font-family:"Inter",sans-serif;font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--laranja-escuro)}
|
||||
.et{font-family:"Inter",sans-serif;font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--laranja-escuro)}
|
||||
|
||||
/* Pages (site-pages.js): the home, a product page and the cart show only their own parts. */
|
||||
html[data-rota="inicio"] :is(#passos,#foco,#qual,#prev,#carr,.checkout,#carrVazio),
|
||||
@@ -23,31 +23,31 @@ html:not([data-rota="inicio"]) #envio{padding-top:0;padding-bottom:64px;min-heig
|
||||
.carrVazio{max-width:520px;margin:48px auto 0;padding:0 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
|
||||
.carrVazio[hidden]{display:none}
|
||||
.carrVazio h2{font-size:28px;font-weight:800;letter-spacing:-.02em}
|
||||
.carrVazio p{color:var(--fraco);font-size:16.5px}
|
||||
.carrVazio p{color:var(--fraco);font-size:17.5px}
|
||||
|
||||
/* Hero */
|
||||
.hero2{background:var(--preto);color:#fff;padding:64px 0}
|
||||
.hero2-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}
|
||||
.hero2-text{display:flex;flex-direction:column;gap:24px}
|
||||
.chips{display:flex;gap:10px;flex-wrap:wrap}
|
||||
.chip2{font-family:"Inter",sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:6px;border:1px solid #3A3D42;color:#E4E4E4}
|
||||
.chip2{font-family:"Inter",sans-serif;font-weight:700;font-size:14.5px;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:6px;border:1px solid #3A3D42;color:#E4E4E4}
|
||||
.chip2.destaque{background:var(--laranja);border-color:var(--laranja);color:var(--preto);font-weight:800}
|
||||
.hero2 h1{color:#fff;font-size:clamp(34px,4.6vw,58px);line-height:1.04;font-weight:900;letter-spacing:-.03em}
|
||||
.hero2 h1 em{font-style:normal;color:var(--laranja)}
|
||||
.hero2-text>p{font-size:18px;line-height:1.55;color:#C9CCD1;max-width:560px}
|
||||
.hero2-text>p{font-size:19px;line-height:1.55;color:#C9CCD1;max-width:560px}
|
||||
.hero2-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
|
||||
.hero2-cta span{font-size:15px;color:#9EA3AA}
|
||||
.btn-laranja{height:56px;padding:0 28px;border-radius:var(--raio2);background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:17px;display:inline-flex;align-items:center;gap:10px;text-decoration:none}
|
||||
.hero2-cta span{font-size:16px;color:#9EA3AA}
|
||||
.btn-laranja{height:56px;padding:0 28px;border-radius:var(--raio2);background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:18px;display:inline-flex;align-items:center;gap:10px;text-decoration:none}
|
||||
.btn-laranja:hover{background:#FFB53D}
|
||||
.hero2-folha{background:#14171B;border:1px solid #262A2F;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px}
|
||||
.hf-cab{display:flex;align-items:baseline;gap:10px}
|
||||
.hf-cab b{font-family:"Inter",sans-serif;font-size:15.5px}
|
||||
.hf-cab span{margin-left:auto;font-size:14px;color:#9EA3AA}
|
||||
.hf-cab b{font-family:"Inter",sans-serif;font-size:16.5px}
|
||||
.hf-cab span{margin-left:auto;font-size:15px;color:#9EA3AA}
|
||||
.hf-area{position:relative;height:260px;border-radius:10px;background:#0B0D10;border:1px dashed #3A3D42;overflow:hidden}
|
||||
.hf-area i{position:absolute;border-radius:6px;opacity:.88}
|
||||
.hf-num{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
|
||||
.hf-num span{display:block;font-size:13.5px;color:#9EA3AA}
|
||||
.hf-num b{font-family:"Inter",sans-serif;font-size:18px}
|
||||
.hf-num span{display:block;font-size:14.5px;color:#9EA3AA}
|
||||
.hf-num b{font-family:"Inter",sans-serif;font-size:19px}
|
||||
.hf-num .verde{color:#57D68A}.hf-num .laranja{color:var(--laranja)}
|
||||
|
||||
/* Steps strip */
|
||||
@@ -55,15 +55,15 @@ html:not([data-rota="inicio"]) #envio{padding-top:0;padding-bottom:64px;min-heig
|
||||
.etapas2 .w{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
|
||||
.etapas2 .w>div{display:flex;gap:14px;align-items:flex-start}
|
||||
.etapas2 span{width:36px;height:36px;flex-shrink:0;border-radius:999px;background:#FFF1DB;color:var(--laranja-escuro);font-family:"Inter",sans-serif;font-weight:800;display:flex;align-items:center;justify-content:center}
|
||||
.etapas2 b{font-family:"Inter",sans-serif;font-size:16px}
|
||||
.etapas2 p{margin-top:3px;font-size:15px;color:var(--fraco)}
|
||||
.etapas2 b{font-family:"Inter",sans-serif;font-size:17px}
|
||||
.etapas2 p{margin-top:3px;font-size:16px;color:var(--fraco)}
|
||||
section+section{border-top:0}
|
||||
|
||||
/* Product chooser */
|
||||
#envio{padding-top:56px}
|
||||
.cards-cab{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}
|
||||
.cards-cab h2{margin-top:8px;font-size:clamp(28px,3vw,38px);font-weight:800;letter-spacing:-.02em}
|
||||
.cards-cab p{margin-left:auto;max-width:440px;font-size:15.5px;color:var(--fraco)}
|
||||
.cards-cab p{margin-left:auto;max-width:440px;font-size:16.5px;color:var(--fraco)}
|
||||
.escolha{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
|
||||
.ec{text-align:left;padding:26px;gap:14px;border:1px solid var(--linha);border-radius:16px;box-shadow:none;cursor:pointer;font:inherit;color:inherit}
|
||||
.ec::before,.ec::after{display:none}
|
||||
@@ -71,23 +71,23 @@ section+section{border-top:0}
|
||||
.ec.f,.ec.f:hover{border-color:var(--linha)}
|
||||
.ec.f:hover{border-color:var(--laranja)}
|
||||
.ec-top{display:flex;align-items:center;gap:10px}
|
||||
.ec-kind{font-family:"Inter",sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.05em;color:#707070}
|
||||
.marc2{margin-left:auto;font-family:"Inter",sans-serif;font-weight:800;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--preto);color:var(--laranja)}
|
||||
.ec-kind{font-family:"Inter",sans-serif;font-weight:700;font-size:14.5px;letter-spacing:.05em;color:#707070}
|
||||
.marc2{margin-left:auto;font-family:"Inter",sans-serif;font-weight:800;font-size:13.5px;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--preto);color:var(--laranja)}
|
||||
.ec h3{font-size:25px;font-weight:800;letter-spacing:-.01em;color:var(--preto)}
|
||||
.ec>p{font-size:15.5px;line-height:1.5;color:var(--texto2);flex:1}
|
||||
.ec>p{font-size:16.5px;line-height:1.5;color:var(--texto2);flex:1}
|
||||
.ec-pe{display:flex;align-items:flex-end;gap:12px;padding-top:14px;border-top:1px solid #EFEFEF}
|
||||
.ec-preco{display:flex;flex-direction:column;gap:2px}
|
||||
.ec-preco span{font-size:14px;color:#707070}
|
||||
.ec-preco span{font-size:15px;color:#707070}
|
||||
.ec-preco em{font-style:normal}
|
||||
.ec-preco b{font-family:"Inter",sans-serif;font-size:29px;font-weight:900;letter-spacing:-.02em;color:var(--preto)}
|
||||
.ec-go{margin-left:auto;height:46px;padding:0 18px;border-radius:var(--raio2);background:var(--preto);color:#fff;font-family:"Inter",sans-serif;font-weight:700;font-size:15.5px;display:flex;align-items:center;white-space:nowrap}
|
||||
.ec-go{margin-left:auto;height:46px;padding:0 18px;border-radius:var(--raio2);background:var(--preto);color:#fff;font-family:"Inter",sans-serif;font-weight:700;font-size:16.5px;display:flex;align-items:center;white-space:nowrap}
|
||||
.ec:hover .ec-go{background:var(--laranja);color:var(--preto)}
|
||||
|
||||
/* Progress bar */
|
||||
.passos{position:sticky;top:var(--topo,64px);z-index:30;display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 22px;padding:14px 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--linha);font-family:"Inter",sans-serif;font-size:15px}
|
||||
.passos{position:sticky;top:var(--topo,64px);z-index:30;display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 22px;padding:14px 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--linha);font-family:"Inter",sans-serif;font-size:16px}
|
||||
.passos[hidden]{display:none}
|
||||
.passos a{display:flex;align-items:center;gap:8px;color:#707070;font-weight:600;text-decoration:none}
|
||||
.passos a span{width:26px;height:26px;border-radius:999px;border:2px solid #D0D0D0;display:flex;align-items:center;justify-content:center;font-size:14px}
|
||||
.passos a span{width:26px;height:26px;border-radius:999px;border:2px solid #D0D0D0;display:flex;align-items:center;justify-content:center;font-size:15px}
|
||||
.passos a.atual{color:var(--preto);font-weight:800}
|
||||
.passos a.atual span{background:var(--laranja);border-color:var(--laranja)}
|
||||
.passos a.feito{color:var(--verde)}
|
||||
@@ -100,13 +100,13 @@ section+section{border-top:0}
|
||||
parts live in the buy box, and the rest repeated it (the findings list too:
|
||||
each row already says what was checked). */
|
||||
#qual,#prev,#rA,.qb2,#qitens{display:none!important}
|
||||
.voltar{height:auto;padding:0;border:0;background:none;box-shadow:none;font-size:15px;font-weight:500;color:var(--fraco);margin:24px 0 14px}
|
||||
.voltar{height:auto;padding:0;border:0;background:none;box-shadow:none;font-size:16px;font-weight:500;color:var(--fraco);margin:24px 0 14px}
|
||||
.voltar:hover{color:var(--laranja-escuro)}
|
||||
.focoGrid{grid-template-columns:minmax(0,1fr);gap:20px}
|
||||
.cat,.cat.file{border:0;background:transparent;box-shadow:none;overflow:visible}
|
||||
.cabfoco,.cat.file .cabfoco{padding:0 0 24px!important;background:transparent;border:0;display:flex;flex-direction:column;gap:20px}
|
||||
.cabfoco>div:first-child{display:flex;flex-direction:column-reverse;gap:4px}
|
||||
.cabfoco .lg{font-size:14px;font-weight:800;color:var(--laranja-escuro);letter-spacing:.06em;text-transform:uppercase}
|
||||
.cabfoco .lg{font-size:15px;font-weight:800;color:var(--laranja-escuro);letter-spacing:.06em;text-transform:uppercase}
|
||||
.cabfoco h3{font-size:36px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
|
||||
.tipoEnvio{margin:0}
|
||||
.tipoEnvio:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:calc(100% - 452px)}
|
||||
@@ -114,11 +114,11 @@ section+section{border-top:0}
|
||||
.tipoEnvio .cam.on{padding:13px 15px;border:2px solid var(--preto);background:#fff}
|
||||
.tipoEnvio .cam .mk2{display:none}
|
||||
.tipoEnvio .cam div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:4px;align-items:baseline}
|
||||
.tipoEnvio .cam b{margin:0;font-size:15.5px;font-weight:700;color:var(--texto2)}
|
||||
.tipoEnvio .cam b{margin:0;font-size:16.5px;font-weight:700;color:var(--texto2)}
|
||||
.tipoEnvio .cam.on b{color:var(--preto);font-weight:800}
|
||||
.tipoEnvio .cam em{margin:0;font-size:14px;font-weight:500;color:var(--fraco);white-space:nowrap}
|
||||
.tipoEnvio .cam em{margin:0;font-size:15px;font-weight:500;color:var(--fraco);white-space:nowrap}
|
||||
.tipoEnvio .cam.on em{font-weight:600;color:var(--preto)}
|
||||
.tipoEnvio .cam div>span{grid-column:1/-1;font-size:14px;color:var(--fraco);line-height:1.4}
|
||||
.tipoEnvio .cam div>span{grid-column:1/-1;font-size:15px;color:var(--fraco);line-height:1.4}
|
||||
.tipoEnvio .cam.on div>span{color:var(--texto2)}
|
||||
.tipoEnvio .cam:disabled{cursor:default}
|
||||
.tipoEnvio .cam:disabled:not(.on){opacity:.55}
|
||||
@@ -132,58 +132,58 @@ section+section{border-top:0}
|
||||
#larguraFolhaPronta{display:inline;font-size:inherit;color:inherit}
|
||||
.zona{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;row-gap:2px;align-items:center;text-align:left;padding:16px 20px;margin:0;border:2px dashed #F2B25A;background:var(--aviso-fundo);border-radius:var(--raio)}
|
||||
.zona .ico{grid-row:1/4;display:flex;align-items:center;justify-content:center;width:44px;height:44px;line-height:1;margin:0;border-radius:10px;background:var(--laranja);color:var(--preto);font-size:20px;box-shadow:none}
|
||||
.zona b{font-size:15.5px;margin:0}
|
||||
.zona span{max-width:none;margin:0;font-size:14px;color:var(--fraco)}
|
||||
.zona b{font-size:16.5px;margin:0}
|
||||
.zona span{max-width:none;margin:0;font-size:15px;color:var(--fraco)}
|
||||
.zona .bt{display:none}
|
||||
.zona:hover,.zona.sobre{border-color:var(--laranja2);box-shadow:none}
|
||||
.zona .zManual{grid-column:1/-1;margin-top:12px;padding-top:12px;border-top:1px solid var(--aviso-linha);color:var(--texto2);line-height:1.5}
|
||||
.zona .zManual[hidden]{display:none}
|
||||
.zona .zManual b{display:inline;font-size:14px}
|
||||
.zona .zManual b{display:inline;font-size:15px}
|
||||
.zona .zOutra{display:none}
|
||||
.zona.compacta{display:flex;justify-content:center;align-items:center;min-height:56px;padding:0 20px;border:1.5px dashed #D0D0D0;background:#fff;cursor:pointer}
|
||||
.zona.compacta>*{display:none}
|
||||
.zona.compacta .zOutra{display:inline;font-size:15px;color:var(--fraco)}
|
||||
.zona.compacta .zOutra b{display:inline;font-size:15px;font-weight:600;color:var(--preto)}
|
||||
.zona.compacta .zOutra{display:inline;font-size:16px;color:var(--fraco)}
|
||||
.zona.compacta .zOutra b{display:inline;font-size:16px;font-weight:600;color:var(--preto)}
|
||||
.zona.compacta .zOutra b::before{content:"+";margin-right:8px;font-weight:700}
|
||||
.zona.compacta:hover,.zona.compacta.sobre{border-color:var(--laranja2)}
|
||||
#lista{display:flex;flex-direction:column;gap:10px}
|
||||
#lista:empty{display:none}
|
||||
.art{margin:0;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid var(--linha)}
|
||||
.art.nova{background:#fff;box-shadow:0 0 0 2px rgba(255,168,26,.45)}
|
||||
.art .l1 b{font-size:15.5px;font-weight:700}
|
||||
.art label{font-size:13.5px}
|
||||
.art input{height:42px;font-size:15.5px;font-weight:600;border-radius:8px}
|
||||
.art .l1 b{font-size:16.5px;font-weight:700}
|
||||
.art label{font-size:14.5px}
|
||||
.art input{height:42px;font-size:16.5px;font-weight:600;border-radius:8px}
|
||||
.art .cps{grid-template-columns:repeat(2,minmax(0,160px))}
|
||||
.listaCab{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
|
||||
.listaCab h4{margin:0;font-size:18px;font-weight:700}
|
||||
.listaCab span{font-size:14px;color:var(--fraco)}
|
||||
.listaCab h4{margin:0;font-size:19px;font-weight:700}
|
||||
.listaCab span{font-size:15px;color:var(--fraco)}
|
||||
.rep{margin:0;padding:20px;border-radius:14px;background:#fff;border:1px solid var(--linha);display:flex;flex-direction:column;gap:16px}
|
||||
.repTopo{display:flex;gap:16px;align-items:flex-start}
|
||||
.miniF{flex:none;width:52px;height:96px;border-radius:6px;border:1px solid #D6D6D6;background:#F4F4F2;display:flex;align-items:center;justify-content:center;overflow:hidden}
|
||||
.miniF img{width:100%;height:100%;object-fit:contain;display:block}
|
||||
.miniF span{font-size:12.5px;font-weight:800;color:var(--texto2)}
|
||||
.miniF span{font-size:13.5px;font-weight:800;color:var(--texto2)}
|
||||
.repInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
|
||||
.rep .l1{margin:0}
|
||||
.rep .l1 b{font-size:15px;font-weight:600;color:var(--preto)}
|
||||
.rep .l1 button{width:32px;height:32px;margin:-6px -6px -6px 0;border-radius:8px;font-size:18px}
|
||||
.rep .l1 b{font-size:16px;font-weight:600;color:var(--preto)}
|
||||
.rep .l1 button{width:32px;height:32px;margin:-6px -6px -6px 0;border-radius:8px;font-size:19px}
|
||||
.rep .l1 button:hover{background:#F1F1F1;color:var(--preto)}
|
||||
.repMed{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
|
||||
.repMed b{font-family:"Inter",sans-serif;font-size:22px;font-weight:700;letter-spacing:-.01em}
|
||||
.repMed span,.repPeso{font-size:14px;color:var(--fraco)}
|
||||
.repMed span,.repPeso{font-size:15px;color:var(--fraco)}
|
||||
.chips{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
|
||||
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.2}
|
||||
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:15px;font-weight:600;line-height:1.2}
|
||||
.chip::before{font-weight:800}
|
||||
.chip.ok{background:var(--verde-fundo);color:var(--verde)}.chip.ok::before{content:"✓"}
|
||||
.chip.av{background:#FFF1DB;color:#8A4B00}.chip.av::before{content:"!"}
|
||||
.chip.er{background:#FDE8E6;color:#B3261E}.chip.er::before{content:"×"}
|
||||
.chip.fix{background:#E8F0FB;color:#1F4E8C}.chip.fix::before{content:"✓"}
|
||||
.chip.nt{background:#F1F1F1;color:var(--texto2)}
|
||||
.chipSo{align-self:flex-start;padding:5px 10px;border-radius:999px;background:#F1F1F1;color:var(--texto2);font-size:14px;font-weight:600}
|
||||
.avisoF{margin:4px 0 0;padding:10px 12px;border-radius:10px;background:#FDE8E6;font-size:14px;line-height:1.5;color:var(--preto)}
|
||||
.chipSo{align-self:flex-start;padding:5px 10px;border-radius:999px;background:#F1F1F1;color:var(--texto2);font-size:15px;font-weight:600}
|
||||
.avisoF{margin:4px 0 0;padding:10px 12px;border-radius:10px;background:#FDE8E6;font-size:15px;line-height:1.5;color:var(--preto)}
|
||||
.avisoF b{color:#B3261E}
|
||||
.repTxt{margin:2px 0 0;font-size:14.5px;line-height:1.5;color:var(--texto2)}
|
||||
.repTxt{margin:2px 0 0;font-size:15.5px;line-height:1.5;color:var(--texto2)}
|
||||
.repTxt b{color:var(--preto)}
|
||||
.confDet{font-size:14px}
|
||||
.confDet{font-size:15px}
|
||||
.confDet summary{display:inline;cursor:pointer;list-style:none;color:var(--laranja-escuro);font-weight:500}
|
||||
.confDet summary::-webkit-details-marker{display:none}
|
||||
.confDet summary:hover{text-decoration:underline}
|
||||
@@ -191,96 +191,96 @@ section+section{border-top:0}
|
||||
.confDet span{display:block;color:var(--texto2);line-height:1.6}
|
||||
.rep .cps{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;margin:0;padding-top:16px;border-top:1px solid #EFEFEF}
|
||||
.rep .campo{display:flex;align-items:center;gap:12px}
|
||||
.rep .campo label{margin:0;font-size:15px;font-weight:600;color:var(--preto)}
|
||||
.rep .campo label{margin:0;font-size:16px;font-weight:600;color:var(--preto)}
|
||||
.passo{display:inline-flex;border:1px solid #D6D6D6;border-radius:10px;overflow:hidden}
|
||||
.passo button{width:44px;height:44px;border:0;background:#F9F9F9;font-size:18px;color:var(--preto);cursor:pointer}
|
||||
.passo button{width:44px;height:44px;border:0;background:#F9F9F9;font-size:19px;color:var(--preto);cursor:pointer}
|
||||
.passo button:hover{background:#EFEFEF}
|
||||
.rep .passo input{width:56px;height:44px;padding:0;border:0;border-radius:0;text-align:center;font-size:16.5px;font-weight:700;-moz-appearance:textfield;appearance:textfield}
|
||||
.rep .passo input{width:56px;height:44px;padding:0;border:0;border-radius:0;text-align:center;font-size:17.5px;font-weight:700;-moz-appearance:textfield;appearance:textfield}
|
||||
.passo input::-webkit-inner-spin-button,.passo input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
|
||||
.rep .un{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border:1px solid #D6D6D6;border-radius:10px}
|
||||
.rep .un input{width:64px;padding:0;border:0;font-size:16.5px;font-weight:700;text-align:right}
|
||||
.rep .un i{font-style:normal;font-size:15px;color:var(--fraco)}
|
||||
.rep .conta{margin-left:auto;font-size:15px;color:var(--texto2)}
|
||||
.rep .conta b{font-family:"Inter",sans-serif;font-size:16.5px;color:var(--preto)}
|
||||
.calc{font-size:14px;margin-top:8px}
|
||||
.dica{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border:0;border-radius:8px;background:var(--verde-fundo);font-size:14px;color:#14532D}
|
||||
.rep .un input{width:64px;padding:0;border:0;font-size:17.5px;font-weight:700;text-align:right}
|
||||
.rep .un i{font-style:normal;font-size:16px;color:var(--fraco)}
|
||||
.rep .conta{margin-left:auto;font-size:16px;color:var(--texto2)}
|
||||
.rep .conta b{font-family:"Inter",sans-serif;font-size:17.5px;color:var(--preto)}
|
||||
.calc{font-size:15px;margin-top:8px}
|
||||
.dica{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border:0;border-radius:8px;background:var(--verde-fundo);font-size:15px;color:#14532D}
|
||||
.dica.av{background:var(--aviso-fundo);color:#5A3A00}
|
||||
.dica button{display:inline-flex;width:auto;margin:0 0 0 auto;flex:none;height:34px;align-items:center;padding:0 12px;border-radius:7px;border:1px solid var(--verde);background:#fff;color:var(--verde);box-shadow:none;font-size:14px}
|
||||
.dica button{display:inline-flex;width:auto;margin:0 0 0 auto;flex:none;height:34px;align-items:center;padding:0 12px;border-radius:7px;border:1px solid var(--verde);background:#fff;color:var(--verde);box-shadow:none;font-size:15px}
|
||||
.dica button:hover{background:var(--verde);color:#fff;box-shadow:none}
|
||||
.req{position:static;padding:8px 0 0;border:0;border-radius:0;background:none;box-shadow:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px}
|
||||
.reqcab{margin:0;font-size:14px;font-weight:400;color:var(--fraco)}
|
||||
.reqcab{margin:0;font-size:15px;font-weight:400;color:var(--fraco)}
|
||||
.req details,.req details:first-of-type{border:0}
|
||||
.reqLinks{display:contents}
|
||||
.reqLinks button{padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:500;color:var(--laranja-escuro);cursor:pointer}
|
||||
.reqLinks button{padding:0;border:0;background:none;font:inherit;font-size:15px;font-weight:500;color:var(--laranja-escuro);cursor:pointer}
|
||||
.reqLinks button:hover{text-decoration:underline}
|
||||
.reqLinks button.on{font-weight:700;color:var(--preto);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--laranja)}
|
||||
/* The links above open and close the answers; a closed one is not shown. */
|
||||
.req details:not([open]){display:none}
|
||||
.req summary{display:inline;padding:0;font-size:14px;font-weight:500;color:var(--laranja-escuro)}
|
||||
.req summary{display:inline;padding:0;font-size:15px;font-weight:500;color:var(--laranja-escuro)}
|
||||
.req summary::before{display:none}
|
||||
.req details[open]{order:1;flex-basis:100%;padding:14px 16px 4px;border-radius:12px;background:var(--cinza)}
|
||||
.req details[open] summary{display:block;margin-bottom:6px;font-size:15px;font-weight:700;color:var(--preto);text-decoration:none}
|
||||
.req li{font-size:14px}
|
||||
.req .obs2{font-size:13.5px}
|
||||
.req details[open] summary{display:block;margin-bottom:6px;font-size:16px;font-weight:700;color:var(--preto);text-decoration:none}
|
||||
.req li{font-size:15px}
|
||||
.req .obs2{font-size:14.5px}
|
||||
|
||||
/* The buy box */
|
||||
.mont{position:sticky;top:var(--topo-passos,128px);padding:20px;border-radius:16px;background:#fff;box-shadow:none;display:flex;flex-direction:column;gap:12px}
|
||||
.mont>*{margin:0}
|
||||
.montcab b{font-size:17px;font-weight:800}
|
||||
.montpe{font-size:13.5px;text-align:center}
|
||||
.montcab b{font-size:18px;font-weight:800}
|
||||
.montpe{font-size:14.5px;text-align:center}
|
||||
.compra{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid #EFEFEF}
|
||||
.compra .aoVivo{margin:0}
|
||||
.compra .aoVivo.pronto{display:none}
|
||||
#compraVals{display:flex;flex-direction:column;gap:10px;font-size:15.5px}
|
||||
#compraVals{display:flex;flex-direction:column;gap:10px;font-size:16.5px}
|
||||
#compraVals[hidden]{display:none}
|
||||
.cat.file .zoomB{display:none}
|
||||
.ampliar{margin-left:auto;height:32px;padding:0 12px;border-radius:8px;border:1px solid #D6D6D6;background:#fff;font-size:14px;font-weight:600;color:var(--preto);cursor:pointer}
|
||||
.ampliar{margin-left:auto;height:32px;padding:0 12px;border-radius:8px;border:1px solid #D6D6D6;background:#fff;font-size:15px;font-weight:600;color:var(--preto);cursor:pointer}
|
||||
.ampliar:hover{border-color:var(--preto)}
|
||||
.ampliar[hidden]{display:none}
|
||||
.cat.file #vArea{max-height:340px}
|
||||
.cEscada{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}
|
||||
.cEscada>span{font-size:14px;font-weight:600}
|
||||
.cEscada>span{font-size:15px;font-weight:600}
|
||||
.cEscada ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
|
||||
.cEscada li{padding:8px 2px;border-radius:8px;background:#F4F4F2;border:1.5px solid transparent;display:flex;flex-direction:column;align-items:center;gap:2px}
|
||||
.cEscada li span{font-size:12.5px;color:var(--fraco);white-space:nowrap}
|
||||
.cEscada li b{font-size:14px;font-weight:500;color:var(--texto2)}
|
||||
.cEscada li span{font-size:13.5px;color:var(--fraco);white-space:nowrap}
|
||||
.cEscada li b{font-size:15px;font-weight:500;color:var(--texto2)}
|
||||
.cEscada li.on{background:var(--verde-fundo);border-color:var(--verde)}
|
||||
.cEscada li.on span,.cEscada li.on b{font-weight:700;color:var(--verde)}
|
||||
.cEscada li.on:last-child{background:#F1F1F1;border-color:var(--preto)}
|
||||
.cEscada li.on:last-child span,.cEscada li.on:last-child b{color:var(--preto)}
|
||||
.cLin>span:first-child{color:var(--texto2)}
|
||||
.cLin small{font-size:13.5px;color:var(--fraco)}
|
||||
.cEco{margin:-6px 0 0;text-align:right;font-size:14px;font-weight:600;color:var(--verde)}
|
||||
.cLin small{font-size:14.5px;color:var(--fraco)}
|
||||
.cEco{margin:-6px 0 0;text-align:right;font-size:15px;font-weight:600;color:var(--verde)}
|
||||
.cEco:empty{display:none}
|
||||
#cPartes{display:block}
|
||||
.ampliaDlg{width:min(960px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:0;border-radius:16px;box-shadow:0 20px 60px rgba(3,6,11,.3)}
|
||||
.ampliaDlg::backdrop{background:rgba(3,6,11,.55)}
|
||||
.ampliaCab{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--linha);background:#fff}
|
||||
.ampliaCab b{font-size:16.5px;font-weight:800}
|
||||
.ampliaCab b{font-size:17.5px;font-weight:800}
|
||||
.ampliaCab button{width:40px;height:40px;border:0;border-radius:8px;background:#F1F1F1;font-size:20px;cursor:pointer}
|
||||
#ampliaArea .folhaPrevias{display:grid;gap:16px;padding:16px;background:#F8F9FA}
|
||||
#ampliaArea .folhaPrevia{margin:0;background:#fff;border:1px solid var(--linha);border-radius:8px;overflow:hidden}
|
||||
#ampliaArea .folhaPilha{display:flex;flex-direction:column;align-items:center;gap:4px}
|
||||
#ampliaArea .folhaPilha img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 180px)!important}
|
||||
#ampliaArea figcaption{padding:8px 12px;font-size:14px;color:var(--texto2);border-top:1px solid var(--linha)}
|
||||
#ampliaArea figcaption{padding:8px 12px;font-size:15px;color:var(--texto2);border-top:1px solid var(--linha)}
|
||||
.cLin{display:flex;align-items:baseline;gap:8px}
|
||||
.cLin>span:last-child,.cLin>b{margin-left:auto;display:flex;gap:8px;align-items:baseline}
|
||||
.cLin s{font-size:14px;color:#707070}
|
||||
.cObs{margin:-4px 0 0;font-size:14px;color:var(--verde)}
|
||||
.cLin s{font-size:15px;color:#707070}
|
||||
.cObs{margin:-4px 0 0;font-size:15px;color:var(--verde)}
|
||||
.cObs:empty{display:none}
|
||||
.cTot{display:flex;align-items:baseline;padding-top:12px;border-top:1px solid #EFEFEF}
|
||||
.cTot span{font-family:"Inter",sans-serif;font-weight:700}
|
||||
.cTot b{margin-left:auto;font-family:"Inter",sans-serif;font-size:30px;font-weight:900;letter-spacing:-.01em}
|
||||
#qmsg{font-size:14px;line-height:1.45}
|
||||
#qmsg{font-size:15px;line-height:1.45}
|
||||
.compra .ciente{margin:0;padding:12px 14px}
|
||||
.compra .ciente h4{font-size:14.5px}
|
||||
.compra .ciente p,.compra .ciente .lista{font-size:14px}
|
||||
.cAdd{height:54px;border-radius:var(--raio2);border:0;background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:16.5px;cursor:pointer}
|
||||
.compra .ciente h4{font-size:15.5px}
|
||||
.compra .ciente p,.compra .ciente .lista{font-size:15px}
|
||||
.cAdd{height:54px;border-radius:var(--raio2);border:0;background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:17.5px;cursor:pointer}
|
||||
.cAdd:hover:not(:disabled){background:#FFB53D}
|
||||
.cAdd:disabled{background:#EDEDED;color:#8A8D92;cursor:not-allowed}
|
||||
.cPe{margin:0;font-size:14px;color:var(--fraco);text-align:center}
|
||||
.cPe{margin:0;font-size:15px;color:var(--fraco);text-align:center}
|
||||
@media(max-width:1100px){.foco2{grid-template-columns:1fr}.mont{position:static}}
|
||||
@media(max-width:620px){.montcab b{font-size:15.5px}
|
||||
@media(max-width:620px){.montcab b{font-size:16.5px}
|
||||
.cabfoco h3{font-size:28px}
|
||||
.tipoEnvio .cam div{grid-template-columns:1fr}
|
||||
.tipoEnvio .cam div>span{display:none}
|
||||
@@ -298,101 +298,101 @@ section+section{border-top:0}
|
||||
/* Cart */
|
||||
.itensCab{display:flex;align-items:baseline;gap:12px;margin-bottom:11px}
|
||||
.itensCab h4{margin:0}
|
||||
.esvaziar{margin-left:auto;border:0;background:none;padding:6px 0;font-size:14.5px;font-weight:600;color:var(--fraco);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
|
||||
.esvaziar{margin-left:auto;border:0;background:none;padding:6px 0;font-size:15.5px;font-weight:600;color:var(--fraco);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
|
||||
.esvaziar:hover{color:#B8391C}
|
||||
.esvaziar[hidden]{display:none}
|
||||
.item{align-items:center}
|
||||
.item .x{flex:none;height:36px;padding:0 12px;border-radius:8px;border:1px solid #D6D6D6;background:#fff;color:var(--texto2);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}
|
||||
.item .x{flex:none;height:36px;padding:0 12px;border-radius:8px;border:1px solid #D6D6D6;background:#fff;color:var(--texto2);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer}
|
||||
.item .x:hover{border-color:#B8391C;color:#B8391C}
|
||||
.desfazer{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:16px;padding:12px 14px 12px 18px;border-radius:12px;background:var(--preto);color:#fff;font-size:15px;box-shadow:0 10px 30px rgba(3,6,11,.25);max-width:calc(100% - 32px);box-sizing:border-box}
|
||||
.desfazer{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:16px;padding:12px 14px 12px 18px;border-radius:12px;background:var(--preto);color:#fff;font-size:16px;box-shadow:0 10px 30px rgba(3,6,11,.25);max-width:calc(100% - 32px);box-sizing:border-box}
|
||||
.desfazer[hidden]{display:none}
|
||||
.desfazer button{flex:none;height:36px;padding:0 14px;border-radius:8px;border:0;background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:15px;cursor:pointer}
|
||||
.desfazer button{flex:none;height:36px;padding:0 14px;border-radius:8px;border:0;background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:16px;cursor:pointer}
|
||||
@media(max-width:820px){.desfazer{bottom:100px}}
|
||||
.carrAviso{grid-column:1/-1;font-size:14px;color:var(--fraco)}
|
||||
.carrAviso{grid-column:1/-1;font-size:15px;color:var(--fraco)}
|
||||
.carrAviso:empty{display:none}
|
||||
.carr{border-radius:16px}
|
||||
.carr h3{font-size:24px;font-weight:800;letter-spacing:-.02em}
|
||||
.cxE{border-radius:var(--raio);border-color:var(--linha)}
|
||||
.cxE h4,.resumo h4{font-family:"Inter",sans-serif;font-weight:800;font-size:17px}
|
||||
.cxE h4,.resumo h4{font-family:"Inter",sans-serif;font-weight:800;font-size:18px}
|
||||
.cp input,.cepL input{height:46px;border-radius:var(--raio2)}
|
||||
.cp input:focus,.cepL input:focus{border-color:var(--laranja2);box-shadow:0 0 0 3px rgba(255,168,26,.18)}
|
||||
.opE{border-radius:12px}
|
||||
.opE.on{border:2px solid var(--laranja);background:var(--aviso-fundo)}
|
||||
.resumo{position:sticky;top:var(--topo-passos,128px);border-radius:16px}
|
||||
.tot b{font-family:"Inter",sans-serif;font-weight:900}
|
||||
#bPagar{height:54px;border-radius:var(--raio2);background:var(--laranja);color:var(--preto);border:0;font-family:"Inter",sans-serif;font-weight:800;font-size:16.5px}
|
||||
#bPagar{height:auto;min-height:54px;padding:8px 14px;line-height:1.25;border-radius:var(--raio2);background:var(--laranja);color:var(--preto);border:0;font-family:"Inter",sans-serif;font-weight:800;font-size:17.5px}
|
||||
#bPagar:hover:not(:disabled){background:#FFB53D}
|
||||
#bPagar:disabled{background:#EDEDED;color:#8A8D92}
|
||||
#bMais{height:46px;border-radius:var(--raio2);font-family:"Inter",sans-serif;font-weight:600}
|
||||
.checkout{max-width:760px;margin:20px auto 0}
|
||||
.checkout #checkoutStatus:not(:empty){padding:16px 18px;border-radius:var(--raio);background:var(--verde-fundo);border:1px solid #BFE6CE;color:#14532D;font-size:15.5px}
|
||||
.checkout #checkoutStatus:not(:empty){padding:16px 18px;border-radius:var(--raio);background:var(--verde-fundo);border:1px solid #BFE6CE;color:#14532D;font-size:16.5px}
|
||||
#checkoutActions{margin-top:12px}
|
||||
/* Only our own fields: Mercado Pago's card form (its instalment radios) keeps its own styles. */
|
||||
#checkoutActions .pixBox input{height:44px;border-radius:var(--raio2);border:1px solid #D6D6D6;padding:0 12px}
|
||||
/* The payment pages: paying on the left, the order summary on the right */
|
||||
html:is([data-rota="pagamento"],[data-rota="pix"]) .checkout{max-width:1040px;margin-top:8px}
|
||||
html:is([data-rota="pagamento"],[data-rota="pix"]) .pagGrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
|
||||
.avisoEnvio{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:var(--aviso-fundo);color:#5A3A00;font-size:14px;line-height:1.5}
|
||||
.avisoEnvio{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:var(--aviso-fundo);color:#5A3A00;font-size:15px;line-height:1.5}
|
||||
.avisoEnvio[hidden]{display:none}
|
||||
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
|
||||
.ic{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
|
||||
.busca .lupa{display:flex;font-size:0}
|
||||
.busca .lupa .ic{width:17px;height:17px}
|
||||
.acts a .ic{width:22px;height:22px}
|
||||
.busca .lupa .ic{width:18px;height:18px}
|
||||
.acts a .ic{width:23px;height:23px}
|
||||
.cartIc{position:relative;display:inline-flex}
|
||||
.acts #cartLink{gap:11px}
|
||||
.cartN{position:absolute;top:-7px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--laranja);color:var(--preto);font-size:12px;font-weight:800;line-height:17px;text-align:center}
|
||||
.cartN{position:absolute;top:-7px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--laranja);color:var(--preto);font-size:13px;font-weight:800;line-height:17px;text-align:center}
|
||||
.cartN[hidden]{display:none}
|
||||
.zona .ico .ic{width:22px;height:22px}
|
||||
.zona .ico .ic{width:23px;height:23px}
|
||||
.art2 .giros .gr{display:inline-flex;align-items:center;justify-content:center}
|
||||
.art2 .giros .gr .ic{width:21px;height:21px}
|
||||
.art2 .giros .gr .ic{width:22px;height:22px}
|
||||
.rep .l1 button{display:inline-flex;align-items:center;justify-content:center}
|
||||
.rep .l1 button .ic{width:19px;height:19px}
|
||||
#ampliaFecha .ic{width:22px;height:22px}
|
||||
.rep .l1 button .ic{width:20px;height:20px}
|
||||
#ampliaFecha .ic{width:23px;height:23px}
|
||||
@media (max-width:600px){.acts .actTx{display:none}.acts{gap:16px}}
|
||||
.cAdd,#bPagar,#pOk,#qOk{display:flex;align-items:center;justify-content:center;gap:8px}
|
||||
#pOk{display:inline-flex}
|
||||
.cAdd .ic,#bPagar .ic{width:21px;height:21px}
|
||||
.cAdd .ic,#bPagar .ic{width:22px;height:22px}
|
||||
.item .x{display:inline-flex;align-items:center;gap:6px}
|
||||
.item .x .ic{width:17px;height:17px}
|
||||
.opE b .ic{width:18px;height:18px;margin:-2px 6px 0 0;color:var(--laranja-escuro)}
|
||||
.metodo .ic{width:22px;height:22px;color:var(--texto2)}
|
||||
.item .x .ic{width:18px;height:18px}
|
||||
.opE b .ic{width:19px;height:19px;margin:-2px 6px 0 0;color:var(--laranja-escuro)}
|
||||
.metodo .ic{width:23px;height:23px;color:var(--texto2)}
|
||||
.codigo .pagBtn{display:inline-flex;align-items:center;gap:7px}
|
||||
.codigo .pagBtn .ic{width:19px;height:19px}
|
||||
.codigo .pagBtn .ic{width:20px;height:20px}
|
||||
.pixBox .prazo{display:flex;align-items:center;gap:8px}
|
||||
.pixBox .prazo .ic{width:22px;height:22px}
|
||||
.pixBox .prazo .ic{width:23px;height:23px}
|
||||
.confirmado h4{display:flex;align-items:center;gap:8px}
|
||||
.confirmado h4 .ic{width:24px;height:24px}
|
||||
.envioArq .ic{width:18px;height:18px;margin:-2px 6px 0 0}
|
||||
.qi .c .ic{width:14px;height:14px;stroke-width:3}
|
||||
.passos a span .ic{width:16px;height:16px;stroke-width:3}
|
||||
.envioArq{font-size:14px;color:var(--texto2);margin-top:14px;line-height:1.5}
|
||||
.envioArq .ic{width:19px;height:19px;margin:-2px 6px 0 0}
|
||||
.qi .c .ic{width:15px;height:15px;stroke-width:3}
|
||||
.passos a span .ic{width:17px;height:17px;stroke-width:3}
|
||||
.envioArq{font-size:15px;color:var(--texto2);margin-top:14px;line-height:1.5}
|
||||
.envioArq.ok{color:var(--verde)}
|
||||
.envioArq.erro{color:#B42318}
|
||||
.envioDeNovo{margin-left:4px;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
|
||||
.envioBarra{height:6px;border-radius:999px;background:#EDEDED;overflow:hidden;margin-bottom:6px}
|
||||
.envioBarra i{display:block;height:100%;background:var(--laranja);border-radius:999px;transition:width .4s}
|
||||
.cartEnvio{font-size:14px;font-weight:700;color:var(--laranja-escuro);margin-left:6px}
|
||||
.cartEnvio{font-size:15px;font-weight:700;color:var(--laranja-escuro);margin-left:6px}
|
||||
.cartEnvio:empty{display:none}
|
||||
.envioArq:empty{display:none}
|
||||
.dicaEnd{font-size:14px;color:var(--texto2);margin-top:12px}
|
||||
.dicaEnd{font-size:15px;color:var(--texto2);margin-top:12px}
|
||||
.dicaEnd:empty{display:none}
|
||||
.pagCab{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
|
||||
.pagCab h3{font-size:26px;font-weight:800;letter-spacing:-.02em}
|
||||
.pagVolta{font-size:15px;color:var(--texto2)}
|
||||
#checkoutActions > h4,#checkoutActions .pixBox > h4{font-size:17px;font-weight:800;margin-bottom:12px}
|
||||
.pagNota{font-size:15px;color:var(--texto2);margin:4px 0 16px;line-height:1.5}
|
||||
.pagVolta{font-size:16px;color:var(--texto2)}
|
||||
#checkoutActions > h4,#checkoutActions .pixBox > h4{font-size:18px;font-weight:800;margin-bottom:12px}
|
||||
.pagNota{font-size:16px;color:var(--texto2);margin:4px 0 16px;line-height:1.5}
|
||||
.pagResumo{position:sticky;top:var(--topo-passos,128px);border:1px solid var(--linha);border-radius:16px;background:#fff;padding:20px 22px}
|
||||
.pagResumo h4{font-size:17px;font-weight:800;margin-bottom:10px}
|
||||
.pagResumo .l{display:flex;justify-content:space-between;gap:12px;font-size:15px;padding:5px 0}
|
||||
.pagResumo h4{font-size:18px;font-weight:800;margin-bottom:10px}
|
||||
.pagResumo .l{display:flex;justify-content:space-between;gap:12px;font-size:16px;padding:5px 0}
|
||||
.pagResumo .l span{color:var(--texto2)}
|
||||
.pagResumo .tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #EFEFEF;margin-top:10px;padding-top:12px}
|
||||
.pagResumo .tot b{font-family:"Inter",sans-serif;font-weight:900;font-size:24px}
|
||||
.metodos{display:grid;grid-template-columns:1fr;gap:10px;max-width:420px;margin-bottom:20px}
|
||||
.metodo{height:56px;display:flex;align-items:center;gap:12px;padding:0 16px;border:2px solid var(--linha);border-radius:var(--raio2);background:#fff;color:var(--preto);font-family:"Inter",sans-serif;font-weight:700;font-size:15.5px;text-align:left;cursor:pointer}
|
||||
.metodo{height:56px;display:flex;align-items:center;gap:12px;padding:0 16px;border:2px solid var(--linha);border-radius:var(--raio2);background:#fff;color:var(--preto);font-family:"Inter",sans-serif;font-weight:700;font-size:16.5px;text-align:left;cursor:pointer}
|
||||
.metodo::before{content:"";width:18px;height:18px;flex-shrink:0;border-radius:50%;border:2px solid #B5B8BD;box-sizing:border-box}
|
||||
.metodo[aria-checked="true"]{border-color:var(--laranja);background:var(--aviso-fundo)}
|
||||
.metodo[aria-checked="true"]::before{border:6px solid var(--laranja)}
|
||||
.pagBtn{height:48px;padding:0 24px;margin:0 10px 0 0;border-radius:var(--raio2);border:0;background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:15.5px;cursor:pointer}
|
||||
.pagBtn{height:48px;padding:0 24px;margin:0 10px 0 0;border-radius:var(--raio2);border:0;background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:16.5px;cursor:pointer}
|
||||
.pagBtn:hover:not(:disabled){background:#FFB53D}
|
||||
.pagBtn:disabled{background:#EDEDED;color:#8A8D92;cursor:default}
|
||||
.pagBtn.sec{background:#fff;border:1px solid #D6D6D6}
|
||||
@@ -400,12 +400,12 @@ html:is([data-rota="pagamento"],[data-rota="pix"]) .pagGrid{display:grid;grid-te
|
||||
.pixBox{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
|
||||
.pixBox img{border:1px solid var(--linha);border-radius:12px;padding:8px;background:#fff}
|
||||
.pixBox .codigo{display:flex;gap:10px;width:100%}
|
||||
.pixBox .codigo input{flex:1;min-width:0;font-size:14px}
|
||||
.pixBox .aguarda{font-size:15px;color:var(--texto2)}
|
||||
.pixBox .prazo{font-family:"Inter",sans-serif;font-weight:800;font-size:18px;font-variant-numeric:tabular-nums}
|
||||
.pixBox .codigo input{flex:1;min-width:0;font-size:15px}
|
||||
.pixBox .aguarda{font-size:16px;color:var(--texto2)}
|
||||
.pixBox .prazo{font-family:"Inter",sans-serif;font-weight:800;font-size:19px;font-variant-numeric:tabular-nums}
|
||||
.confirmado{border:1px solid #BFE6CE;background:var(--verde-fundo);border-radius:16px;padding:24px}
|
||||
.confirmado h4{font-size:22px;color:#14532D;margin-bottom:8px}
|
||||
.confirmado p{font-size:15.5px;color:#14532D;margin-bottom:18px;line-height:1.5}
|
||||
.confirmado p{font-size:16.5px;color:#14532D;margin-bottom:18px;line-height:1.5}
|
||||
@media(max-width:820px){
|
||||
html:is([data-rota="pagamento"],[data-rota="pix"]) .pagGrid{grid-template-columns:1fr;gap:20px}
|
||||
.pagResumo{position:static;order:-1}
|
||||
@@ -417,26 +417,26 @@ html:is([data-rota="pagamento"],[data-rota="pix"]) .pagGrid{display:grid;grid-te
|
||||
.info2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:start}
|
||||
.info2-preco{display:flex;flex-direction:column;gap:16px}
|
||||
.info2 h2{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.02em}
|
||||
.info2-preco>p{font-size:15.5px;color:var(--texto2)}
|
||||
.info2 table{border-collapse:collapse;background:#fff;border:1px solid var(--linha);border-radius:12px;overflow:hidden;font-size:15.5px}
|
||||
.info2 th{text-align:left;background:var(--preto);color:#fff;font-family:"Inter",sans-serif;font-size:14px;padding:12px 18px}
|
||||
.info2-preco>p{font-size:16.5px;color:var(--texto2)}
|
||||
.info2 table{border-collapse:collapse;background:#fff;border:1px solid var(--linha);border-radius:12px;overflow:hidden;font-size:16.5px}
|
||||
.info2 th{text-align:left;background:var(--preto);color:#fff;font-family:"Inter",sans-serif;font-size:15px;padding:12px 18px}
|
||||
.info2 td{padding:11px 18px;border-top:1px solid #EFEFEF}
|
||||
.info2 td.melhor{font-weight:700;color:var(--verde)}
|
||||
.info2 .nota2{font-size:14px;color:#707070}
|
||||
.info2 .nota2{font-size:15px;color:#707070}
|
||||
.info2-vant{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
|
||||
.info2-vant>div{padding:22px;border-radius:var(--raio);background:#fff;border:1px solid var(--linha);display:flex;flex-direction:column;gap:6px}
|
||||
.info2-vant b{font-family:"Inter",sans-serif;font-size:16.5px}
|
||||
.info2-vant b{font-family:"Inter",sans-serif;font-size:17.5px}
|
||||
.info2-vant b.n{font-size:32px;font-weight:900;color:var(--laranja2)}
|
||||
.info2-vant span{font-size:15px;color:var(--fraco)}
|
||||
.info2-vant span{font-size:16px;color:var(--fraco)}
|
||||
|
||||
/* Phone total bar */
|
||||
.barraM{display:none}
|
||||
@media (max-width:820px){
|
||||
.barraM:not([hidden]){display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--linha);box-shadow:0 -6px 20px rgba(3,6,11,.08)}
|
||||
.barraM div{display:flex;flex-direction:column}
|
||||
.barraM span{font-size:13.5px;color:#707070}
|
||||
.barraM span{font-size:14.5px;color:#707070}
|
||||
.barraM b{font-family:"Inter",sans-serif;font-size:21px;font-weight:900}
|
||||
.barraM a{margin-left:auto;height:50px;padding:0 22px;border-radius:var(--raio2);background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:16.5px;display:flex;align-items:center;text-decoration:none}
|
||||
.barraM a{margin-left:auto;height:50px;padding:0 22px;border-radius:var(--raio2);background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:17.5px;display:flex;align-items:center;text-decoration:none}
|
||||
.w{padding:0 16px}
|
||||
.hero2{padding:40px 0}
|
||||
.hero2-grid,.info2-grid{grid-template-columns:1fr;gap:28px}
|
||||
@@ -447,7 +447,7 @@ html:is([data-rota="pagamento"],[data-rota="pix"]) .pagGrid{display:grid;grid-te
|
||||
.ec-go{margin-left:0;width:100%;justify-content:center}
|
||||
.focoGrid{grid-template-columns:1fr}
|
||||
.mont,.resumo{position:static}
|
||||
.passos{gap:8px;font-size:14px;margin:0 0 16px;padding:10px 16px}
|
||||
.passos{gap:8px;font-size:15px;margin:0 0 16px;padding:10px 16px}
|
||||
.passos i{width:14px}
|
||||
.passos a{flex-direction:column;gap:4px;text-align:center}
|
||||
.info2-vant{grid-template-columns:1fr}
|
||||
@@ -462,23 +462,23 @@ html:is([data-rota="pagamento"],[data-rota="pix"]) .pagGrid{display:grid;grid-te
|
||||
@keyframes skel{0%{background-position:100% 50%}100%{background-position:0 50%}}
|
||||
@media (prefers-reduced-motion:reduce){.skel{animation:none}}
|
||||
.folhaSkel{display:flex;align-items:center;justify-content:center;max-height:520px;min-height:180px;width:100%}
|
||||
.folhaSkel span{font-size:14px;color:var(--fraco);background:#fffc;padding:4px 10px;border-radius:999px}
|
||||
.folhaSkel span{font-size:15px;color:var(--fraco);background:#fffc;padding:4px 10px;border-radius:999px}
|
||||
#vArea .folhaPilha{display:flex;flex-direction:column;gap:4px;max-height:520px;overflow:auto;background:#fff}
|
||||
#vArea .folhaPilha img{width:100%;height:auto;display:block}
|
||||
.folhaMais{font-size:13.5px;color:var(--texto2);text-align:center;padding:8px}
|
||||
.folhaMais{font-size:14.5px;color:var(--texto2);text-align:center;padding:8px}
|
||||
.skelLinha{height:14px;margin:8px 0}
|
||||
.skelLinha.curta{width:40%}
|
||||
.skelBloco{height:160px;margin-top:8px}
|
||||
|
||||
/* Artes avulsas: the file card of a finished sheet, plus width, rotation and sizes */
|
||||
.rep.nova{box-shadow:0 0 0 2px rgba(255,168,26,.45)}
|
||||
.novaT{margin-left:8px;padding:2px 7px;border-radius:999px;background:#FFF1DB;color:#8A4B00;font-size:12.5px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
|
||||
.repMed .pede{font-size:16.5px;color:var(--texto2)}
|
||||
.novaT{margin-left:8px;padding:2px 7px;border-radius:999px;background:#FFF1DB;color:#8A4B00;font-size:13.5px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
|
||||
.repMed .pede{font-size:17.5px;color:var(--texto2)}
|
||||
.art2 .giros{display:inline-flex;gap:6px}
|
||||
.art2 .giros .gr{width:44px;height:44px;border:1px solid #D6D6D6;border-radius:10px;background:#fff;font-size:16.5px;cursor:pointer}
|
||||
.art2 .giros .gr{width:44px;height:44px;border:1px solid #D6D6D6;border-radius:10px;background:#fff;font-size:17.5px;cursor:pointer}
|
||||
.art2 .giros .gr.on{border-color:var(--laranja);background:var(--aviso-fundo)}
|
||||
.art2 .atalhos{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;margin:0}
|
||||
.art2 .atalhos .tm{height:34px;padding:0 12px;border:1px solid #D6D6D6;border-radius:8px;background:#fff;font-size:14px;font-weight:600;cursor:pointer}
|
||||
.art2 .atalhos .tm{height:34px;padding:0 12px;border:1px solid #D6D6D6;border-radius:8px;background:#fff;font-size:15px;font-weight:600;cursor:pointer}
|
||||
.art2 .atalhos .tm.on{border-color:var(--verde);background:var(--verde-fundo);color:var(--verde)}
|
||||
.art2 .dica{margin-top:4px}
|
||||
.rep .l1 .novaT{margin-right:auto}
|
||||
|
||||
Reference in New Issue
Block a user