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>
|
||||
|
||||
Reference in New Issue
Block a user