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