From 25fa890e92368811b94db4c76cff4e6f4fc0f350 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= Date: Wed, 30 Sep 2026 13:37:20 -0300 Subject: [PATCH] style: one more step up for the text and icons Every Site text size up to 18 px grows another pixel, the Kanban's up to 14 px half a pixel, and the icons one pixel. The pay button grows to two lines when "Pagar os N itens de uma vez" no longer fits on one. Co-Authored-By: Claude Opus 5.5 --- web/index.html | 320 ++++++++++++++++++++++++------------------------ web/kanban.css | 78 ++++++------ web/site-v2.css | 268 ++++++++++++++++++++-------------------- 3 files changed, 333 insertions(+), 333 deletions(-) diff --git a/web/index.html b/web/index.html index 48b55d3..78a29fe 100644 --- a/web/index.html +++ b/web/index.html @@ -41,7 +41,7 @@ section+section{border-top:1px solid var(--linha)} /* tarja rotativa, como no site */ .tarja{background:var(--laranja);color:#111;text-align:center;padding:8px 16px; - font-family:"Inter",sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.02em} + font-family:"Inter",sans-serif;font-weight:700;font-size:14.5px;letter-spacing:.02em} .tarja a{color:#111;text-decoration:none} /* topo */ @@ -54,10 +54,10 @@ section+section{border-top:1px solid var(--linha)} .logotexto i{font-style:normal;color:var(--laranja)} .busca{flex:1;max-width:420px;position:relative} .busca input{width:100%;padding:9px 14px 9px 36px;border:1px solid var(--linha);border-radius:22px; - font-family:inherit;font-size:14px;background:var(--cinza);color:var(--tx)} + font-family:inherit;font-size:15px;background:var(--cinza);color:var(--tx)} .busca input:focus{outline:none;border-color:var(--laranja);background:#fff} -.busca .lupa{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--fraco);font-size:14px} -.acts{margin-left:auto;display:flex;gap:18px;align-items:center;font-size:14px} +.busca .lupa{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--fraco);font-size:15px} +.acts{margin-left:auto;display:flex;gap:18px;align-items:center;font-size:15px} .acts a{color:var(--tx);text-decoration:none;display:flex;align-items:center;gap:6px} .acts a:hover{color:var(--laranja)} @@ -66,14 +66,14 @@ section+section{border-top:1px solid var(--linha)} .menu .w{display:flex;gap:0;flex-wrap:wrap} .mi{position:relative} .mi>a{display:block;padding:13px 16px;font-family:"Inter",sans-serif;font-weight:600; - font-size:14px;color:var(--tx);text-decoration:none;white-space:nowrap} + font-size:15px;color:var(--tx);text-decoration:none;white-space:nowrap} .mi:hover>a{color:var(--laranja)} .mi.on>a{color:var(--laranja);box-shadow:inset 0 -2px 0 var(--laranja)} .sub{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--linha); border-radius:0 0 9px 9px;min-width:224px;padding:7px 0;z-index:70; box-shadow:0 10px 26px rgba(0,0,0,.09)} .mi:hover .sub,.mi:focus-within .sub{display:block} -.sub a{display:block;padding:8px 17px;font-size:14px;color:var(--fraco);text-decoration:none} +.sub a{display:block;padding:8px 17px;font-size:15px;color:var(--fraco);text-decoration:none} .sub a:hover{color:var(--laranja);background:var(--cinza)} @media(max-width:820px){ .menu .w{overflow-x:auto;flex-wrap:nowrap} @@ -93,13 +93,13 @@ section+section{border-top:1px solid var(--linha)} @media(max-width:940px){.hgrid{grid-template-columns:1fr;gap:22px}} h1{font-size:clamp(24px,3.6vw,38px);font-weight:700;max-width:20ch;line-height:1.08} h1 em{font-style:normal;color:var(--laranja)} -.hero .sub2{color:#B7C1D2;font-size:15px;max-width:56ch;margin-top:10px} +.hero .sub2{color:#B7C1D2;font-size:16px;max-width:56ch;margin-top:10px} .hero .sub2 b{color:#fff} .hcta{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap;align-items:center} .btn1{background:var(--laranja);color:#241703;border:0;border-radius:9px;padding:12px 24px; - font-family:"Inter",sans-serif;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none} + font-family:"Inter",sans-serif;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none} .btn1:hover{background:var(--laranja2)} -.mini{font-size:13.5px;color:#8D9AB0} +.mini{font-size:14.5px;color:#8D9AB0} /* preços lado a lado, em faixa */ .pfaixa{display:flex;gap:10px;flex-wrap:wrap} @@ -110,28 +110,28 @@ h1 em{font-style:normal;color:var(--laranja)} .pcard:hover{background:rgba(255,168,26,.12);border-color:rgba(255,168,26,.45)} .pcard.dest{border-color:rgba(255,168,26,.5);background:rgba(255,168,26,.09)} .pcard .marc{position:absolute;top:-8px;left:13px;background:var(--verde);color:#fff; - font-family:"Inter",sans-serif;font-size:10px;font-weight:700;letter-spacing:.09em; + font-family:"Inter",sans-serif;font-size:11px;font-weight:700;letter-spacing:.09em; text-transform:uppercase;padding:2px 8px;border-radius:4px;white-space:nowrap} -.pcard .apartir{display:block;font-size:11px;color:var(--verde-claro);letter-spacing:.09em; +.pcard .apartir{display:block;font-size:12px;color:var(--verde-claro);letter-spacing:.09em; text-transform:uppercase;font-family:"Inter",sans-serif;font-weight:700;margin-bottom:2px} .pcard .vl{font-family:"Inter",sans-serif;font-size:20px;font-weight:700;color:var(--laranja); line-height:1;display:block;margin-bottom:3px} -.pcard .vl small{font-size:12.5px;font-weight:600;color:#8D9AB0} -.pcard .nm{font-family:"Inter",sans-serif;font-size:14px;font-weight:700;color:#fff;display:block} -.pcard .dsc{font-size:12px;color:#8D9AB0;display:block;margin-top:1px} +.pcard .vl small{font-size:13.5px;font-weight:600;color:#8D9AB0} +.pcard .nm{font-family:"Inter",sans-serif;font-size:15px;font-weight:700;color:#fff;display:block} +.pcard .dsc{font-size:13px;color:#8D9AB0;display:block;margin-top:1px} /* selos e barra */ .selos1{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-bottom:11px} -.sel{font-family:"Inter",sans-serif;font-size:11px;font-weight:700;letter-spacing:.09em; +.sel{font-family:"Inter",sans-serif;font-size:12px;font-weight:700;letter-spacing:.09em; text-transform:uppercase;padding:3px 9px;border-radius:5px} .sel.top{background:var(--laranja);color:#241703} .sel.novo{background:rgba(46,158,91,.18);color:#7FD4A0;border:1px solid rgba(46,158,91,.4)} .sel.pos{background:rgba(255,255,255,.09);color:#B7C1D2;border:1px solid rgba(255,255,255,.16)} .barrah{border-top:1px solid rgba(255,255,255,.1);padding:11px 0 14px; - display:flex;gap:24px;flex-wrap:wrap;font-size:13.5px;color:#B7C1D2} + display:flex;gap:24px;flex-wrap:wrap;font-size:14.5px;color:#B7C1D2} .barrah span{display:flex;align-items:center;gap:7px} .barrah b{color:#fff;font-family:"Inter",sans-serif} -.barrah i{color:var(--laranja);font-style:normal;font-size:10.5px} +.barrah i{color:var(--laranja);font-style:normal;font-size:11.5px} /* aviso do topo do envio */ @@ -170,7 +170,7 @@ h1 em{font-style:normal;color:var(--laranja)} .ec .top,.ec .in{position:relative;z-index:1} .ec:hover{border-color:var(--laranja);box-shadow:var(--sombra-alta);transform:translateY(-2px)} .ec .marc{display:block;background:var(--verde-ml);color:#fff;text-align:center; - font-family:"Inter",sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.14em; + font-family:"Inter",sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.14em; text-transform:uppercase;padding:5px 8px;position:relative;z-index:2} .ec.f{border-color:var(--verde-ml)} .ec.f:hover{border-color:var(--verde-ml)} @@ -187,25 +187,25 @@ h1 em{font-style:normal;color:var(--laranja)} ")} .ec .top{padding:17px 20px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px} .ec.f .top{background:#FFF4E3} .ec.a .top{background:var(--cinza)} .ec.u .top{background:#EEF4FB} -.ec .top h3{font-family:"Inter",sans-serif;font-size:17px;font-weight:700;color:var(--tx)} +.ec .top h3{font-family:"Inter",sans-serif;font-size:18px;font-weight:700;color:var(--tx)} -.ec .top .p{font-family:"Inter",sans-serif;font-weight:700;font-size:15.5px;white-space:nowrap; +.ec .top .p{font-family:"Inter",sans-serif;font-weight:700;font-size:16.5px;white-space:nowrap; color:var(--tx);text-align:right;line-height:1.15} -.ec .top .p i{display:block;font-style:normal;font-family:"Roboto",sans-serif;font-size:11.5px; +.ec .top .p i{display:block;font-style:normal;font-family:"Roboto",sans-serif;font-size:12.5px; font-weight:500;color:var(--fraco);margin-bottom:1px;letter-spacing:0; text-transform:uppercase;letter-spacing:.1em} .chama2{background:#F1FBF5;border-top:1px solid #BFE6CE;border-bottom:1px solid #BFE6CE; - padding:9px 20px;font-size:13px;color:#1F5C3A;line-height:1.45;position:relative;z-index:1} -.chama2 b{font-family:"Inter",sans-serif;font-weight:700;color:var(--verde-ml);font-size:14px} -.ec .top .p small{font-size:12.5px;font-weight:600;color:var(--fraco)} + padding:9px 20px;font-size:14px;color:#1F5C3A;line-height:1.45;position:relative;z-index:1} +.chama2 b{font-family:"Inter",sans-serif;font-weight:700;color:var(--verde-ml);font-size:15px} +.ec .top .p small{font-size:13.5px;font-weight:600;color:var(--fraco)} .ec .in{padding:18px 20px 20px} -.ec .in p{font-size:14px;color:var(--fraco);margin-bottom:13px} -.ec ul{list-style:none;font-size:14px;margin-bottom:15px} +.ec .in p{font-size:15px;color:var(--fraco);margin-bottom:13px} +.ec ul{list-style:none;font-size:15px;margin-bottom:15px} .ec li{padding:4px 0 4px 19px;position:relative;color:var(--fraco)} -.ec li::before{content:"✓";position:absolute;left:2px;color:var(--verde);font-size:12.5px} -.ec .go{font-family:"Inter",sans-serif;font-weight:700;font-size:14.5px;color:var(--laranja);display:block} -.ec .lg{display:block;font-size:12px;color:var(--fraco);letter-spacing:.1em; +.ec li::before{content:"✓";position:absolute;left:2px;color:var(--verde);font-size:13.5px} +.ec .go{font-family:"Inter",sans-serif;font-weight:700;font-size:15.5px;color:var(--laranja);display:block} +.ec .lg{display:block;font-size:13px;color:var(--fraco);letter-spacing:.1em; text-transform:uppercase;font-family:"Inter",sans-serif;font-weight:700;margin-bottom:5px} /* painel focado */ @@ -216,9 +216,9 @@ h1 em{font-style:normal;color:var(--laranja)} @media(max-width:820px){.focoGrid{grid-template-columns:1fr}} .voltar{display:inline-flex;align-items:center;gap:7px;background:#fff; border:1px solid var(--linha);border-radius:8px;padding:8px 14px 8px 11px; - font-family:"Inter",sans-serif;font-weight:600;font-size:14px;color:var(--tx); + font-family:"Inter",sans-serif;font-weight:600;font-size:15px;color:var(--tx); cursor:pointer;margin-bottom:14px;box-shadow:var(--sombra);transition:var(--transition)} -.voltar span{font-size:15.5px;line-height:1;color:var(--fraco)} +.voltar span{font-size:16.5px;line-height:1;color:var(--fraco)} .voltar:hover{border-color:var(--laranja);color:var(--laranja)} .voltar:hover span{color:var(--laranja)} .cat{border:1px solid var(--linha);border-radius:14px;background:#fff;overflow:hidden; @@ -228,9 +228,9 @@ h1 em{font-style:normal;color:var(--laranja)} flex-wrap:wrap;border-bottom:1px solid var(--linha);background:var(--cinza);padding:18px 22px} .cat.file .cabfoco{background:#FFF4E3} .cabfoco h3{font-family:"Inter",sans-serif;font-size:20px;font-weight:700} -.cabfoco .pr2{font-family:"Inter",sans-serif;font-weight:700;font-size:17px;white-space:nowrap} -.cabfoco p{font-size:14px;color:var(--fraco);width:100%;margin-top:4px} -.cabfoco .lg{font-size:12px;color:var(--fraco);letter-spacing:.1em;text-transform:uppercase; +.cabfoco .pr2{font-family:"Inter",sans-serif;font-weight:700;font-size:18px;white-space:nowrap} +.cabfoco p{font-size:15px;color:var(--fraco);width:100%;margin-top:4px} +.cabfoco .lg{font-size:13px;color:var(--fraco);letter-spacing:.1em;text-transform:uppercase; font-family:"Inter",sans-serif;font-weight:700} /* upload */ @@ -248,15 +248,15 @@ h1 em{font-style:normal;color:var(--laranja)} .cam.on .mk2{border-color:var(--verde-ml); background:radial-gradient(circle,var(--verde-ml) 0 3px,#fff 4px)} .cam div{flex:1;min-width:0;overflow-wrap:anywhere} -.cam b{display:block;font-family:"Inter",sans-serif;font-size:14px;margin-bottom:2px} -.cam span{display:block;font-size:12px;color:var(--fraco);line-height:1.45} +.cam b{display:block;font-family:"Inter",sans-serif;font-size:15px;margin-bottom:2px} +.cam span{display:block;font-size:13px;color:var(--fraco);line-height:1.45} .cam em{display:block;margin-top:6px;font-style:normal;font-family:"Inter",sans-serif; - font-weight:700;font-size:13.5px;color:var(--verde-ml);line-height:1.3} + font-weight:700;font-size:14.5px;color:var(--verde-ml);line-height:1.3} .trocouCam{margin-top:-4px;margin-bottom:11px;padding:10px 12px;border-radius:9px; - background:#FFF6E8;border:1px solid #F0D9AE;font-size:13px;color:#7A5A16;line-height:1.5} + background:#FFF6E8;border:1px solid #F0D9AE;font-size:14px;color:#7A5A16;line-height:1.5} .trocouCam b{color:#B07A18;font-family:"Inter",sans-serif;font-weight:700} .trocarModo{margin:-4px 0 11px;padding:10px 12px;border-radius:9px;background:#F1FBF5; - border:1px solid #BFE6CE;font-size:13px;color:#1F5C3A;line-height:1.5} + border:1px solid #BFE6CE;font-size:14px;color:#1F5C3A;line-height:1.5} .trocarModo b{font-family:"Inter",sans-serif;font-weight:700} .trocarModo label{display:block;margin-top:7px;cursor:pointer} .zona{border:2px dashed var(--laranja);border-radius:13px;padding:44px 20px;text-align:center; @@ -267,50 +267,50 @@ h1 em{font-style:normal;color:var(--laranja)} background:var(--laranja);color:#fff;font-size:22px;line-height:46px;font-weight:700; box-shadow:0 0 0 7px rgba(255,168,26,.18)} .zona:hover .ico,.zona.sobre .ico{background:var(--laranja2)} -.zona b{display:block;font-family:"Inter",sans-serif;font-size:18px;font-weight:700; +.zona b{display:block;font-family:"Inter",sans-serif;font-size:19px;font-weight:700; margin-bottom:5px;color:var(--tx);line-height:1.2} -.zona span{font-size:13.5px;color:#8A6A2E;display:block;max-width:30ch;margin:0 auto;line-height:1.5} +.zona span{font-size:14.5px;color:#8A6A2E;display:block;max-width:30ch;margin:0 auto;line-height:1.5} .zona .bt{display:inline-block;margin-top:13px;background:var(--laranja);color:#241703; - font-family:"Inter",sans-serif;font-weight:700;font-size:14px;border-radius:8px; + font-family:"Inter",sans-serif;font-weight:700;font-size:15px;border-radius:8px; padding:9px 18px} .zona:hover .bt{background:var(--laranja2)} .recusa{margin-top:11px;padding:11px 13px;border-radius:9px;background:#FFF3F0; - border:1px solid #F0C4B8;font-size:13px;color:#8C3B22;line-height:1.5} + border:1px solid #F0C4B8;font-size:14px;color:#8C3B22;line-height:1.5} .recusa b{font-family:"Inter",sans-serif;font-weight:700;color:#8C3B22} .aoVivo{margin-top:11px;padding:11px 13px;border-radius:9px;background:var(--cinza); - border:1px solid var(--linha);font-size:13.5px;color:var(--fraco);line-height:1.45; + border:1px solid var(--linha);font-size:14.5px;color:var(--fraco);line-height:1.45; display:flex;align-items:center;gap:9px} -.aoVivo b{font-family:"Inter",sans-serif;font-weight:700;color:var(--tx);font-size:14px} +.aoVivo b{font-family:"Inter",sans-serif;font-weight:700;color:var(--tx);font-size:15px} .aoVivo .pt2{flex:none;width:8px;height:8px;border-radius:50%;background:var(--gray-2)} .aoVivo.pronto{background:#F1FBF5;border-color:#BFE6CE;color:#2A6B45} .aoVivo.pronto .pt2{background:var(--verde-ml)} .aoVivo.pronto b{color:#1F5C3A} .b2{width:100%;padding:13px;border-radius:9px;border:1px solid var(--marinho);background:#fff; - color:var(--tx);font-family:"Inter",sans-serif;font-weight:600;font-size:15px;cursor:pointer} + color:var(--tx);font-family:"Inter",sans-serif;font-weight:600;font-size:16px;cursor:pointer} .cat.file .b2{background:var(--laranja);border-color:var(--laranja);color:#241703} .b2:hover{background:#111;color:#fff} .cat.file .b2:hover{background:var(--laranja2);color:#241703} .it{display:flex;justify-content:space-between;gap:9px;padding:10px 13px;background:var(--cinza); - border-radius:8px;margin-bottom:7px;align-items:center;font-size:14px} + border-radius:8px;margin-bottom:7px;align-items:center;font-size:15px} .it b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} -.it span{color:var(--fraco);font-size:12.5px;flex:none} -.it button{border:0;background:none;color:var(--fraco);cursor:pointer;font-size:15.5px} +.it span{color:var(--fraco);font-size:13.5px;flex:none} +.it button{border:0;background:none;color:var(--fraco);cursor:pointer;font-size:16.5px} /* repetição do FILE */ .rep{background:var(--cinza);border-radius:9px;padding:12px 14px;margin-top:8px} .rep .l1{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px} -.rep .l1 b{font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} -.rep .l1 button{border:0;background:none;color:var(--fraco);cursor:pointer;font-size:15.5px;flex:none} +.rep .l1 b{font-weight:500;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +.rep .l1 button{border:0;background:none;color:var(--fraco);cursor:pointer;font-size:16.5px;flex:none} .prog{height:5px;border-radius:4px;background:#E4E7EC;overflow:hidden;margin:9px 0 5px} .prog i{display:block;height:100%;background:var(--laranja);border-radius:4px; transition:width .35s ease} -.progT{display:block;font-size:12px;color:var(--fraco)} +.progT{display:block;font-size:13px;color:var(--fraco)} .progF{margin:9px 0 4px;padding:9px 11px;border-radius:7px;background:#FFF6E8; - border:1px solid #F0D9AE;font-size:12.5px;color:#7A5A16;line-height:1.5} + border:1px solid #F0D9AE;font-size:13.5px;color:#7A5A16;line-height:1.5} .progF b{font-family:"Inter",sans-serif;font-weight:700;color:#B07A18} -.rep label{display:block;font-size:11.5px;color:var(--fraco);margin-bottom:3px} +.rep label{display:block;font-size:12.5px;color:var(--fraco);margin-bottom:3px} .rep input{width:100%;padding:7px 9px;border:1px solid var(--linha);border-radius:6px; - font-family:inherit;font-size:14px;background:#fff;color:var(--tx)} + font-family:inherit;font-size:15px;background:#fff;color:var(--tx)} .rep input:focus{outline:none;border-color:var(--laranja)} /* fila de artes ao lado da montagem */ @@ -323,16 +323,16 @@ h1 em{font-style:normal;color:var(--laranja)} .mont{position:sticky;top:104px;border:1px solid var(--linha);border-radius:11px; background:var(--cinza);padding:12px;box-shadow:var(--sombra)} .montcab{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px} -.montcab b{font-family:"Inter",sans-serif;font-size:14px;font-weight:700} +.montcab b{font-family:"Inter",sans-serif;font-size:15px;font-weight:700} .zoomB{display:flex;align-items:center;gap:4px;margin-left:auto} .zoomB button{width:22px;height:22px;border-radius:6px;border:1px solid var(--linha); - background:#fff;color:var(--tx);cursor:pointer;font-size:15px;line-height:1;padding:0} + background:#fff;color:var(--tx);cursor:pointer;font-size:16px;line-height:1;padding:0} .zoomB button:hover{border-color:var(--laranja);color:var(--laranja)} .zoomB button:disabled{opacity:.35;cursor:not-allowed} -.zoomB span{font-family:"Inter",sans-serif;font-size:12px;font-weight:700; +.zoomB span{font-family:"Inter",sans-serif;font-size:13px;font-weight:700; color:var(--fraco);min-width:34px;text-align:center} #vArea.ampliado{overflow:auto} -.montcab span{font-family:"Inter",sans-serif;font-weight:700;font-size:16.5px;color:var(--tx)} +.montcab span{font-family:"Inter",sans-serif;font-weight:700;font-size:17.5px;color:var(--tx)} #vArea{max-height:min(56vh,560px);min-height:200px;overflow-y:auto;overscroll-behavior:contain; border:1px solid var(--linha);border-radius:8px;background:#fff} #vArea::-webkit-scrollbar{width:8px} @@ -344,83 +344,83 @@ h1 em{font-style:normal;color:var(--laranja)} #vArea .folhaPrevias{min-height:200px;padding:10px;display:grid;gap:12px;background:#F8F9FA} #vArea .folhaPrevia{margin:0;background:#fff;border:1px solid var(--linha);border-radius:6px;overflow:hidden} #vArea .folhaPrevia img{width:100%;height:auto;max-height:520px;object-fit:contain;display:block;background:#fff} -#vArea .folhaPrevia figcaption{padding:7px 9px;font-size:12px;color:var(--fraco);border-top:1px solid var(--linha)} +#vArea .folhaPrevia figcaption{padding:7px 9px;font-size:13px;color:var(--fraco);border-top:1px solid var(--linha)} #vArea .semmont{border:0;min-height:200px;display:flex;flex-direction:column; align-items:center;justify-content:center} #vUso:empty{display:none} .semmont{border:1px dashed var(--linha);border-radius:8px;background:#fff; padding:30px 14px;text-align:center} -.semmont b{display:block;font-family:"Inter",sans-serif;font-size:14px;margin-bottom:4px} -.semmont span{font-size:13px;color:var(--fraco);line-height:1.4;display:block} -.montpe{font-size:12px;color:var(--fraco);margin-top:9px;line-height:1.45} +.semmont b{display:block;font-family:"Inter",sans-serif;font-size:15px;margin-bottom:4px} +.semmont span{font-size:14px;color:var(--fraco);line-height:1.4;display:block} +.montpe{font-size:13px;color:var(--fraco);margin-top:9px;line-height:1.45} /* caixa de requisitos · o que a máquina aceita */ .req{position:sticky;top:104px;background:#fff;border:1px solid var(--linha); border-radius:14px;box-shadow:var(--sombra);padding:16px 16px 6px} @media(max-width:820px){.req{position:static}} -.reqcab{font-family:"Inter",sans-serif;font-size:18px;font-weight:700;line-height:1.15; +.reqcab{font-family:"Inter",sans-serif;font-size:19px;font-weight:700;line-height:1.15; letter-spacing:normal;color:var(--tx);margin-bottom:12px} .req details{border-top:1px solid var(--linha)} .req details:first-of-type{border-top:0} .req summary{cursor:pointer;list-style:none;padding:9px 0;font-family:"Inter",sans-serif; - font-size:14px;font-weight:700;color:var(--tx);display:flex;align-items:center;gap:8px} + font-size:15px;font-weight:700;color:var(--tx);display:flex;align-items:center;gap:8px} .req summary::-webkit-details-marker{display:none} .req summary::before{content:"+";flex:none;width:16px;height:16px;border-radius:50%; - border:1px solid rgba(0,166,80,.45);background:#fff;color:var(--verde-ml);font-size:12.5px; + border:1px solid rgba(0,166,80,.45);background:#fff;color:var(--verde-ml);font-size:13.5px; line-height:14px;text-align:center;font-weight:700} .req summary:hover::before{background:#F1FBF5} .req details[open] summary::before{content:"−";background:var(--verde-ml); border-color:var(--verde-ml);color:#fff} .req ul{list-style:none;padding:0 0 9px;margin:0} -.req li{position:relative;padding:4px 0 4px 17px;font-size:13px;color:var(--fraco); +.req li{position:relative;padding:4px 0 4px 17px;font-size:14px;color:var(--fraco); line-height:1.5} .req li b{color:var(--tx);font-weight:700;font-family:"Inter",sans-serif} -.req li::before{position:absolute;left:0;top:4px;font-size:12.5px;font-weight:700} +.req li::before{position:absolute;left:0;top:4px;font-size:13.5px;font-weight:700} .req li.s::before{content:"✓";color:var(--verde-ml)} .req li.a::before{content:"!";color:var(--laranja)} .req li.n::before{content:"×";color:var(--vermelho)} -.req .obs2{font-size:12px;color:var(--fraco);padding:0 0 9px;line-height:1.45; +.req .obs2{font-size:13px;color:var(--fraco);padding:0 0 9px;line-height:1.45; font-style:italic} -.mont .usoBom,.mont .usoRuim{margin-top:8px;font-size:12.5px;line-height:1.4} +.mont .usoBom,.mont .usoRuim{margin-top:8px;font-size:13.5px;line-height:1.4} /* artes avulsas */ .art{background:var(--cinza);border-radius:9px;padding:11px 12px;margin-bottom:7px; transition:box-shadow .3s,background .3s} .art.nova{background:#FFF6E8;box-shadow:inset 0 0 0 1px rgba(255,168,26,.55)} -.art.nova .l1 b::after{content:"nova";font-family:"Inter",sans-serif;font-size:10.5px; +.art.nova .l1 b::after{content:"nova";font-family:"Inter",sans-serif;font-size:11.5px; font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#B07A18; background:#FFE9C4;border-radius:3px;padding:1px 5px;margin-left:7px;vertical-align:1px} .art .l1{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px} -.art .l1 b{font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} -.art .l1 button{border:0;background:none;color:var(--fraco);cursor:pointer;font-size:15.5px;flex:none} +.art .l1 b{font-weight:500;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +.art .l1 button{border:0;background:none;color:var(--fraco);cursor:pointer;font-size:16.5px;flex:none} .art .cps{display:grid;grid-template-columns:1fr 1fr;gap:8px} .atalhos{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:9px} .atalhos .tm,.atalhos .gr{border:1px solid var(--linha);background:#fff;border-radius:6px; - padding:5px 9px;font-family:"Inter",sans-serif;font-size:12.5px;font-weight:600; + padding:5px 9px;font-family:"Inter",sans-serif;font-size:13.5px;font-weight:600; color:var(--tx);cursor:pointer;transition:var(--transition)} .atalhos .tm:hover,.atalhos .gr:hover{border-color:var(--laranja);color:var(--laranja)} .atalhos .tm.on{background:var(--verde-ml);border-color:var(--verde-ml);color:#fff} -.atalhos .gr{font-size:15px;line-height:1;padding:4px 9px} +.atalhos .gr{font-size:16px;line-height:1;padding:4px 9px} .atalhos .gr.on{background:var(--laranja);border-color:var(--laranja);color:#241703} .atalhos .sep{flex:1;min-width:4px} -.art label{display:block;font-size:11.5px;color:var(--fraco);margin-bottom:3px} +.art label{display:block;font-size:12.5px;color:var(--fraco);margin-bottom:3px} .art input{width:100%;padding:7px 9px;border:1px solid var(--linha);border-radius:6px; - font-family:inherit;font-size:14px;background:#fff;color:var(--tx)} + font-family:inherit;font-size:15px;background:#fff;color:var(--tx)} .art input:focus{outline:none;border-color:var(--laranja)} .qb2{height:7px;border-radius:5px;background:#E4E7EC;overflow:hidden;margin-top:9px} .qb2 i{display:block;height:100%;border-radius:5px} .qb2 i.ok{background:var(--verde)}.qb2 i.av{background:var(--laranja)}.qb2 i.er{background:var(--vermelho)} -.calc{font-size:12px;margin-top:6px;display:flex;justify-content:space-between;gap:8px;color:var(--fraco)} +.calc{font-size:13px;margin-top:6px;display:flex;justify-content:space-between;gap:8px;color:var(--fraco)} .calc .ok{color:var(--verde)}.calc .av{color:var(--laranja)}.calc .er{color:var(--vermelho)} .dica{margin-top:9px;background:#FFF8EE;border:1px solid #F0D9AE;border-radius:8px; - padding:10px 12px;font-size:13px;color:#7A5A16;line-height:1.45} -.dica b{display:block;font-family:"Inter",sans-serif;color:#B07A18;font-size:13.5px;margin-bottom:3px} + padding:10px 12px;font-size:14px;color:#7A5A16;line-height:1.45} +.dica b{display:block;font-family:"Inter",sans-serif;color:#B07A18;font-size:14.5px;margin-bottom:3px} .dica button{display:block;width:100%;margin-top:10px;padding:10px 14px;border-radius:7px; border:1px solid var(--verde-ml);background:var(--verde-ml);color:#fff; - font-family:"Inter",sans-serif;font-weight:700;font-size:14px;letter-spacing:.01em; + font-family:"Inter",sans-serif;font-weight:700;font-size:15px;letter-spacing:.01em; cursor:pointer;box-shadow:0 2px 8px rgba(0,166,80,.28);transition:var(--transition)} .dica button:hover{background:#00934A;border-color:#00934A;box-shadow:0 4px 14px rgba(0,166,80,.38)} -.dicaok{margin-top:8px;font-size:12.5px;color:var(--verde)} +.dicaok{margin-top:8px;font-size:13.5px;color:var(--verde)} /* cota em escala da peça dentro da largura do filme */ .viz{margin-top:10px;max-width:100%} @@ -428,27 +428,27 @@ h1 em{font-style:normal;color:var(--laranja)} .vizL i{flex:1;height:1px;background:var(--gray-2);position:relative} .vizL i::before{content:"";position:absolute;top:-3px;width:1px;height:7px;background:var(--gray-2)} .vizL i:first-child::before{left:0} .vizL i:last-child::before{right:0} -.vizL b{font-family:"Inter",sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em; +.vizL b{font-family:"Inter",sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em; text-transform:uppercase;color:var(--fraco)} .vizRow{display:flex;gap:7px;align-items:flex-end} .vizTira{flex:none;max-width:100%} .vizH{flex:none;display:flex;align-items:center;justify-content:center;padding-left:4px; border-left:1px solid var(--gray-2);min-height:22px} -.vizH span{writing-mode:vertical-rl;font-family:"Inter",sans-serif;font-size:11px; +.vizH span{writing-mode:vertical-rl;font-family:"Inter",sans-serif;font-size:12px; font-weight:700;color:var(--fraco);white-space:nowrap} .tira{display:flex;background:#fff;border:1px solid var(--linha);border-radius:4px; padding:2px;overflow:hidden;min-height:22px;width:100%} .pc{flex:none;overflow:hidden;display:flex;align-items:center;justify-content:center; background:#F2F2F2;border-radius:2px} .pc img{width:100%;height:100%;object-fit:contain;display:block} -.pc span{font-family:"Inter",sans-serif;font-size:10.5px;font-weight:700;color:var(--fraco)} +.pc span{font-family:"Inter",sans-serif;font-size:11.5px;font-weight:700;color:var(--fraco)} .folga{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;border-radius:2px; background:repeating-linear-gradient(45deg,#FBFBFB,#FBFBFB 4px,#F0F0F0 4px,#F0F0F0 8px)} -.folga span{font-size:10px;color:var(--fraco);white-space:nowrap;overflow:hidden} -.vizPe{font-size:12px;color:var(--fraco);margin-top:6px;line-height:1.4} +.folga span{font-size:11px;color:var(--fraco);white-space:nowrap;overflow:hidden} +.vizPe{font-size:13px;color:var(--fraco);margin-top:6px;line-height:1.4} .vizPe b{color:var(--tx);font-family:"Inter",sans-serif;font-weight:700} .resumoA{background:#fff;border:1px solid var(--linha);border-radius:9px;padding:11px 13px; - font-size:13.5px;margin-bottom:12px;display:none} + font-size:14.5px;margin-bottom:12px;display:none} .resumoA.on{display:block} .resumoA .r{display:flex;justify-content:space-between;padding:2px 0} .resumoA .r b{font-family:"Inter",sans-serif} @@ -457,18 +457,18 @@ h1 em{font-style:normal;color:var(--laranja)} .qual{background:#fff;border:1px solid var(--linha);border-radius:13px;padding:22px;margin-top:16px;display:none} .qual.on{display:block} .qh{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:14px} -.qh h3{font-family:"Inter",sans-serif;font-size:17px;font-weight:700} +.qh h3{font-family:"Inter",sans-serif;font-size:18px;font-weight:700} .qh .pct{font-family:"Inter",sans-serif;font-weight:700;font-size:38px;line-height:1;color:var(--verde)} -.qh .pct small{font-size:15px;color:var(--fraco)} +.qh .pct small{font-size:16px;color:var(--fraco)} .qbar{height:13px;border-radius:8px;background:var(--cinza);overflow:hidden} .qbar i{display:block;height:100%;border-radius:8px;background:var(--verde)} .qitens{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:7px;margin-top:13px} .qi{display:flex;gap:8px;align-items:center;border:1px solid var(--linha);border-radius:8px; - padding:7px 10px;font-size:13px} -.qi .c{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font-size:10px; + padding:7px 10px;font-size:14px} +.qi .c{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font-size:11px; flex:none;color:#fff;font-family:"Inter",sans-serif;font-weight:700} -.qi b{display:block;font-family:"Inter",sans-serif;font-size:13px} -.qi span{color:var(--fraco);font-size:12px} +.qi b{display:block;font-family:"Inter",sans-serif;font-size:14px} +.qi span{color:var(--fraco);font-size:13px} .qi.ok .c{background:var(--verde)}.qi.av .c{background:var(--laranja);color:#241703} .qi.er .c{background:var(--vermelho)} .qi.fix{border-color:#BBD9E8;background:#F2F9FC} @@ -480,20 +480,20 @@ h1 em{font-style:normal;color:var(--laranja)} .ciente.recusa h4{color:#8C3B22} .ciente.recusa label{display:none} .ciente.recusa .lista{color:#8C3B22} -.ciente h4{font-family:"Inter",sans-serif;font-size:15px;font-weight:700;color:#B07A18;margin-bottom:5px} -.ciente p{font-size:14px;color:#7A5A16;line-height:1.5} -.ciente .lista{margin:10px 0 0;font-size:13.5px;color:#7A5A16} +.ciente h4{font-family:"Inter",sans-serif;font-size:16px;font-weight:700;color:#B07A18;margin-bottom:5px} +.ciente p{font-size:15px;color:#7A5A16;line-height:1.5} +.ciente .lista{margin:10px 0 0;font-size:14.5px;color:#7A5A16} .ciente .lista div{padding:3px 0 3px 15px;position:relative} .ciente .lista div::before{content:"·";position:absolute;left:4px;font-weight:700} .ciente label{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding-top:11px; - border-top:1px solid #F0D9AE;cursor:pointer;font-size:14px;color:#5E4512} + border-top:1px solid #F0D9AE;cursor:pointer;font-size:15px;color:#5E4512} .ciente input{margin-top:2px;width:16px;height:16px;flex:none;accent-color:#B07A18} @keyframes pulsa{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(217,74,40,.55)} 50%{transform:scale(1.04);box-shadow:0 0 0 12px rgba(217,74,40,0)}} .qbts{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px} .qbts .qb{flex:1;min-width:220px} .qb{padding:11px 17px;border-radius:8px;border:1px solid var(--linha);background:#fff; - font-family:"Inter",sans-serif;font-weight:600;font-size:14.5px;cursor:pointer;color:var(--tx)} + font-family:"Inter",sans-serif;font-weight:600;font-size:15.5px;cursor:pointer;color:var(--tx)} .qb.p{background:var(--laranja);border-color:var(--laranja);color:#241703} .qb.chama{background:var(--vermelho);border-color:var(--vermelho);color:#fff; animation:pulsa 1.6s ease-in-out infinite} @@ -505,31 +505,31 @@ h1 em{font-style:normal;color:var(--laranja)} .prev{background:#fff;border:1px solid var(--linha);border-radius:13px;padding:22px;margin-top:16px;display:none} .prev.on{display:block} .prev .ph{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:14px} -.prev .ph h3{font-family:"Inter",sans-serif;font-size:17px;font-weight:700} -.prev .ph p{font-size:14px;color:var(--fraco)} +.prev .ph h3{font-family:"Inter",sans-serif;font-size:18px;font-weight:700} +.prev .ph p{font-size:15px;color:var(--fraco)} .prev .ph .mt{font-family:"Inter",sans-serif;font-weight:700;font-size:22px;white-space:nowrap} -.prev .ph .mt small{font-size:13.5px;color:var(--fraco);font-weight:600} +.prev .ph .mt small{font-size:14.5px;color:var(--fraco);font-weight:600} .pgrid{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start} @media(max-width:760px){.pgrid{grid-template-columns:1fr}} .pfolha{background:var(--cinza);border:1px solid var(--linha);border-radius:10px;padding:12px} .pfolha canvas,.pfolha img{width:100%;height:auto;display:block;border-radius:6px;background:#fff} .pfolha .semprev,.pfolha .carregando{padding:40px 16px;text-align:center;color:var(--fraco); - font-size:13.5px;background:#fff;border-radius:6px} -.pfolha .semprev b{display:block;font-family:"Inter",sans-serif;color:var(--tx);font-size:14px;margin-bottom:4px} -.usoBom,.usoRuim{margin-top:10px;border-radius:8px;padding:9px 12px;font-size:13px;line-height:1.45} + font-size:14.5px;background:#fff;border-radius:6px} +.pfolha .semprev b{display:block;font-family:"Inter",sans-serif;color:var(--tx);font-size:15px;margin-bottom:4px} +.usoBom,.usoRuim{margin-top:10px;border-radius:8px;padding:9px 12px;font-size:14px;line-height:1.45} .usoBom{background:#F1F8F3;border:1px solid #CDE6D6;color:#2A6B45} .usoRuim{background:#FFF8EE;border:1px solid #F0D9AE;color:#7A5A16} -.usoBom b,.usoRuim b{display:block;font-family:"Inter",sans-serif;font-size:14px;margin-bottom:2px} -.pinfo .li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;font-size:14px; +.usoBom b,.usoRuim b{display:block;font-family:"Inter",sans-serif;font-size:15px;margin-bottom:2px} +.pinfo .li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;font-size:15px; border-bottom:1px solid var(--linha)} .pinfo .li:last-child{border:0} .pinfo .li .c{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;flex:none; - margin-top:1px;font-size:11.5px;color:#fff;font-family:"Inter",sans-serif;font-weight:700} -.pinfo .li b{display:block;font-family:"Inter",sans-serif;font-size:14px} -.pinfo .li span{color:var(--fraco);font-size:13px} + margin-top:1px;font-size:12.5px;color:#fff;font-family:"Inter",sans-serif;font-weight:700} +.pinfo .li b{display:block;font-family:"Inter",sans-serif;font-size:15px} +.pinfo .li span{color:var(--fraco);font-size:14px} .pcta{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px;padding-top:15px;border-top:1px solid var(--linha)} .pb{padding:11px 18px;border-radius:8px;border:1px solid var(--linha);background:#fff; - font-family:"Inter",sans-serif;font-weight:600;font-size:14.5px;cursor:pointer;color:var(--tx)} + font-family:"Inter",sans-serif;font-weight:600;font-size:15.5px;cursor:pointer;color:var(--tx)} .pb.p{background:var(--laranja);border-color:var(--laranja);color:#241703} .pb:hover{border-color:#111} @@ -538,10 +538,10 @@ h1 em{font-style:normal;color:var(--laranja)} .prova{padding:clamp(22px,3vw,34px) 0} .prova .w{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:14px} .p1{border-left:2px solid var(--laranja);padding:2px 0 2px 13px} -.p1 b{display:block;font-family:"Inter",sans-serif;font-size:15px;font-weight:700; +.p1 b{display:block;font-family:"Inter",sans-serif;font-size:16px;font-weight:700; line-height:1.25;color:var(--tx);margin-bottom:5px} .p1 b em{font-style:normal;color:var(--laranja)} -.p1 span{display:block;font-size:13px;color:var(--fraco);line-height:1.5} +.p1 span{display:block;font-size:14px;color:var(--fraco);line-height:1.5} /* ── Carrinho no padrão de checkout: entrega à esquerda, resumo fixo à direita ── */ .carr{display:none;margin-top:18px} @@ -552,37 +552,37 @@ h1 em{font-style:normal;color:var(--laranja)} .carr h3{font-family:"Inter",sans-serif;font-size:19px;font-weight:700;margin-bottom:12px} .cxE{background:#fff;border:1px solid var(--linha);border-radius:12px; box-shadow:var(--sombra);padding:17px 18px;margin-bottom:14px} -.cxE h4{font-family:"Inter",sans-serif;font-size:15.5px;font-weight:700;margin-bottom:11px} +.cxE h4{font-family:"Inter",sans-serif;font-size:16.5px;font-weight:700;margin-bottom:11px} /* itens do pedido */ .item{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--linha)} .item:first-child{border-top:0;padding-top:2px} .item .nm2{flex:1;min-width:0} -.item .nm2 b{display:block;font-family:"Inter",sans-serif;font-size:14.5px;color:var(--tx)} -.item .nm2 span{font-size:13px;color:var(--fraco)} -.item .vl2{font-family:"Inter",sans-serif;font-weight:700;font-size:15px;color:var(--tx); +.item .nm2 b{display:block;font-family:"Inter",sans-serif;font-size:15.5px;color:var(--tx)} +.item .nm2 span{font-size:14px;color:var(--fraco)} +.item .vl2{font-family:"Inter",sans-serif;font-weight:700;font-size:16px;color:var(--tx); white-space:nowrap} -.item .x{border:0;background:none;color:var(--gray-2);cursor:pointer;font-size:17px; +.item .x{border:0;background:none;color:var(--gray-2);cursor:pointer;font-size:18px; line-height:1;padding:0 0 0 4px} .item .x:hover{color:var(--vermelho)} -.rot{font-family:"Inter",sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.12em; +.rot{font-family:"Inter",sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.12em; text-transform:uppercase;color:var(--fraco);margin:0 0 7px} -.carr .l{display:flex;justify-content:space-between;font-size:14px;padding:5px 0; +.carr .l{display:flex;justify-content:space-between;font-size:15px;padding:5px 0; color:var(--fraco);gap:14px} .carr .l b{color:var(--tx);font-family:"Inter",sans-serif;font-weight:700;white-space:nowrap} /* identificação do cliente */ -.subC{font-size:13px;color:var(--fraco);line-height:1.5;margin:-4px 0 12px} +.subC{font-size:14px;color:var(--fraco);line-height:1.5;margin:-4px 0 12px} .campos{display:grid;grid-template-columns:1fr 1fr;gap:11px} @media(max-width:620px){.campos{grid-template-columns:1fr}} .cp.larga{grid-column:1/-1} -.cp label{display:block;font-size:12px;color:var(--fraco);margin-bottom:5px} +.cp label{display:block;font-size:13px;color:var(--fraco);margin-bottom:5px} .cp input{width:100%;padding:11px 12px;border-radius:8px;border:1px solid var(--linha); - background:#fff;font-family:inherit;font-size:14.5px;color:var(--tx)} + background:#fff;font-family:inherit;font-size:15.5px;color:var(--tx)} .cp input:focus{outline:none;border-color:var(--laranja)} .cp input.ruim{border-color:var(--vermelho);background:#FFF6F4} .cp input.bom{border-color:var(--verde-ml)} -.cp .err{display:block;font-size:12px;color:var(--vermelho);margin-top:4px;min-height:13px} +.cp .err{display:block;font-size:13px;color:var(--vermelho);margin-top:4px;min-height:13px} /* forma de entrega, como no checkout do marketplace */ .entrega{display:grid;gap:9px} @@ -596,42 +596,42 @@ h1 em{font-style:normal;color:var(--laranja)} .opE.on .mk{border-color:var(--verde-ml); background:radial-gradient(circle,var(--verde-ml) 0 4px,#fff 5px)} .opE div{flex:1;min-width:0} -.opE b{display:block;font-family:"Inter",sans-serif;font-size:14.5px;margin-bottom:2px} -.opE span{font-size:13px;color:var(--fraco);line-height:1.5} +.opE b{display:block;font-family:"Inter",sans-serif;font-size:15.5px;margin-bottom:2px} +.opE span{font-size:14px;color:var(--fraco);line-height:1.5} .opE em{flex:none;font-style:normal;font-family:"Inter",sans-serif;font-weight:700; - font-size:14px;color:var(--verde-ml);white-space:nowrap} + font-size:15px;color:var(--verde-ml);white-space:nowrap} .cep{display:none;margin-top:10px;padding:12px;background:var(--cinza);border-radius:9px} .cep.on{display:block} -.cep label{display:block;font-size:12px;color:var(--fraco);margin-bottom:6px} +.cep label{display:block;font-size:13px;color:var(--fraco);margin-bottom:6px} .cepL{display:flex;gap:8px} .cepL input{flex:1;min-width:0;padding:10px 12px;border-radius:8px;background:#fff; - border:1px solid var(--linha);font-family:inherit;font-size:14px;color:var(--tx)} + border:1px solid var(--linha);font-family:inherit;font-size:15px;color:var(--tx)} .cepL input:focus{outline:none;border-color:var(--laranja)} .cepL button{flex:none;width:auto;padding:10px 18px;border-radius:8px; border:1px solid var(--linha);cursor:pointer;background:#fff;color:var(--tx); - font-family:"Inter",sans-serif;font-weight:600;font-size:14px} + font-family:"Inter",sans-serif;font-weight:600;font-size:15px} .cepL button:hover{border-color:var(--laranja);color:var(--laranja)} -.cep p{font-size:13px;color:var(--fraco);margin-top:9px;line-height:1.5} +.cep p{font-size:14px;color:var(--fraco);margin-top:9px;line-height:1.5} .cep p:empty{display:none} .cep .endereco{margin-top:12px} .cep .err{color:var(--vermelho)} .avisoE:empty{display:none} -.avisoE{font-size:13px;color:#1F5C3A;background:#F1FBF5;border:1px solid #BFE6CE; +.avisoE{font-size:14px;color:#1F5C3A;background:#F1FBF5;border:1px solid #BFE6CE; border-radius:8px;padding:10px 12px;line-height:1.5;margin-top:9px} /* resumo da compra */ .resumo{position:sticky;top:104px;background:#fff;border:1px solid var(--linha); border-radius:12px;box-shadow:var(--sombra);padding:17px 18px} @media(max-width:900px){.resumo{position:static}} -.resumo h4{font-family:"Inter",sans-serif;font-size:16.5px;font-weight:700;margin-bottom:12px} +.resumo h4{font-family:"Inter",sans-serif;font-size:17.5px;font-weight:700;margin-bottom:12px} .resumo .l{padding:6px 0} .carr .tot{display:flex;justify-content:space-between;align-items:baseline;gap:12px; - font-family:"Inter",sans-serif;font-size:15.5px;font-weight:700;padding-top:12px;margin-top:8px; + font-family:"Inter",sans-serif;font-size:16.5px;font-weight:700;padding-top:12px;margin-top:8px; border-top:1px solid var(--linha);color:var(--tx)} .carr .tot b{font-size:23px;color:var(--tx)} .cbts{display:grid;gap:9px;margin-top:14px} .cbts button{width:100%;padding:13px;border-radius:9px;border:0;background:var(--laranja); - color:#241703;font-family:"Inter",sans-serif;font-weight:700;font-size:15px;cursor:pointer; + color:#241703;font-family:"Inter",sans-serif;font-weight:700;font-size:16px;cursor:pointer; transition:var(--transition)} .cbts button:hover{background:var(--laranja2)} .cbts button:disabled{opacity:.4;cursor:not-allowed} @@ -644,10 +644,10 @@ h1 em{font-style:normal;color:var(--laranja)} .trilho::-webkit-scrollbar{height:0} .slide{flex:0 0 clamp(244px,76%,316px);scroll-snap-align:start; background:var(--cinza);border:1px solid var(--linha);border-radius:13px;padding:17px 18px} -.slide .et2{font-family:"Inter",sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em; +.slide .et2{font-family:"Inter",sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em; text-transform:uppercase;color:var(--laranja);margin-bottom:8px;display:block} -.slide h3{font-family:"Inter",sans-serif;font-size:16.5px;font-weight:700;margin-bottom:6px;line-height:1.18} -.slide p{font-size:14px;color:var(--fraco);line-height:1.5} +.slide h3{font-family:"Inter",sans-serif;font-size:17.5px;font-weight:700;margin-bottom:6px;line-height:1.18} +.slide p{font-size:15px;color:var(--fraco);line-height:1.5} /* selo circular · o benefício em número, com os anéis da marca em volta */ .slide{position:relative;overflow:hidden} .stop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px} @@ -661,26 +661,26 @@ h1 em{font-style:normal;color:var(--laranja)} .selo::after{inset:-21px;border:1px solid rgba(0,166,80,.09)} .selo b{font-family:"Inter",sans-serif;font-weight:700;font-size:19px;line-height:1; color:var(--verde-ml);letter-spacing:-.01em} -.selo b em{font-style:normal;font-size:12.5px;margin-left:1px} -.selo span{font-family:"Inter",sans-serif;font-weight:700;font-size:9.5px;line-height:1.2; +.selo b em{font-style:normal;font-size:13.5px;margin-left:1px} +.selo span{font-family:"Inter",sans-serif;font-weight:700;font-size:10.5px;line-height:1.2; letter-spacing:.07em;text-transform:uppercase;color:var(--fraco);margin-top:4px;padding:0 5px} .slide .num{font-family:"Inter",sans-serif;font-weight:700;font-size:26px; color:var(--laranja);line-height:1;margin-bottom:6px} -.slide ul{list-style:none;font-size:13.5px;margin-top:9px} +.slide ul{list-style:none;font-size:14.5px;margin-top:9px} .slide li{padding:4px 0 4px 19px;position:relative;color:var(--fraco)} -.slide li::before{content:"✓";position:absolute;left:2px;color:var(--verde);font-size:12.5px} +.slide li::before{content:"✓";position:absolute;left:2px;color:var(--verde);font-size:13.5px} .slide li.no::before{content:"!";color:var(--laranja);font-weight:700} -.slide table{width:100%;font-size:13.5px;margin-top:9px;border-collapse:collapse} +.slide table{width:100%;font-size:14.5px;margin-top:9px;border-collapse:collapse} .slide td{padding:5px 0;border-bottom:1px solid #E3E3E3;color:var(--fraco)} .slide td+td{text-align:right;font-family:"Inter",sans-serif;font-weight:700;color:var(--tx)} -.slide td.cab{font-family:"Inter",sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em; +.slide td.cab{font-family:"Inter",sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em; text-transform:uppercase;color:var(--fraco)} .slide tr:last-child td{border:0} .slide .dest{background:#fff;border-radius:8px;padding:9px 11px;margin-top:9px; - font-size:13px;color:var(--tx)} + font-size:14px;color:var(--tx)} .navc{display:flex;gap:8px;align-items:center;margin-top:14px} .navc button{width:32px;height:32px;border-radius:50%;border:1px solid var(--linha); - background:#fff;color:var(--tx);cursor:pointer;font-size:15.5px;line-height:1} + background:#fff;color:var(--tx);cursor:pointer;font-size:16.5px;line-height:1} .navc button:hover{border-color:var(--laranja);color:var(--laranja)} .pontos{display:flex;gap:5px;margin-left:auto} .pt{width:20px;height:3px;border-radius:2px;background:var(--linha);border:0;padding:0;cursor:pointer} @@ -689,31 +689,31 @@ h1 em{font-style:normal;color:var(--laranja)} h2{font-size:clamp(23px,3.6vw,34px);font-weight:700;max-width:20ch} h2 em{font-style:normal;color:var(--laranja)} -.et{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--laranja); +.et{font-size:13.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--laranja); font-family:"Inter",sans-serif;font-weight:700;margin-bottom:10px} -.lead{color:var(--fraco);font-size:15.5px;max-width:56ch;margin-top:12px} +.lead{color:var(--fraco);font-size:16.5px;max-width:56ch;margin-top:12px} .dor{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:13px;margin-top:24px} .dc{background:#fff;border:1px solid var(--linha);border-radius:12px;padding:18px 19px} .dc .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center; - font-family:"Inter",sans-serif;font-weight:700;font-size:15px;margin-bottom:11px; + font-family:"Inter",sans-serif;font-weight:700;font-size:16px;margin-bottom:11px; background:#FBEEEA;color:var(--vermelho)} -.dc h3{font-size:15.5px;font-weight:700;margin-bottom:4px} -.dc p{font-size:14px;color:var(--fraco)} -.nota{background:var(--cinza);border-radius:11px;padding:14px 18px;margin-top:15px;font-size:14px;color:var(--fraco)} +.dc h3{font-size:16.5px;font-weight:700;margin-bottom:4px} +.dc p{font-size:15px;color:var(--fraco)} +.nota{background:var(--cinza);border-radius:11px;padding:14px 18px;margin-top:15px;font-size:15px;color:var(--fraco)} .nota b{color:var(--tx);font-family:"Inter",sans-serif} -footer{background:#000;color:#8D9AB0;padding:26px 0 20px;font-size:14px} +footer{background:#000;color:#8D9AB0;padding:26px 0 20px;font-size:15px} .frow{display:flex;gap:26px;align-items:flex-start;flex-wrap:wrap;padding-bottom:18px} .fmarca{display:flex;align-items:center;gap:9px;font-family:"Inter",sans-serif; - font-weight:700;font-size:14px;color:var(--laranja);letter-spacing:.06em;white-space:nowrap} + font-weight:700;font-size:15px;color:var(--laranja);letter-spacing:.06em;white-space:nowrap} .fmarca img{height:22px;width:auto;display:block;filter:brightness(0) invert(1)} footer a{color:#8D9AB0;text-decoration:none} footer a:hover{color:var(--laranja2)} -.flinks{display:flex;gap:18px;flex-wrap:wrap;font-size:14px} -.fcont{margin-left:auto;text-align:right;font-size:14px;line-height:1.7} +.flinks{display:flex;gap:18px;flex-wrap:wrap;font-size:15px} +.fcont{margin-left:auto;text-align:right;font-size:15px;line-height:1.7} @media(max-width:720px){.fcont{margin-left:0;text-align:left}} .fbase{border-top:1px solid rgba(255,255,255,.1);padding-top:14px;display:flex; - justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:#5A6570} + justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13.5px;color:#5A6570} @media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}} @@ -1045,9 +1045,9 @@ footer a:hover{color:var(--laranja2)}

sua folha

-
+
—
- qualidade
+ qualidade
@@ -1063,7 +1063,7 @@ footer a:hover{color:var(--laranja2)}

confira antes de fechar o pedido

—
- cobrado por proporção
+ cobrado por proporção
diff --git a/web/kanban.css b/web/kanban.css index c82713b..b9504bc 100644 --- a/web/kanban.css +++ b/web/kanban.css @@ -18,30 +18,30 @@ a{color:var(--accent-tx)} .mono{font-family:var(--mono)} .muted{color:var(--muted)} .faint{color:var(--faint)} -.btn{height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--line2);background:var(--card2);color:var(--tx);font-size:13.5px;font-weight:600;white-space:nowrap} +.btn{height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--line2);background:var(--card2);color:var(--tx);font-size:14px;font-weight:600;white-space:nowrap} .btn:hover{border-color:var(--line3)} .btn.ghost{background:transparent;color:var(--muted)} .btn.primary{height:44px;border:0;background:var(--accent);color:#0F1113;font-weight:800;font-size:14.5px;padding:0 18px} .btn.primary:hover{filter:brightness(1.08)} .btn.danger{height:44px;background:transparent;border-color:var(--bad-line);color:var(--bad);font-weight:700;font-size:14.5px} .btn.warn{border:0;background:var(--warn);color:#0F1113;font-weight:800} -.chip{height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--line2);background:transparent;color:var(--muted);font-size:13.5px;font-weight:600} +.chip{height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--line2);background:transparent;color:var(--muted);font-size:14px;font-weight:600} .chip[aria-pressed=true]{border-color:var(--accent);background:rgba(255,139,43,.12);color:var(--accent-tx)} -.badge{font-size:13px;font-weight:700;border-radius:999px;padding:1px 8px;background:var(--accent);color:#0F1113} +.badge{font-size:13.5px;font-weight:700;border-radius:999px;padding:1px 8px;background:var(--accent);color:#0F1113} .badge.warn{background:var(--warn);color:#0F1113} .badge:empty{display:none} -.eyebrow{font-size:13px;color:var(--faint);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px} +.eyebrow{font-size:13.5px;color:var(--faint);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px} input[type=text],input[type=email],input[type=password],input[type=number],input:not([type]),textarea{height:40px;padding:0 12px;border-radius:8px;border:1px solid var(--line3);background:var(--bg);color:var(--tx)} textarea{height:auto;padding:10px 12px;min-height:72px;width:100%;resize:vertical} input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)} -input[type=file]{font-size:13.5px;color:var(--muted);max-width:100%} -.check{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--tx2)} +input[type=file]{font-size:14px;color:var(--muted);max-width:100%} +.check{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--tx2)} .ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)} /* Sign-in */ .login{max-width:380px;margin:12vh auto 0;padding:32px;border:1px solid var(--line2);border-radius:14px;background:var(--panel);display:flex;flex-direction:column;gap:14px} -.login label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--muted)} -.login .hint{font-size:13px;color:var(--faint);margin:0} +.login label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--muted)} +.login .hint{font-size:13.5px;color:var(--faint);margin:0} /* Top bar */ .top{height:64px;padding:0 24px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);background:var(--bar);position:sticky;top:0;z-index:5} @@ -50,14 +50,14 @@ input[type=file]{font-size:13.5px;color:var(--muted);max-width:100%} .tabs{display:flex;gap:4px;align-self:stretch} .tabs button{display:flex;align-items:center;gap:8px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-weight:600;font-size:14.5px} .tabs button[aria-selected=true]{color:var(--tx);font-weight:700;border-bottom-color:var(--accent)} -.tabs .count{font-family:var(--mono);font-size:13px;color:var(--muted)} +.tabs .count{font-family:var(--mono);font-size:13.5px;color:var(--muted)} .search{display:flex;align-items:center;gap:8px;width:300px;height:38px;padding:0 12px;border:1px solid var(--line2);border-radius:9px;background:var(--card);color:var(--faint);margin-left:auto} .search input{flex:1;min-width:0;border:0;background:transparent;height:auto;padding:0;outline:none} -.tinydot{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted);white-space:nowrap} +.tinydot{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);white-space:nowrap} .tinydot::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--dot,#5B6168)} .tinydot:empty{display:none} -.who{font-size:13.5px;color:var(--muted);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis} -#status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:20;margin:0;max-width:min(640px,calc(100vw - 32px));padding:10px 16px;border-radius:10px;border:1px solid var(--line3);background:#1E2226;color:var(--tx);font-size:13.5px;box-shadow:0 10px 30px rgba(0,0,0,.45)} +.who{font-size:14px;color:var(--muted);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis} +#status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:20;margin:0;max-width:min(640px,calc(100vw - 32px));padding:10px 16px;border-radius:10px;border:1px solid var(--line3);background:#1E2226;color:var(--tx);font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.45)} #status:empty,#login-status:empty{display:none} #status.error{border-color:var(--bad-line);color:var(--bad)} #login-status.error{color:var(--bad)} @@ -76,21 +76,21 @@ main{padding:0 24px 24px} .col-head div{display:flex;align-items:center;gap:8px} .col-head h2{margin:0;font-size:14.5px;font-weight:700} .col-head .swatch{width:10px;height:10px;border-radius:3px;background:var(--c)} -.col-head .n{margin-left:auto;font-family:var(--mono);font-size:13px;color:var(--muted)} -.col-head small{font-size:13px;color:var(--faint)} -.col .empty{font-size:13px;color:var(--faint);padding:8px 2px} +.col-head .n{margin-left:auto;font-family:var(--mono);font-size:13.5px;color:var(--muted)} +.col-head small{font-size:13.5px;color:var(--faint)} +.col .empty{font-size:13.5px;color:var(--faint);padding:8px 2px} .card{text-align:left;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;border:1px solid var(--line2);background:var(--card);width:100%} .card:hover,.card.open{border-color:var(--line3);background:#1E2226} .card .row{display:flex;align-items:baseline;gap:8px;width:100%} .card .num{font-size:14.5px;font-weight:800} -.card .age{margin-left:auto;font-size:13px;color:var(--faint)} -.card .cust{font-size:13.5px;font-weight:600;color:var(--tx);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} +.card .age{margin-left:auto;font-size:13.5px;color:var(--faint)} +.card .cust{font-size:14px;font-weight:600;color:var(--tx);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tags{display:flex;flex-wrap:wrap;gap:6px} -.tag{font-size:13px;padding:3px 8px;border-radius:6px;background:var(--card2);color:var(--tx2)} -.tag-teste{font-size:12px;font-weight:800;letter-spacing:.04em;padding:2px 7px;border-radius:6px;background:var(--warn);color:#1a1300} -.card .foot{display:flex;align-items:center;gap:6px;font-size:13px} +.tag{font-size:13.5px;padding:3px 8px;border-radius:6px;background:var(--card2);color:var(--tx2)} +.tag-teste{font-size:12.5px;font-weight:800;letter-spacing:.04em;padding:2px 7px;border-radius:6px;background:var(--warn);color:#1a1300} +.card .foot{display:flex;align-items:center;gap:6px;font-size:13.5px} .card .foot .where{margin-left:auto;color:var(--muted)} -.late{font-size:13px;color:#F06A5B;font-weight:600} +.late{font-size:13.5px;color:#F06A5B;font-weight:600} /* Order panel */ .drawer{position:fixed;inset:0;z-index:10;display:flex;justify-content:flex-end} @@ -99,10 +99,10 @@ main{padding:0 24px 24px} .panel-head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:14px} .panel-head .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .panel-head .num{font-size:22px;font-weight:800} -.stage{font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c)} +.stage{font-size:13.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c)} .close{margin-left:auto;width:40px;height:40px;border-radius:8px;border:1px solid var(--line2);background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center} .steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px} -.steps li{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--faint)} +.steps li{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--faint)} .steps li::before{content:"";height:4px;border-radius:4px;background:var(--line2)} .steps li.done{color:var(--muted)}.steps li.done::before{background:var(--c)} .steps li.now{color:var(--tx);font-weight:700}.steps li.now::before{background:var(--c)} @@ -112,7 +112,7 @@ main{padding:0 24px 24px} .panel-body{flex:1;overflow:auto;padding:20px 24px 32px;display:flex;flex-direction:column;gap:24px} .facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .facts b{display:block;font-size:14.5px} -.facts span{font-size:13.5px;color:var(--muted);overflow-wrap:anywhere} +.facts span{font-size:14px;color:var(--muted);overflow-wrap:anywhere} .item{display:flex;gap:14px;padding:14px;border:1px solid var(--line2);border-radius:12px;background:var(--card)} .item.attention{border-color:#4A3A1E;background:#1C1A15} .item .preview{width:96px;flex-shrink:0;border-radius:8px;background:var(--card2);display:flex;align-items:flex-start;justify-content:center;padding:6px} @@ -120,18 +120,18 @@ main{padding:0 24px 24px} .item .body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px} .item .title{display:flex;align-items:baseline;gap:8px} .item .title b{font-size:14.5px} -.item .title .mono{margin-left:auto;font-size:13.5px} -.item .line{font-size:13px;color:var(--muted)} -.item .file{display:flex;align-items:center;gap:8px;font-size:13.5px} +.item .title .mono{margin-left:auto;font-size:14px} +.item .line{font-size:13.5px;color:var(--muted)} +.item .file{display:flex;align-items:center;gap:8px;font-size:14px} .buttons{display:flex;gap:8px;flex-wrap:wrap} .finals{display:flex;flex-direction:column;gap:12px} -.finals .rev{font-size:13.5px;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--line2);border-radius:10px} +.finals .rev{font-size:14px;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--line2);border-radius:10px} .finals form{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line2);border-radius:12px} -.finals .slot{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600} +.finals .slot{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600} .timeline{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px} -.timeline li{display:flex;gap:12px;font-size:13.5px} +.timeline li{display:flex;gap:12px;font-size:14px} .timeline li::before{content:"";width:8px;height:8px;margin-top:6px;border-radius:999px;background:var(--c,var(--muted));flex-shrink:0} -.timeline small{display:block;color:var(--faint);font-size:13px} +.timeline small{display:block;color:var(--faint);font-size:13.5px} /* Quotes */ #tab-quotes{padding-top:18px} @@ -140,7 +140,7 @@ main{padding:0 24px 24px} .qitem{text-align:left;display:flex;justify-content:space-between;gap:12px;padding:14px;border-radius:10px;border:1px solid var(--line2);background:var(--card);width:100%} .qitem[aria-current=true]{border-color:var(--accent);background:#1F1A15} .qitem b{display:block;font-size:14.5px;overflow-wrap:anywhere} -.qitem span{font-size:13px;color:var(--muted)} +.qitem span{font-size:13.5px;color:var(--muted)} .qitem .right{text-align:right;flex-shrink:0} .qitem .flag{display:block;color:var(--warn);font-weight:600;margin-top:4px} .pane{flex:1;min-width:0;display:flex;flex-direction:column} @@ -148,7 +148,7 @@ main{padding:0 24px 24px} .pane .head b{font-size:18px;overflow-wrap:anywhere} .pane .content{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:16px} .pane .fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} -.pane .fields label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)} +.pane .fields label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--muted)} .pane .fields input[readonly]{color:var(--faint);background:var(--panel);border-color:var(--line2)} .pane .foot{padding:16px 24px;border-top:1px solid var(--line);background:var(--bar);display:flex;align-items:center;gap:16px;flex-wrap:wrap} .pane .foot .total{margin-left:auto;font-family:var(--mono);color:var(--muted)} @@ -161,10 +161,10 @@ main{padding:0 24px 24px} .issue{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 18px;border-radius:12px;border:1px solid #4A3A1E;background:#1C1A15;margin-bottom:8px} .issue .text{flex:1;min-width:260px;display:flex;flex-direction:column;gap:4px} .issue .text b{font-size:14.5px} -.issue .text span{font-size:13.5px;color:var(--muted);overflow-wrap:anywhere} +.issue .text span{font-size:14px;color:var(--muted);overflow-wrap:anywhere} .issue form{display:flex;gap:8px;align-items:center} .issue.done{border-color:var(--line2);background:var(--card)} -.pager{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 4px;border-top:1px solid var(--line);margin-top:8px;font-size:13.5px;color:var(--muted)} +.pager{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 4px;border-top:1px solid var(--line);margin-top:8px;font-size:14px;color:var(--muted)} .pager-size{display:flex;align-items:center;gap:8px} .pager-size select{height:34px;padding:0 8px;border-radius:8px;border:1px solid var(--line3);background:var(--bg);color:var(--tx)} .pager-range{margin-left:auto} @@ -177,7 +177,7 @@ main{padding:0 24px 24px} .pager.compact .pager-range{margin-left:0} .pager.compact .pager-nav{margin-left:auto} .filters{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px} -.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)} +.field{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--muted)} .field select,.field input{height:38px;min-width:160px;padding:0 10px;border-radius:8px;border:1px solid var(--line3);background:var(--bg);color:var(--tx)} .field input{min-width:110px;width:110px} .issue input{width:320px} @@ -186,10 +186,10 @@ main{padding:0 24px 24px} .integration .head{display:flex;align-items:center;gap:8px} .integration .head b{font-size:15px} .integration .head .dot{width:9px;height:9px;border-radius:999px;background:var(--dot,#5B6168)} -.integration .head em{margin-left:auto;font-style:normal;font-size:13px;font-weight:700;color:var(--dotx,var(--muted))} -.integration p{margin:0;font-size:13.5px;color:var(--muted)} +.integration .head em{margin-left:auto;font-style:normal;font-size:13.5px;font-weight:700;color:var(--dotx,var(--muted))} +.integration p{margin:0;font-size:14px;color:var(--muted)} .integration .buttons{margin-top:auto} -table.log{width:100%;border-collapse:collapse;font-size:13.5px} +table.log{width:100%;border-collapse:collapse;font-size:14px} table.log th{text-align:left;color:var(--faint);font-weight:600;padding:8px 12px;border-bottom:1px solid var(--line)} table.log td{padding:10px 12px;border-bottom:1px solid #1E2226;vertical-align:top} .good{color:var(--ok);font-weight:600}.retry{color:var(--warn);font-weight:600} diff --git a/web/site-v2.css b/web/site-v2.css index a80b6c8..6086a33 100644 --- a/web/site-v2.css +++ b/web/site-v2.css @@ -10,7 +10,7 @@ body{background:#fff} .w{max-width:1200px;padding:0 24px} h1,h2,h3,h4{font-family:"Inter",sans-serif} -.et{font-family:"Inter",sans-serif;font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--laranja-escuro)} +.et{font-family:"Inter",sans-serif;font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--laranja-escuro)} /* Pages (site-pages.js): the home, a product page and the cart show only their own parts. */ html[data-rota="inicio"] :is(#passos,#foco,#qual,#prev,#carr,.checkout,#carrVazio), @@ -23,31 +23,31 @@ html:not([data-rota="inicio"]) #envio{padding-top:0;padding-bottom:64px;min-heig .carrVazio{max-width:520px;margin:48px auto 0;padding:0 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px} .carrVazio[hidden]{display:none} .carrVazio h2{font-size:28px;font-weight:800;letter-spacing:-.02em} -.carrVazio p{color:var(--fraco);font-size:16.5px} +.carrVazio p{color:var(--fraco);font-size:17.5px} /* Hero */ .hero2{background:var(--preto);color:#fff;padding:64px 0} .hero2-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center} .hero2-text{display:flex;flex-direction:column;gap:24px} .chips{display:flex;gap:10px;flex-wrap:wrap} -.chip2{font-family:"Inter",sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:6px;border:1px solid #3A3D42;color:#E4E4E4} +.chip2{font-family:"Inter",sans-serif;font-weight:700;font-size:14.5px;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:6px;border:1px solid #3A3D42;color:#E4E4E4} .chip2.destaque{background:var(--laranja);border-color:var(--laranja);color:var(--preto);font-weight:800} .hero2 h1{color:#fff;font-size:clamp(34px,4.6vw,58px);line-height:1.04;font-weight:900;letter-spacing:-.03em} .hero2 h1 em{font-style:normal;color:var(--laranja)} -.hero2-text>p{font-size:18px;line-height:1.55;color:#C9CCD1;max-width:560px} +.hero2-text>p{font-size:19px;line-height:1.55;color:#C9CCD1;max-width:560px} .hero2-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap} -.hero2-cta span{font-size:15px;color:#9EA3AA} -.btn-laranja{height:56px;padding:0 28px;border-radius:var(--raio2);background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:17px;display:inline-flex;align-items:center;gap:10px;text-decoration:none} +.hero2-cta span{font-size:16px;color:#9EA3AA} +.btn-laranja{height:56px;padding:0 28px;border-radius:var(--raio2);background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:18px;display:inline-flex;align-items:center;gap:10px;text-decoration:none} .btn-laranja:hover{background:#FFB53D} .hero2-folha{background:#14171B;border:1px solid #262A2F;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px} .hf-cab{display:flex;align-items:baseline;gap:10px} -.hf-cab b{font-family:"Inter",sans-serif;font-size:15.5px} -.hf-cab span{margin-left:auto;font-size:14px;color:#9EA3AA} +.hf-cab b{font-family:"Inter",sans-serif;font-size:16.5px} +.hf-cab span{margin-left:auto;font-size:15px;color:#9EA3AA} .hf-area{position:relative;height:260px;border-radius:10px;background:#0B0D10;border:1px dashed #3A3D42;overflow:hidden} .hf-area i{position:absolute;border-radius:6px;opacity:.88} .hf-num{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} -.hf-num span{display:block;font-size:13.5px;color:#9EA3AA} -.hf-num b{font-family:"Inter",sans-serif;font-size:18px} +.hf-num span{display:block;font-size:14.5px;color:#9EA3AA} +.hf-num b{font-family:"Inter",sans-serif;font-size:19px} .hf-num .verde{color:#57D68A}.hf-num .laranja{color:var(--laranja)} /* Steps strip */ @@ -55,15 +55,15 @@ html:not([data-rota="inicio"]) #envio{padding-top:0;padding-bottom:64px;min-heig .etapas2 .w{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} .etapas2 .w>div{display:flex;gap:14px;align-items:flex-start} .etapas2 span{width:36px;height:36px;flex-shrink:0;border-radius:999px;background:#FFF1DB;color:var(--laranja-escuro);font-family:"Inter",sans-serif;font-weight:800;display:flex;align-items:center;justify-content:center} -.etapas2 b{font-family:"Inter",sans-serif;font-size:16px} -.etapas2 p{margin-top:3px;font-size:15px;color:var(--fraco)} +.etapas2 b{font-family:"Inter",sans-serif;font-size:17px} +.etapas2 p{margin-top:3px;font-size:16px;color:var(--fraco)} section+section{border-top:0} /* Product chooser */ #envio{padding-top:56px} .cards-cab{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap} .cards-cab h2{margin-top:8px;font-size:clamp(28px,3vw,38px);font-weight:800;letter-spacing:-.02em} -.cards-cab p{margin-left:auto;max-width:440px;font-size:15.5px;color:var(--fraco)} +.cards-cab p{margin-left:auto;max-width:440px;font-size:16.5px;color:var(--fraco)} .escolha{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px} .ec{text-align:left;padding:26px;gap:14px;border:1px solid var(--linha);border-radius:16px;box-shadow:none;cursor:pointer;font:inherit;color:inherit} .ec::before,.ec::after{display:none} @@ -71,23 +71,23 @@ section+section{border-top:0} .ec.f,.ec.f:hover{border-color:var(--linha)} .ec.f:hover{border-color:var(--laranja)} .ec-top{display:flex;align-items:center;gap:10px} -.ec-kind{font-family:"Inter",sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.05em;color:#707070} -.marc2{margin-left:auto;font-family:"Inter",sans-serif;font-weight:800;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--preto);color:var(--laranja)} +.ec-kind{font-family:"Inter",sans-serif;font-weight:700;font-size:14.5px;letter-spacing:.05em;color:#707070} +.marc2{margin-left:auto;font-family:"Inter",sans-serif;font-weight:800;font-size:13.5px;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--preto);color:var(--laranja)} .ec h3{font-size:25px;font-weight:800;letter-spacing:-.01em;color:var(--preto)} -.ec>p{font-size:15.5px;line-height:1.5;color:var(--texto2);flex:1} +.ec>p{font-size:16.5px;line-height:1.5;color:var(--texto2);flex:1} .ec-pe{display:flex;align-items:flex-end;gap:12px;padding-top:14px;border-top:1px solid #EFEFEF} .ec-preco{display:flex;flex-direction:column;gap:2px} -.ec-preco span{font-size:14px;color:#707070} +.ec-preco span{font-size:15px;color:#707070} .ec-preco em{font-style:normal} .ec-preco b{font-family:"Inter",sans-serif;font-size:29px;font-weight:900;letter-spacing:-.02em;color:var(--preto)} -.ec-go{margin-left:auto;height:46px;padding:0 18px;border-radius:var(--raio2);background:var(--preto);color:#fff;font-family:"Inter",sans-serif;font-weight:700;font-size:15.5px;display:flex;align-items:center;white-space:nowrap} +.ec-go{margin-left:auto;height:46px;padding:0 18px;border-radius:var(--raio2);background:var(--preto);color:#fff;font-family:"Inter",sans-serif;font-weight:700;font-size:16.5px;display:flex;align-items:center;white-space:nowrap} .ec:hover .ec-go{background:var(--laranja);color:var(--preto)} /* Progress bar */ -.passos{position:sticky;top:var(--topo,64px);z-index:30;display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 22px;padding:14px 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--linha);font-family:"Inter",sans-serif;font-size:15px} +.passos{position:sticky;top:var(--topo,64px);z-index:30;display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 22px;padding:14px 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--linha);font-family:"Inter",sans-serif;font-size:16px} .passos[hidden]{display:none} .passos a{display:flex;align-items:center;gap:8px;color:#707070;font-weight:600;text-decoration:none} -.passos a span{width:26px;height:26px;border-radius:999px;border:2px solid #D0D0D0;display:flex;align-items:center;justify-content:center;font-size:14px} +.passos a span{width:26px;height:26px;border-radius:999px;border:2px solid #D0D0D0;display:flex;align-items:center;justify-content:center;font-size:15px} .passos a.atual{color:var(--preto);font-weight:800} .passos a.atual span{background:var(--laranja);border-color:var(--laranja)} .passos a.feito{color:var(--verde)} @@ -100,13 +100,13 @@ section+section{border-top:0} parts live in the buy box, and the rest repeated it (the findings list too: each row already says what was checked). */ #qual,#prev,#rA,.qb2,#qitens{display:none!important} -.voltar{height:auto;padding:0;border:0;background:none;box-shadow:none;font-size:15px;font-weight:500;color:var(--fraco);margin:24px 0 14px} +.voltar{height:auto;padding:0;border:0;background:none;box-shadow:none;font-size:16px;font-weight:500;color:var(--fraco);margin:24px 0 14px} .voltar:hover{color:var(--laranja-escuro)} .focoGrid{grid-template-columns:minmax(0,1fr);gap:20px} .cat,.cat.file{border:0;background:transparent;box-shadow:none;overflow:visible} .cabfoco,.cat.file .cabfoco{padding:0 0 24px!important;background:transparent;border:0;display:flex;flex-direction:column;gap:20px} .cabfoco>div:first-child{display:flex;flex-direction:column-reverse;gap:4px} -.cabfoco .lg{font-size:14px;font-weight:800;color:var(--laranja-escuro);letter-spacing:.06em;text-transform:uppercase} +.cabfoco .lg{font-size:15px;font-weight:800;color:var(--laranja-escuro);letter-spacing:.06em;text-transform:uppercase} .cabfoco h3{font-size:36px;font-weight:800;letter-spacing:-.02em;line-height:1.1} .tipoEnvio{margin:0} .tipoEnvio:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:calc(100% - 452px)} @@ -114,11 +114,11 @@ section+section{border-top:0} .tipoEnvio .cam.on{padding:13px 15px;border:2px solid var(--preto);background:#fff} .tipoEnvio .cam .mk2{display:none} .tipoEnvio .cam div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:4px;align-items:baseline} -.tipoEnvio .cam b{margin:0;font-size:15.5px;font-weight:700;color:var(--texto2)} +.tipoEnvio .cam b{margin:0;font-size:16.5px;font-weight:700;color:var(--texto2)} .tipoEnvio .cam.on b{color:var(--preto);font-weight:800} -.tipoEnvio .cam em{margin:0;font-size:14px;font-weight:500;color:var(--fraco);white-space:nowrap} +.tipoEnvio .cam em{margin:0;font-size:15px;font-weight:500;color:var(--fraco);white-space:nowrap} .tipoEnvio .cam.on em{font-weight:600;color:var(--preto)} -.tipoEnvio .cam div>span{grid-column:1/-1;font-size:14px;color:var(--fraco);line-height:1.4} +.tipoEnvio .cam div>span{grid-column:1/-1;font-size:15px;color:var(--fraco);line-height:1.4} .tipoEnvio .cam.on div>span{color:var(--texto2)} .tipoEnvio .cam:disabled{cursor:default} .tipoEnvio .cam:disabled:not(.on){opacity:.55} @@ -132,58 +132,58 @@ section+section{border-top:0} #larguraFolhaPronta{display:inline;font-size:inherit;color:inherit} .zona{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;row-gap:2px;align-items:center;text-align:left;padding:16px 20px;margin:0;border:2px dashed #F2B25A;background:var(--aviso-fundo);border-radius:var(--raio)} .zona .ico{grid-row:1/4;display:flex;align-items:center;justify-content:center;width:44px;height:44px;line-height:1;margin:0;border-radius:10px;background:var(--laranja);color:var(--preto);font-size:20px;box-shadow:none} -.zona b{font-size:15.5px;margin:0} -.zona span{max-width:none;margin:0;font-size:14px;color:var(--fraco)} +.zona b{font-size:16.5px;margin:0} +.zona span{max-width:none;margin:0;font-size:15px;color:var(--fraco)} .zona .bt{display:none} .zona:hover,.zona.sobre{border-color:var(--laranja2);box-shadow:none} .zona .zManual{grid-column:1/-1;margin-top:12px;padding-top:12px;border-top:1px solid var(--aviso-linha);color:var(--texto2);line-height:1.5} .zona .zManual[hidden]{display:none} -.zona .zManual b{display:inline;font-size:14px} +.zona .zManual b{display:inline;font-size:15px} .zona .zOutra{display:none} .zona.compacta{display:flex;justify-content:center;align-items:center;min-height:56px;padding:0 20px;border:1.5px dashed #D0D0D0;background:#fff;cursor:pointer} .zona.compacta>*{display:none} -.zona.compacta .zOutra{display:inline;font-size:15px;color:var(--fraco)} -.zona.compacta .zOutra b{display:inline;font-size:15px;font-weight:600;color:var(--preto)} +.zona.compacta .zOutra{display:inline;font-size:16px;color:var(--fraco)} +.zona.compacta .zOutra b{display:inline;font-size:16px;font-weight:600;color:var(--preto)} .zona.compacta .zOutra b::before{content:"+";margin-right:8px;font-weight:700} .zona.compacta:hover,.zona.compacta.sobre{border-color:var(--laranja2)} #lista{display:flex;flex-direction:column;gap:10px} #lista:empty{display:none} .art{margin:0;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid var(--linha)} .art.nova{background:#fff;box-shadow:0 0 0 2px rgba(255,168,26,.45)} -.art .l1 b{font-size:15.5px;font-weight:700} -.art label{font-size:13.5px} -.art input{height:42px;font-size:15.5px;font-weight:600;border-radius:8px} +.art .l1 b{font-size:16.5px;font-weight:700} +.art label{font-size:14.5px} +.art input{height:42px;font-size:16.5px;font-weight:600;border-radius:8px} .art .cps{grid-template-columns:repeat(2,minmax(0,160px))} .listaCab{display:flex;justify-content:space-between;align-items:baseline;gap:12px} -.listaCab h4{margin:0;font-size:18px;font-weight:700} -.listaCab span{font-size:14px;color:var(--fraco)} +.listaCab h4{margin:0;font-size:19px;font-weight:700} +.listaCab span{font-size:15px;color:var(--fraco)} .rep{margin:0;padding:20px;border-radius:14px;background:#fff;border:1px solid var(--linha);display:flex;flex-direction:column;gap:16px} .repTopo{display:flex;gap:16px;align-items:flex-start} .miniF{flex:none;width:52px;height:96px;border-radius:6px;border:1px solid #D6D6D6;background:#F4F4F2;display:flex;align-items:center;justify-content:center;overflow:hidden} .miniF img{width:100%;height:100%;object-fit:contain;display:block} -.miniF span{font-size:12.5px;font-weight:800;color:var(--texto2)} +.miniF span{font-size:13.5px;font-weight:800;color:var(--texto2)} .repInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px} .rep .l1{margin:0} -.rep .l1 b{font-size:15px;font-weight:600;color:var(--preto)} -.rep .l1 button{width:32px;height:32px;margin:-6px -6px -6px 0;border-radius:8px;font-size:18px} +.rep .l1 b{font-size:16px;font-weight:600;color:var(--preto)} +.rep .l1 button{width:32px;height:32px;margin:-6px -6px -6px 0;border-radius:8px;font-size:19px} .rep .l1 button:hover{background:#F1F1F1;color:var(--preto)} .repMed{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap} .repMed b{font-family:"Inter",sans-serif;font-size:22px;font-weight:700;letter-spacing:-.01em} -.repMed span,.repPeso{font-size:14px;color:var(--fraco)} +.repMed span,.repPeso{font-size:15px;color:var(--fraco)} .chips{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px} -.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.2} +.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:15px;font-weight:600;line-height:1.2} .chip::before{font-weight:800} .chip.ok{background:var(--verde-fundo);color:var(--verde)}.chip.ok::before{content:"✓"} .chip.av{background:#FFF1DB;color:#8A4B00}.chip.av::before{content:"!"} .chip.er{background:#FDE8E6;color:#B3261E}.chip.er::before{content:"×"} .chip.fix{background:#E8F0FB;color:#1F4E8C}.chip.fix::before{content:"✓"} .chip.nt{background:#F1F1F1;color:var(--texto2)} -.chipSo{align-self:flex-start;padding:5px 10px;border-radius:999px;background:#F1F1F1;color:var(--texto2);font-size:14px;font-weight:600} -.avisoF{margin:4px 0 0;padding:10px 12px;border-radius:10px;background:#FDE8E6;font-size:14px;line-height:1.5;color:var(--preto)} +.chipSo{align-self:flex-start;padding:5px 10px;border-radius:999px;background:#F1F1F1;color:var(--texto2);font-size:15px;font-weight:600} +.avisoF{margin:4px 0 0;padding:10px 12px;border-radius:10px;background:#FDE8E6;font-size:15px;line-height:1.5;color:var(--preto)} .avisoF b{color:#B3261E} -.repTxt{margin:2px 0 0;font-size:14.5px;line-height:1.5;color:var(--texto2)} +.repTxt{margin:2px 0 0;font-size:15.5px;line-height:1.5;color:var(--texto2)} .repTxt b{color:var(--preto)} -.confDet{font-size:14px} +.confDet{font-size:15px} .confDet summary{display:inline;cursor:pointer;list-style:none;color:var(--laranja-escuro);font-weight:500} .confDet summary::-webkit-details-marker{display:none} .confDet summary:hover{text-decoration:underline} @@ -191,96 +191,96 @@ section+section{border-top:0} .confDet span{display:block;color:var(--texto2);line-height:1.6} .rep .cps{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;margin:0;padding-top:16px;border-top:1px solid #EFEFEF} .rep .campo{display:flex;align-items:center;gap:12px} -.rep .campo label{margin:0;font-size:15px;font-weight:600;color:var(--preto)} +.rep .campo label{margin:0;font-size:16px;font-weight:600;color:var(--preto)} .passo{display:inline-flex;border:1px solid #D6D6D6;border-radius:10px;overflow:hidden} -.passo button{width:44px;height:44px;border:0;background:#F9F9F9;font-size:18px;color:var(--preto);cursor:pointer} +.passo button{width:44px;height:44px;border:0;background:#F9F9F9;font-size:19px;color:var(--preto);cursor:pointer} .passo button:hover{background:#EFEFEF} -.rep .passo input{width:56px;height:44px;padding:0;border:0;border-radius:0;text-align:center;font-size:16.5px;font-weight:700;-moz-appearance:textfield;appearance:textfield} +.rep .passo input{width:56px;height:44px;padding:0;border:0;border-radius:0;text-align:center;font-size:17.5px;font-weight:700;-moz-appearance:textfield;appearance:textfield} .passo input::-webkit-inner-spin-button,.passo input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} .rep .un{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border:1px solid #D6D6D6;border-radius:10px} -.rep .un input{width:64px;padding:0;border:0;font-size:16.5px;font-weight:700;text-align:right} -.rep .un i{font-style:normal;font-size:15px;color:var(--fraco)} -.rep .conta{margin-left:auto;font-size:15px;color:var(--texto2)} -.rep .conta b{font-family:"Inter",sans-serif;font-size:16.5px;color:var(--preto)} -.calc{font-size:14px;margin-top:8px} -.dica{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border:0;border-radius:8px;background:var(--verde-fundo);font-size:14px;color:#14532D} +.rep .un input{width:64px;padding:0;border:0;font-size:17.5px;font-weight:700;text-align:right} +.rep .un i{font-style:normal;font-size:16px;color:var(--fraco)} +.rep .conta{margin-left:auto;font-size:16px;color:var(--texto2)} +.rep .conta b{font-family:"Inter",sans-serif;font-size:17.5px;color:var(--preto)} +.calc{font-size:15px;margin-top:8px} +.dica{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border:0;border-radius:8px;background:var(--verde-fundo);font-size:15px;color:#14532D} .dica.av{background:var(--aviso-fundo);color:#5A3A00} -.dica button{display:inline-flex;width:auto;margin:0 0 0 auto;flex:none;height:34px;align-items:center;padding:0 12px;border-radius:7px;border:1px solid var(--verde);background:#fff;color:var(--verde);box-shadow:none;font-size:14px} +.dica button{display:inline-flex;width:auto;margin:0 0 0 auto;flex:none;height:34px;align-items:center;padding:0 12px;border-radius:7px;border:1px solid var(--verde);background:#fff;color:var(--verde);box-shadow:none;font-size:15px} .dica button:hover{background:var(--verde);color:#fff;box-shadow:none} .req{position:static;padding:8px 0 0;border:0;border-radius:0;background:none;box-shadow:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px} -.reqcab{margin:0;font-size:14px;font-weight:400;color:var(--fraco)} +.reqcab{margin:0;font-size:15px;font-weight:400;color:var(--fraco)} .req details,.req details:first-of-type{border:0} .reqLinks{display:contents} -.reqLinks button{padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:500;color:var(--laranja-escuro);cursor:pointer} +.reqLinks button{padding:0;border:0;background:none;font:inherit;font-size:15px;font-weight:500;color:var(--laranja-escuro);cursor:pointer} .reqLinks button:hover{text-decoration:underline} .reqLinks button.on{font-weight:700;color:var(--preto);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--laranja)} /* The links above open and close the answers; a closed one is not shown. */ .req details:not([open]){display:none} -.req summary{display:inline;padding:0;font-size:14px;font-weight:500;color:var(--laranja-escuro)} +.req summary{display:inline;padding:0;font-size:15px;font-weight:500;color:var(--laranja-escuro)} .req summary::before{display:none} .req details[open]{order:1;flex-basis:100%;padding:14px 16px 4px;border-radius:12px;background:var(--cinza)} -.req details[open] summary{display:block;margin-bottom:6px;font-size:15px;font-weight:700;color:var(--preto);text-decoration:none} -.req li{font-size:14px} -.req .obs2{font-size:13.5px} +.req details[open] summary{display:block;margin-bottom:6px;font-size:16px;font-weight:700;color:var(--preto);text-decoration:none} +.req li{font-size:15px} +.req .obs2{font-size:14.5px} /* The buy box */ .mont{position:sticky;top:var(--topo-passos,128px);padding:20px;border-radius:16px;background:#fff;box-shadow:none;display:flex;flex-direction:column;gap:12px} .mont>*{margin:0} -.montcab b{font-size:17px;font-weight:800} -.montpe{font-size:13.5px;text-align:center} +.montcab b{font-size:18px;font-weight:800} +.montpe{font-size:14.5px;text-align:center} .compra{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid #EFEFEF} .compra .aoVivo{margin:0} .compra .aoVivo.pronto{display:none} -#compraVals{display:flex;flex-direction:column;gap:10px;font-size:15.5px} +#compraVals{display:flex;flex-direction:column;gap:10px;font-size:16.5px} #compraVals[hidden]{display:none} .cat.file .zoomB{display:none} -.ampliar{margin-left:auto;height:32px;padding:0 12px;border-radius:8px;border:1px solid #D6D6D6;background:#fff;font-size:14px;font-weight:600;color:var(--preto);cursor:pointer} +.ampliar{margin-left:auto;height:32px;padding:0 12px;border-radius:8px;border:1px solid #D6D6D6;background:#fff;font-size:15px;font-weight:600;color:var(--preto);cursor:pointer} .ampliar:hover{border-color:var(--preto)} .ampliar[hidden]{display:none} .cat.file #vArea{max-height:340px} .cEscada{display:flex;flex-direction:column;gap:8px;margin-bottom:4px} -.cEscada>span{font-size:14px;font-weight:600} +.cEscada>span{font-size:15px;font-weight:600} .cEscada ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px} .cEscada li{padding:8px 2px;border-radius:8px;background:#F4F4F2;border:1.5px solid transparent;display:flex;flex-direction:column;align-items:center;gap:2px} -.cEscada li span{font-size:12.5px;color:var(--fraco);white-space:nowrap} -.cEscada li b{font-size:14px;font-weight:500;color:var(--texto2)} +.cEscada li span{font-size:13.5px;color:var(--fraco);white-space:nowrap} +.cEscada li b{font-size:15px;font-weight:500;color:var(--texto2)} .cEscada li.on{background:var(--verde-fundo);border-color:var(--verde)} .cEscada li.on span,.cEscada li.on b{font-weight:700;color:var(--verde)} .cEscada li.on:last-child{background:#F1F1F1;border-color:var(--preto)} .cEscada li.on:last-child span,.cEscada li.on:last-child b{color:var(--preto)} .cLin>span:first-child{color:var(--texto2)} -.cLin small{font-size:13.5px;color:var(--fraco)} -.cEco{margin:-6px 0 0;text-align:right;font-size:14px;font-weight:600;color:var(--verde)} +.cLin small{font-size:14.5px;color:var(--fraco)} +.cEco{margin:-6px 0 0;text-align:right;font-size:15px;font-weight:600;color:var(--verde)} .cEco:empty{display:none} #cPartes{display:block} .ampliaDlg{width:min(960px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:0;border-radius:16px;box-shadow:0 20px 60px rgba(3,6,11,.3)} .ampliaDlg::backdrop{background:rgba(3,6,11,.55)} .ampliaCab{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--linha);background:#fff} -.ampliaCab b{font-size:16.5px;font-weight:800} +.ampliaCab b{font-size:17.5px;font-weight:800} .ampliaCab button{width:40px;height:40px;border:0;border-radius:8px;background:#F1F1F1;font-size:20px;cursor:pointer} #ampliaArea .folhaPrevias{display:grid;gap:16px;padding:16px;background:#F8F9FA} #ampliaArea .folhaPrevia{margin:0;background:#fff;border:1px solid var(--linha);border-radius:8px;overflow:hidden} #ampliaArea .folhaPilha{display:flex;flex-direction:column;align-items:center;gap:4px} #ampliaArea .folhaPilha img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 180px)!important} -#ampliaArea figcaption{padding:8px 12px;font-size:14px;color:var(--texto2);border-top:1px solid var(--linha)} +#ampliaArea figcaption{padding:8px 12px;font-size:15px;color:var(--texto2);border-top:1px solid var(--linha)} .cLin{display:flex;align-items:baseline;gap:8px} .cLin>span:last-child,.cLin>b{margin-left:auto;display:flex;gap:8px;align-items:baseline} -.cLin s{font-size:14px;color:#707070} -.cObs{margin:-4px 0 0;font-size:14px;color:var(--verde)} +.cLin s{font-size:15px;color:#707070} +.cObs{margin:-4px 0 0;font-size:15px;color:var(--verde)} .cObs:empty{display:none} .cTot{display:flex;align-items:baseline;padding-top:12px;border-top:1px solid #EFEFEF} .cTot span{font-family:"Inter",sans-serif;font-weight:700} .cTot b{margin-left:auto;font-family:"Inter",sans-serif;font-size:30px;font-weight:900;letter-spacing:-.01em} -#qmsg{font-size:14px;line-height:1.45} +#qmsg{font-size:15px;line-height:1.45} .compra .ciente{margin:0;padding:12px 14px} -.compra .ciente h4{font-size:14.5px} -.compra .ciente p,.compra .ciente .lista{font-size:14px} -.cAdd{height:54px;border-radius:var(--raio2);border:0;background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:16.5px;cursor:pointer} +.compra .ciente h4{font-size:15.5px} +.compra .ciente p,.compra .ciente .lista{font-size:15px} +.cAdd{height:54px;border-radius:var(--raio2);border:0;background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:17.5px;cursor:pointer} .cAdd:hover:not(:disabled){background:#FFB53D} .cAdd:disabled{background:#EDEDED;color:#8A8D92;cursor:not-allowed} -.cPe{margin:0;font-size:14px;color:var(--fraco);text-align:center} +.cPe{margin:0;font-size:15px;color:var(--fraco);text-align:center} @media(max-width:1100px){.foco2{grid-template-columns:1fr}.mont{position:static}} -@media(max-width:620px){.montcab b{font-size:15.5px} +@media(max-width:620px){.montcab b{font-size:16.5px} .cabfoco h3{font-size:28px} .tipoEnvio .cam div{grid-template-columns:1fr} .tipoEnvio .cam div>span{display:none} @@ -298,101 +298,101 @@ section+section{border-top:0} /* Cart */ .itensCab{display:flex;align-items:baseline;gap:12px;margin-bottom:11px} .itensCab h4{margin:0} -.esvaziar{margin-left:auto;border:0;background:none;padding:6px 0;font-size:14.5px;font-weight:600;color:var(--fraco);cursor:pointer;text-decoration:underline;text-underline-offset:3px} +.esvaziar{margin-left:auto;border:0;background:none;padding:6px 0;font-size:15.5px;font-weight:600;color:var(--fraco);cursor:pointer;text-decoration:underline;text-underline-offset:3px} .esvaziar:hover{color:#B8391C} .esvaziar[hidden]{display:none} .item{align-items:center} -.item .x{flex:none;height:36px;padding:0 12px;border-radius:8px;border:1px solid #D6D6D6;background:#fff;color:var(--texto2);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer} +.item .x{flex:none;height:36px;padding:0 12px;border-radius:8px;border:1px solid #D6D6D6;background:#fff;color:var(--texto2);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer} .item .x:hover{border-color:#B8391C;color:#B8391C} -.desfazer{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:16px;padding:12px 14px 12px 18px;border-radius:12px;background:var(--preto);color:#fff;font-size:15px;box-shadow:0 10px 30px rgba(3,6,11,.25);max-width:calc(100% - 32px);box-sizing:border-box} +.desfazer{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:16px;padding:12px 14px 12px 18px;border-radius:12px;background:var(--preto);color:#fff;font-size:16px;box-shadow:0 10px 30px rgba(3,6,11,.25);max-width:calc(100% - 32px);box-sizing:border-box} .desfazer[hidden]{display:none} -.desfazer button{flex:none;height:36px;padding:0 14px;border-radius:8px;border:0;background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:15px;cursor:pointer} +.desfazer button{flex:none;height:36px;padding:0 14px;border-radius:8px;border:0;background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:16px;cursor:pointer} @media(max-width:820px){.desfazer{bottom:100px}} -.carrAviso{grid-column:1/-1;font-size:14px;color:var(--fraco)} +.carrAviso{grid-column:1/-1;font-size:15px;color:var(--fraco)} .carrAviso:empty{display:none} .carr{border-radius:16px} .carr h3{font-size:24px;font-weight:800;letter-spacing:-.02em} .cxE{border-radius:var(--raio);border-color:var(--linha)} -.cxE h4,.resumo h4{font-family:"Inter",sans-serif;font-weight:800;font-size:17px} +.cxE h4,.resumo h4{font-family:"Inter",sans-serif;font-weight:800;font-size:18px} .cp input,.cepL input{height:46px;border-radius:var(--raio2)} .cp input:focus,.cepL input:focus{border-color:var(--laranja2);box-shadow:0 0 0 3px rgba(255,168,26,.18)} .opE{border-radius:12px} .opE.on{border:2px solid var(--laranja);background:var(--aviso-fundo)} .resumo{position:sticky;top:var(--topo-passos,128px);border-radius:16px} .tot b{font-family:"Inter",sans-serif;font-weight:900} -#bPagar{height:54px;border-radius:var(--raio2);background:var(--laranja);color:var(--preto);border:0;font-family:"Inter",sans-serif;font-weight:800;font-size:16.5px} +#bPagar{height:auto;min-height:54px;padding:8px 14px;line-height:1.25;border-radius:var(--raio2);background:var(--laranja);color:var(--preto);border:0;font-family:"Inter",sans-serif;font-weight:800;font-size:17.5px} #bPagar:hover:not(:disabled){background:#FFB53D} #bPagar:disabled{background:#EDEDED;color:#8A8D92} #bMais{height:46px;border-radius:var(--raio2);font-family:"Inter",sans-serif;font-weight:600} .checkout{max-width:760px;margin:20px auto 0} -.checkout #checkoutStatus:not(:empty){padding:16px 18px;border-radius:var(--raio);background:var(--verde-fundo);border:1px solid #BFE6CE;color:#14532D;font-size:15.5px} +.checkout #checkoutStatus:not(:empty){padding:16px 18px;border-radius:var(--raio);background:var(--verde-fundo);border:1px solid #BFE6CE;color:#14532D;font-size:16.5px} #checkoutActions{margin-top:12px} /* Only our own fields: Mercado Pago's card form (its instalment radios) keeps its own styles. */ #checkoutActions .pixBox input{height:44px;border-radius:var(--raio2);border:1px solid #D6D6D6;padding:0 12px} /* The payment pages: paying on the left, the order summary on the right */ html:is([data-rota="pagamento"],[data-rota="pix"]) .checkout{max-width:1040px;margin-top:8px} html:is([data-rota="pagamento"],[data-rota="pix"]) .pagGrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start} -.avisoEnvio{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:var(--aviso-fundo);color:#5A3A00;font-size:14px;line-height:1.5} +.avisoEnvio{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:var(--aviso-fundo);color:#5A3A00;font-size:15px;line-height:1.5} .avisoEnvio[hidden]{display:none} -.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle} +.ic{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle} .busca .lupa{display:flex;font-size:0} -.busca .lupa .ic{width:17px;height:17px} -.acts a .ic{width:22px;height:22px} +.busca .lupa .ic{width:18px;height:18px} +.acts a .ic{width:23px;height:23px} .cartIc{position:relative;display:inline-flex} .acts #cartLink{gap:11px} -.cartN{position:absolute;top:-7px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--laranja);color:var(--preto);font-size:12px;font-weight:800;line-height:17px;text-align:center} +.cartN{position:absolute;top:-7px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--laranja);color:var(--preto);font-size:13px;font-weight:800;line-height:17px;text-align:center} .cartN[hidden]{display:none} -.zona .ico .ic{width:22px;height:22px} +.zona .ico .ic{width:23px;height:23px} .art2 .giros .gr{display:inline-flex;align-items:center;justify-content:center} -.art2 .giros .gr .ic{width:21px;height:21px} +.art2 .giros .gr .ic{width:22px;height:22px} .rep .l1 button{display:inline-flex;align-items:center;justify-content:center} -.rep .l1 button .ic{width:19px;height:19px} -#ampliaFecha .ic{width:22px;height:22px} +.rep .l1 button .ic{width:20px;height:20px} +#ampliaFecha .ic{width:23px;height:23px} @media (max-width:600px){.acts .actTx{display:none}.acts{gap:16px}} .cAdd,#bPagar,#pOk,#qOk{display:flex;align-items:center;justify-content:center;gap:8px} #pOk{display:inline-flex} -.cAdd .ic,#bPagar .ic{width:21px;height:21px} +.cAdd .ic,#bPagar .ic{width:22px;height:22px} .item .x{display:inline-flex;align-items:center;gap:6px} -.item .x .ic{width:17px;height:17px} -.opE b .ic{width:18px;height:18px;margin:-2px 6px 0 0;color:var(--laranja-escuro)} -.metodo .ic{width:22px;height:22px;color:var(--texto2)} +.item .x .ic{width:18px;height:18px} +.opE b .ic{width:19px;height:19px;margin:-2px 6px 0 0;color:var(--laranja-escuro)} +.metodo .ic{width:23px;height:23px;color:var(--texto2)} .codigo .pagBtn{display:inline-flex;align-items:center;gap:7px} -.codigo .pagBtn .ic{width:19px;height:19px} +.codigo .pagBtn .ic{width:20px;height:20px} .pixBox .prazo{display:flex;align-items:center;gap:8px} -.pixBox .prazo .ic{width:22px;height:22px} +.pixBox .prazo .ic{width:23px;height:23px} .confirmado h4{display:flex;align-items:center;gap:8px} .confirmado h4 .ic{width:24px;height:24px} -.envioArq .ic{width:18px;height:18px;margin:-2px 6px 0 0} -.qi .c .ic{width:14px;height:14px;stroke-width:3} -.passos a span .ic{width:16px;height:16px;stroke-width:3} -.envioArq{font-size:14px;color:var(--texto2);margin-top:14px;line-height:1.5} +.envioArq .ic{width:19px;height:19px;margin:-2px 6px 0 0} +.qi .c .ic{width:15px;height:15px;stroke-width:3} +.passos a span .ic{width:17px;height:17px;stroke-width:3} +.envioArq{font-size:15px;color:var(--texto2);margin-top:14px;line-height:1.5} .envioArq.ok{color:var(--verde)} .envioArq.erro{color:#B42318} .envioDeNovo{margin-left:4px;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer} .envioBarra{height:6px;border-radius:999px;background:#EDEDED;overflow:hidden;margin-bottom:6px} .envioBarra i{display:block;height:100%;background:var(--laranja);border-radius:999px;transition:width .4s} -.cartEnvio{font-size:14px;font-weight:700;color:var(--laranja-escuro);margin-left:6px} +.cartEnvio{font-size:15px;font-weight:700;color:var(--laranja-escuro);margin-left:6px} .cartEnvio:empty{display:none} .envioArq:empty{display:none} -.dicaEnd{font-size:14px;color:var(--texto2);margin-top:12px} +.dicaEnd{font-size:15px;color:var(--texto2);margin-top:12px} .dicaEnd:empty{display:none} .pagCab{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px} .pagCab h3{font-size:26px;font-weight:800;letter-spacing:-.02em} -.pagVolta{font-size:15px;color:var(--texto2)} -#checkoutActions > h4,#checkoutActions .pixBox > h4{font-size:17px;font-weight:800;margin-bottom:12px} -.pagNota{font-size:15px;color:var(--texto2);margin:4px 0 16px;line-height:1.5} +.pagVolta{font-size:16px;color:var(--texto2)} +#checkoutActions > h4,#checkoutActions .pixBox > h4{font-size:18px;font-weight:800;margin-bottom:12px} +.pagNota{font-size:16px;color:var(--texto2);margin:4px 0 16px;line-height:1.5} .pagResumo{position:sticky;top:var(--topo-passos,128px);border:1px solid var(--linha);border-radius:16px;background:#fff;padding:20px 22px} -.pagResumo h4{font-size:17px;font-weight:800;margin-bottom:10px} -.pagResumo .l{display:flex;justify-content:space-between;gap:12px;font-size:15px;padding:5px 0} +.pagResumo h4{font-size:18px;font-weight:800;margin-bottom:10px} +.pagResumo .l{display:flex;justify-content:space-between;gap:12px;font-size:16px;padding:5px 0} .pagResumo .l span{color:var(--texto2)} .pagResumo .tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #EFEFEF;margin-top:10px;padding-top:12px} .pagResumo .tot b{font-family:"Inter",sans-serif;font-weight:900;font-size:24px} .metodos{display:grid;grid-template-columns:1fr;gap:10px;max-width:420px;margin-bottom:20px} -.metodo{height:56px;display:flex;align-items:center;gap:12px;padding:0 16px;border:2px solid var(--linha);border-radius:var(--raio2);background:#fff;color:var(--preto);font-family:"Inter",sans-serif;font-weight:700;font-size:15.5px;text-align:left;cursor:pointer} +.metodo{height:56px;display:flex;align-items:center;gap:12px;padding:0 16px;border:2px solid var(--linha);border-radius:var(--raio2);background:#fff;color:var(--preto);font-family:"Inter",sans-serif;font-weight:700;font-size:16.5px;text-align:left;cursor:pointer} .metodo::before{content:"";width:18px;height:18px;flex-shrink:0;border-radius:50%;border:2px solid #B5B8BD;box-sizing:border-box} .metodo[aria-checked="true"]{border-color:var(--laranja);background:var(--aviso-fundo)} .metodo[aria-checked="true"]::before{border:6px solid var(--laranja)} -.pagBtn{height:48px;padding:0 24px;margin:0 10px 0 0;border-radius:var(--raio2);border:0;background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:15.5px;cursor:pointer} +.pagBtn{height:48px;padding:0 24px;margin:0 10px 0 0;border-radius:var(--raio2);border:0;background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:16.5px;cursor:pointer} .pagBtn:hover:not(:disabled){background:#FFB53D} .pagBtn:disabled{background:#EDEDED;color:#8A8D92;cursor:default} .pagBtn.sec{background:#fff;border:1px solid #D6D6D6} @@ -400,12 +400,12 @@ html:is([data-rota="pagamento"],[data-rota="pix"]) .pagGrid{display:grid;grid-te .pixBox{display:flex;flex-direction:column;align-items:flex-start;gap:12px} .pixBox img{border:1px solid var(--linha);border-radius:12px;padding:8px;background:#fff} .pixBox .codigo{display:flex;gap:10px;width:100%} -.pixBox .codigo input{flex:1;min-width:0;font-size:14px} -.pixBox .aguarda{font-size:15px;color:var(--texto2)} -.pixBox .prazo{font-family:"Inter",sans-serif;font-weight:800;font-size:18px;font-variant-numeric:tabular-nums} +.pixBox .codigo input{flex:1;min-width:0;font-size:15px} +.pixBox .aguarda{font-size:16px;color:var(--texto2)} +.pixBox .prazo{font-family:"Inter",sans-serif;font-weight:800;font-size:19px;font-variant-numeric:tabular-nums} .confirmado{border:1px solid #BFE6CE;background:var(--verde-fundo);border-radius:16px;padding:24px} .confirmado h4{font-size:22px;color:#14532D;margin-bottom:8px} -.confirmado p{font-size:15.5px;color:#14532D;margin-bottom:18px;line-height:1.5} +.confirmado p{font-size:16.5px;color:#14532D;margin-bottom:18px;line-height:1.5} @media(max-width:820px){ html:is([data-rota="pagamento"],[data-rota="pix"]) .pagGrid{grid-template-columns:1fr;gap:20px} .pagResumo{position:static;order:-1} @@ -417,26 +417,26 @@ html:is([data-rota="pagamento"],[data-rota="pix"]) .pagGrid{display:grid;grid-te .info2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:start} .info2-preco{display:flex;flex-direction:column;gap:16px} .info2 h2{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.02em} -.info2-preco>p{font-size:15.5px;color:var(--texto2)} -.info2 table{border-collapse:collapse;background:#fff;border:1px solid var(--linha);border-radius:12px;overflow:hidden;font-size:15.5px} -.info2 th{text-align:left;background:var(--preto);color:#fff;font-family:"Inter",sans-serif;font-size:14px;padding:12px 18px} +.info2-preco>p{font-size:16.5px;color:var(--texto2)} +.info2 table{border-collapse:collapse;background:#fff;border:1px solid var(--linha);border-radius:12px;overflow:hidden;font-size:16.5px} +.info2 th{text-align:left;background:var(--preto);color:#fff;font-family:"Inter",sans-serif;font-size:15px;padding:12px 18px} .info2 td{padding:11px 18px;border-top:1px solid #EFEFEF} .info2 td.melhor{font-weight:700;color:var(--verde)} -.info2 .nota2{font-size:14px;color:#707070} +.info2 .nota2{font-size:15px;color:#707070} .info2-vant{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .info2-vant>div{padding:22px;border-radius:var(--raio);background:#fff;border:1px solid var(--linha);display:flex;flex-direction:column;gap:6px} -.info2-vant b{font-family:"Inter",sans-serif;font-size:16.5px} +.info2-vant b{font-family:"Inter",sans-serif;font-size:17.5px} .info2-vant b.n{font-size:32px;font-weight:900;color:var(--laranja2)} -.info2-vant span{font-size:15px;color:var(--fraco)} +.info2-vant span{font-size:16px;color:var(--fraco)} /* Phone total bar */ .barraM{display:none} @media (max-width:820px){ .barraM:not([hidden]){display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--linha);box-shadow:0 -6px 20px rgba(3,6,11,.08)} .barraM div{display:flex;flex-direction:column} - .barraM span{font-size:13.5px;color:#707070} + .barraM span{font-size:14.5px;color:#707070} .barraM b{font-family:"Inter",sans-serif;font-size:21px;font-weight:900} - .barraM a{margin-left:auto;height:50px;padding:0 22px;border-radius:var(--raio2);background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:16.5px;display:flex;align-items:center;text-decoration:none} + .barraM a{margin-left:auto;height:50px;padding:0 22px;border-radius:var(--raio2);background:var(--laranja);color:var(--preto);font-family:"Inter",sans-serif;font-weight:800;font-size:17.5px;display:flex;align-items:center;text-decoration:none} .w{padding:0 16px} .hero2{padding:40px 0} .hero2-grid,.info2-grid{grid-template-columns:1fr;gap:28px} @@ -447,7 +447,7 @@ html:is([data-rota="pagamento"],[data-rota="pix"]) .pagGrid{display:grid;grid-te .ec-go{margin-left:0;width:100%;justify-content:center} .focoGrid{grid-template-columns:1fr} .mont,.resumo{position:static} - .passos{gap:8px;font-size:14px;margin:0 0 16px;padding:10px 16px} + .passos{gap:8px;font-size:15px;margin:0 0 16px;padding:10px 16px} .passos i{width:14px} .passos a{flex-direction:column;gap:4px;text-align:center} .info2-vant{grid-template-columns:1fr} @@ -462,23 +462,23 @@ html:is([data-rota="pagamento"],[data-rota="pix"]) .pagGrid{display:grid;grid-te @keyframes skel{0%{background-position:100% 50%}100%{background-position:0 50%}} @media (prefers-reduced-motion:reduce){.skel{animation:none}} .folhaSkel{display:flex;align-items:center;justify-content:center;max-height:520px;min-height:180px;width:100%} -.folhaSkel span{font-size:14px;color:var(--fraco);background:#fffc;padding:4px 10px;border-radius:999px} +.folhaSkel span{font-size:15px;color:var(--fraco);background:#fffc;padding:4px 10px;border-radius:999px} #vArea .folhaPilha{display:flex;flex-direction:column;gap:4px;max-height:520px;overflow:auto;background:#fff} #vArea .folhaPilha img{width:100%;height:auto;display:block} -.folhaMais{font-size:13.5px;color:var(--texto2);text-align:center;padding:8px} +.folhaMais{font-size:14.5px;color:var(--texto2);text-align:center;padding:8px} .skelLinha{height:14px;margin:8px 0} .skelLinha.curta{width:40%} .skelBloco{height:160px;margin-top:8px} /* Artes avulsas: the file card of a finished sheet, plus width, rotation and sizes */ .rep.nova{box-shadow:0 0 0 2px rgba(255,168,26,.45)} -.novaT{margin-left:8px;padding:2px 7px;border-radius:999px;background:#FFF1DB;color:#8A4B00;font-size:12.5px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.04em} -.repMed .pede{font-size:16.5px;color:var(--texto2)} +.novaT{margin-left:8px;padding:2px 7px;border-radius:999px;background:#FFF1DB;color:#8A4B00;font-size:13.5px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.04em} +.repMed .pede{font-size:17.5px;color:var(--texto2)} .art2 .giros{display:inline-flex;gap:6px} -.art2 .giros .gr{width:44px;height:44px;border:1px solid #D6D6D6;border-radius:10px;background:#fff;font-size:16.5px;cursor:pointer} +.art2 .giros .gr{width:44px;height:44px;border:1px solid #D6D6D6;border-radius:10px;background:#fff;font-size:17.5px;cursor:pointer} .art2 .giros .gr.on{border-color:var(--laranja);background:var(--aviso-fundo)} .art2 .atalhos{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;margin:0} -.art2 .atalhos .tm{height:34px;padding:0 12px;border:1px solid #D6D6D6;border-radius:8px;background:#fff;font-size:14px;font-weight:600;cursor:pointer} +.art2 .atalhos .tm{height:34px;padding:0 12px;border:1px solid #D6D6D6;border-radius:8px;background:#fff;font-size:15px;font-weight:600;cursor:pointer} .art2 .atalhos .tm.on{border-color:var(--verde);background:var(--verde-fundo);color:var(--verde)} .art2 .dica{margin-top:4px} .rep .l1 .novaT{margin-right:auto}