:root{--bg:#09090B;--panel:#131316;--panel2:#1B1B1F;--amber:#EEA316;--amber2:#FFC24D;--txt:#F4F4F5;--mut:#8E8E96;--line:#26262B;--ok:#22C55E} *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:170px} body{background:var(--bg);color:var(--txt);font-family:-apple-system,'Segoe UI',Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} a{color:inherit;text-decoration:none} .wrap{max-width:1280px;margin:0 auto;padding:0 24px} /* HEADER */ header{position:sticky;top:0;z-index:60;background:rgba(9,9,11,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)} .topbar{background:var(--amber);color:#141406} .tb{display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:7px 0;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase} .tb a{display:inline-flex;align-items:center;gap:6px;color:#141406;opacity:.9;white-space:nowrap} .tb a:hover{opacity:1} .tb .sp{flex:1} .tb svg{width:14px;height:14px;fill:currentColor} .hrow{display:flex;align-items:center;gap:26px;padding:14px 0} .hrow>img,.hrow>.hlogo{height:46px;flex-shrink:0} .hlogo{display:block;line-height:0} .hlogo img{height:100%;display:block;transition:opacity .16s} .hlogo:hover img{opacity:.82} .hsearch{flex:1;display:flex;max-width:700px;background:#fff;border-radius:11px;overflow:hidden;box-shadow:0 2px 14px rgba(0,0,0,.35)} .hsearch input{flex:1;border:none;outline:none;background:none;padding:13px 18px;font-size:14.5px;color:#111;font-family:inherit} .hsearch button{border:none;background:linear-gradient(160deg,#FFC24D,#E09A0E);width:58px;cursor:pointer;display:flex;align-items:center;justify-content:center} .hsearch button:hover{filter:brightness(1.07)} .hsearch svg{width:19px;height:19px;fill:#111} .cartbtn{margin-left:auto;display:flex;align-items:center;gap:11px;background:none;border:none;color:var(--txt);cursor:pointer;padding:4px;font-family:inherit} .cartic{position:relative} .cartic svg{width:32px;height:32px;fill:var(--txt)} .cartic i{position:absolute;top:-5px;right:-7px;background:var(--amber);color:#111;font-style:normal;font-size:10.5px;font-weight:900;min-width:19px;height:19px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 5px} .cartxt{text-align:left;line-height:1.25} .cartxt b{display:block;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase} .cartxt span{font-size:12.5px;color:var(--amber2);font-weight:700} .navbar{border-top:1px solid var(--line)} nav{display:flex;gap:0;overflow-x:auto;scrollbar-width:none} nav::-webkit-scrollbar{display:none} nav a{flex:1;text-align:center;justify-content:center;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);padding:14px 10px;white-space:nowrap;transition:color .15s,border-color .15s;border-bottom:2px solid transparent} nav a:hover{color:var(--txt)} nav a.on{color:var(--amber);border-bottom-color:var(--amber)} /* toast */ .toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:var(--panel2);border:1px solid var(--amber);color:var(--txt);font-size:13.5px;padding:13px 20px;border-radius:12px;z-index:200;opacity:0;pointer-events:none;transition:.22s;max-width:88vw;text-align:center} .toast.on{opacity:1;transform:translate(-50%,0)} /* drawer do orcamento */ .dw{position:fixed;inset:0;z-index:150;display:none} .dw.on{display:block} .dwbg{position:absolute;inset:0;background:rgba(4,4,6,.7);backdrop-filter:blur(4px)} .dwp{position:absolute;top:0;right:0;bottom:0;width:min(420px,92vw);background:var(--bg);border-left:1px solid var(--line);display:flex;flex-direction:column} .dwh{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)} .dwh b{font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)} .dwh button{background:none;border:none;color:var(--mut);font-size:20px;cursor:pointer;line-height:1} .dwl{flex:1;overflow-y:auto;padding:14px 22px} .oi{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)} .oi b{font-size:13.5px;font-weight:600;line-height:1.35;display:block} .oi small{color:var(--mut);font-size:11.5px;display:block;margin-top:4px} .oi .oip{color:var(--amber2);font-weight:800;font-size:14px;white-space:nowrap;text-align:right} .oi .oix{background:none;border:none;color:#5C5C66;cursor:pointer;font-size:11px;margin-top:6px;text-decoration:underline} .oi .oix:hover{color:#E06C6C} .dwe{color:var(--mut);font-size:13.5px;line-height:1.7;padding:30px 0;text-align:center} .dwf{border-top:1px solid var(--line);padding:18px 22px 22px} .dwtot{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px} .dwtot span{font-size:12px;color:var(--mut);letter-spacing:.08em;text-transform:uppercase} .dwtot b{font-size:24px;font-weight:900;color:var(--amber2)} .dwpar{font-size:12.5px;color:var(--mut);margin-bottom:14px} .addbtn{display:block;width:100%;background:none;border:1px solid var(--line);color:var(--txt);font-size:12.5px;font-weight:700;border-radius:10px;padding:10px;cursor:pointer;font-family:inherit;transition:.15s;width:100%;margin-top:6px} .addbtn:hover{border-color:var(--amber);color:var(--amber)} .addbtn.ok{border-color:var(--ok);color:var(--ok)} /* SLOTS DE FOTO */ .slot{position:relative;background:repeating-linear-gradient(45deg,#111114,#111114 12px,#141418 12px,#141418 24px);border:2px dashed #3A2E10;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:20px;color:#6B5A2A} .slot b{color:var(--amber);font-size:12px;letter-spacing:.14em;text-transform:uppercase} .slot span{font-size:11.5px;color:#5C5C66;line-height:1.5;max-width:280px} .slot .tag{position:absolute;top:10px;left:10px;background:#3A2E10;color:var(--amber);font-size:9.5px;font-weight:800;letter-spacing:.1em;padding:3px 8px;border-radius:5px} /* HERO */ .hero{position:relative;margin:22px 0 8px;border-radius:20px;overflow:hidden;border:1px solid var(--line)} .heroslot{min-height:440px;justify-content:flex-start;align-items:flex-start;text-align:left;padding:52px 34px 0} .heroslot span:not(.tag){max-width:420px} .herotxt{position:absolute;inset:auto 0 0 0;padding:38px 34px;background:linear-gradient(to top,rgba(9,9,11,.96) 30%,rgba(9,9,11,.5) 70%,transparent)} .kicker{color:var(--amber);font-size:12px;font-weight:800;letter-spacing:.26em;text-transform:uppercase} .herotxt h1{font-size:clamp(26px,5vw,46px);font-weight:900;letter-spacing:.02em;text-transform:uppercase;line-height:1.06;margin:10px 0 12px} .herotxt h1 em{font-style:normal;color:var(--amber)} .herotxt p{color:#B4B4BC;font-size:15px;max-width:600px;line-height:1.6} .hbtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px} .btn{background:linear-gradient(160deg,#FFC64F,#E09A0E);color:#151505;font-weight:800;font-size:13.5px;letter-spacing:.03em;padding:14px 26px;border-radius:11px;border:none;cursor:pointer;display:inline-block;box-shadow:0 6px 18px rgba(238,163,22,.18)} .btn:hover{filter:brightness(1.07);box-shadow:0 8px 22px rgba(238,163,22,.26)} .btn.ghost{background:transparent;color:var(--txt);border:1px solid var(--line)} .btn.ghost:hover{border-color:var(--amber);background:transparent} /* FAIXA NUMEROS */ .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 4px} .stat{background:linear-gradient(165deg,#131316,#0E0E11);border:1px solid var(--line);border-radius:14px;padding:20px 22px} .stat b{display:block;font-size:28px;font-weight:900;color:var(--amber);letter-spacing:-.01em;line-height:1.1} .stat span{font-size:10.5px;color:#71717C;letter-spacing:.11em;text-transform:uppercase;display:block;margin-top:5px} /* SECOES */ .sect{font-size:11.5px;font-weight:800;letter-spacing:.24em;color:var(--amber);text-transform:uppercase;margin:52px 0 18px;display:flex;align-items:center;gap:16px} .sect::after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--line),transparent)} .lead{color:var(--mut);font-size:14.5px;line-height:1.7;max-width:720px;margin:-6px 0 18px} /* ACEITE DOS TERMOS */ .aceite{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:12px} .aceite input{width:17px;height:17px;flex:none;margin-top:1px;accent-color:var(--amber);cursor:pointer} .aceite label{font-size:12.5px;color:var(--mut);line-height:1.65;cursor:pointer} .aceite a{color:var(--amber);text-decoration:underline;text-underline-offset:2px} .aceite.erro{border-color:#E06C6C} /* CROSS-SELL NO MODAL */ .xs{border-top:1px solid var(--line);margin-top:26px;padding-top:20px} .xs h4{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--amber);margin:0 0 12px} .combo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(160deg,#191920,#101013);border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:14px;padding:16px 18px} .combo .cbi{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 210px} .combo .cth{width:52px;height:52px;flex:none;border-radius:9px;background:#0d0d10;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:11px;font-weight:800;color:#3a3a45;letter-spacing:.06em} .combo .cth img{width:100%;height:100%;object-fit:cover} .combo .cn{font-size:12.5px;line-height:1.4;color:#e8e8ee;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .combo .cp{font-size:12px;color:var(--mut);margin-top:2px} .combo .plus{font-size:20px;color:var(--amber);font-weight:300;flex:none} .combo .ctot{flex:none;text-align:right;min-width:170px;margin-left:auto} .combo .ctot .de{font-size:12px;color:#6d6d78;text-decoration:line-through} .combo .ctot .por{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.01em} .combo .ctot .eco{font-size:11.5px;color:var(--ok);font-weight:700;margin-top:1px} .combo .cbtn{flex:none;background:var(--amber);color:#141418;border:0;border-radius:10px;padding:11px 18px;font-weight:800;font-size:12.5px;cursor:pointer;letter-spacing:.02em;font-family:inherit} .combo .cbtn:hover{filter:brightness(1.08)} .xsg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px} .xsc{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;transition:.15s;display:flex;flex-direction:column} .xsc:hover{border-color:var(--amber);transform:translateY(-2px)} .xsc .xi{height:96px;background:#0d0d10;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#33333d;letter-spacing:.08em;border-bottom:1px solid var(--line)} .xsc .xi img{width:100%;height:100%;object-fit:cover} .xsc .xb{padding:9px 10px 11px;display:flex;flex-direction:column;flex:1} .xsc .xn{font-size:11.5px;line-height:1.35;color:#dcdce4;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1} .xsc .xp{font-size:13px;font-weight:800;color:#fff;margin-top:7px} @media(max-width:640px){.combo .ctot{min-width:0;text-align:left;margin-left:0}.combo .cbtn{width:100%}} /* PAGINAS LEGAIS */ .legal{max-width:820px;margin:0 auto 60px} .legal h3{font-size:15px;font-weight:800;letter-spacing:.03em;color:var(--amber);margin:26px 0 8px;text-transform:uppercase} .legal h3:first-of-type{margin-top:10px} .legal p{color:var(--mut);font-size:14px;line-height:1.85;margin:0 0 12px} .legal p b,.legal li b{color:#e8e8ee} .legal ul{margin:0 0 14px 18px;color:var(--mut);font-size:14px;line-height:1.85} .legal li{margin-bottom:5px} .legal .box{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:12px;padding:16px 18px;margin:14px 0 20px} .legal .box p:last-child{margin-bottom:0} .legal .upd{font-size:12px;color:#6d6d78;border-top:1px solid var(--line);padding-top:14px;margin-top:28px} /* CATEGORIAS HOME */ .catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px} .catcard{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;min-height:112px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;transition:.15s;overflow:hidden} .catcard:hover{border-color:var(--amber);transform:translateY(-2px)} .catcard b{font-size:15px;font-weight:800;letter-spacing:.02em} .catcard span{font-size:11.5px;color:var(--mut);margin-top:3px} .catcard::before{content:"";position:absolute;right:-18px;top:-18px;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle,rgba(238,163,22,.14),transparent 70%)} /* KITS */ .kitgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px} .kit{background:linear-gradient(160deg,#191920,#101013);border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:15px;padding:20px 22px;display:flex;flex-direction:column;transition:border-color .18s,transform .18s} .kit:hover{transform:translateY(-2px);border-color:rgba(238,163,22,.4);border-left-color:var(--amber)} .kit h3{font-size:14.5px;letter-spacing:.03em;font-weight:800} .kit ul{list-style:none;margin:10px 0;color:var(--mut);font-size:13px;line-height:1.75;flex:1} .kp{display:flex;align-items:baseline;justify-content:space-between;margin:6px 0 12px} .kp b{font-size:22px;color:var(--amber2);font-weight:900} .kpar{font-size:12px;color:#C9C9D1;margin:-6px 0 12px} .kpar b{color:var(--txt);font-weight:800} .kp s{color:#5C5C66;font-size:12px} /* PRODUTOS */ .searchbar{display:flex;gap:10px;margin:6px 0 14px} .searchbar input{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 18px;color:var(--txt);font-size:15px;outline:none} .searchbar input:focus{border-color:var(--amber)} .chips{display:flex;gap:7px;flex-wrap:wrap;padding:2px 0 10px} .chip{background:transparent;border:1px solid var(--line);color:var(--mut);border-radius:999px;padding:8px 15px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:.15s} .chip:hover{color:var(--txt);border-color:#3A3A42} .chip.on{background:var(--amber);border-color:var(--amber);color:#111;font-weight:800} .subchips{display:flex;gap:16px;flex-wrap:wrap;padding:0 0 12px;border-top:1px solid var(--line);margin-top:4px} .subchips:empty{display:none;border:none} .sub{background:none;border:none;color:var(--mut);font-size:12.5px;cursor:pointer;padding:10px 0 8px;border-bottom:2px solid transparent;white-space:nowrap;font-family:inherit} .sub:hover{color:var(--txt)} .sub.on{color:var(--amber);border-bottom-color:var(--amber);font-weight:700} .count{color:var(--mut);font-size:13px;margin:2px 0 14px} .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:14px} .card{background:linear-gradient(170deg,#131316,#0F0F12);border:1px solid var(--line);border-radius:15px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s,transform .18s,box-shadow .18s} .card:hover{border-color:rgba(238,163,22,.55);transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.45)} .ph{aspect-ratio:1;background:#fff;overflow:hidden;position:relative} .pe2{position:absolute;top:9px;left:9px;font-size:9.5px;font-weight:800;letter-spacing:.06em;color:#062B14;background:#22C55E;border-radius:999px;padding:4px 9px;z-index:2} .ph img{width:100%;height:100%;object-fit:cover;display:block} .ph.noimg{background:linear-gradient(160deg,#141416,#1D1D22);display:flex;align-items:center;justify-content:center;color:#33333B;font-size:32px;font-weight:900;letter-spacing:.04em} .card .cb{justify-content:flex-start} .cb{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1} .cat{font-size:10px;color:var(--mut);letter-spacing:.11em;text-transform:uppercase} .nm{font-size:13.5px;font-weight:600;line-height:1.35;flex:1} .rowp{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap} .pr{font-size:18px;font-weight:900;color:var(--amber2);line-height:1.1} .prsub{font-size:11px;color:var(--mut);line-height:1.45;margin-top:3px} .prsub b{color:#C9C9D1;font-weight:700} .priceblock{display:flex;flex-direction:column;gap:2px} .pe{font-size:9.5px;font-weight:800;letter-spacing:.06em;color:var(--ok);border:1px solid #14532D;background:#0A1F12;border-radius:999px;padding:3px 8px} .cta{display:block;width:100%;border:none;font-family:inherit;cursor:pointer;text-align:center;background:linear-gradient(160deg,#FFC24D,#E09A0E);color:#151505;font-weight:800;font-size:12.5px;letter-spacing:.03em;border-radius:10px;padding:11px} .cta:hover{filter:brightness(1.07)} .morebtn{display:block;margin:22px auto 0;background:var(--panel);border:1px solid var(--line);color:var(--txt);padding:12px 30px;border-radius:12px;font-size:14px;cursor:pointer} .morebtn:hover{border-color:var(--amber)} /* PROJETOS */ .projgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px} .proj{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden} .proj .slot{border-radius:0;border:none;border-bottom:1px dashed #3A2E10;aspect-ratio:4/3} .projb{padding:18px} .projb h3{font-size:16px;font-weight:800;letter-spacing:.02em} .projb .spec{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0} .pill{background:var(--panel2);border:1px solid var(--line);color:var(--mut);font-size:11px;padding:4px 10px;border-radius:999px} .projb p{color:var(--mut);font-size:13px;line-height:1.65;margin-top:8px} /* QUEM SOMOS */ .about{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start} .about p{color:#B4B4BC;font-size:15px;line-height:1.8;margin-bottom:14px} .about .slot{min-height:340px} .vals{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:8px} .val{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px} .val b{color:var(--amber);font-size:13px;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:6px} .val span{color:var(--mut);font-size:13px;line-height:1.6} /* CONTATO */ .ctgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px} .ct{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px} .ct b{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:10px} .ct p{font-size:14.5px;line-height:1.7;color:var(--txt)} .ct small{color:var(--mut);font-size:12.5px;display:block;margin-top:6px;line-height:1.6} .fill{color:#6B5A2A;font-style:italic} /* CONSULTORIA */ .consbox{background:linear-gradient(165deg,#17140C,#101013 55%);border:1px solid #33280F;border-radius:20px;padding:30px 30px 34px;margin-top:6px} .conshead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px} .conshead h3{font-size:clamp(19px,2.6vw,26px);font-weight:900;letter-spacing:.02em;text-transform:uppercase} .conshead h3 em{font-style:normal;color:var(--amber)} .tagfree{background:var(--amber);color:#111;font-size:10.5px;font-weight:900;letter-spacing:.1em;padding:5px 11px;border-radius:999px;text-transform:uppercase} .conslead{color:#B4B4BC;font-size:15px;line-height:1.75;max-width:760px;margin:10px 0 26px} .steps{display:grid;gap:10px;counter-reset:st} .step{display:grid;grid-template-columns:50px 1fr;gap:16px;align-items:start;background:rgba(19,19,22,.75);border:1px solid var(--line);border-radius:14px;padding:16px 18px;transition:.15s} .step:hover{border-color:#4A3A14} .stepn{width:40px;height:40px;border-radius:11px;background:var(--amber);color:#111;font-weight:900;font-size:17px;display:flex;align-items:center;justify-content:center} .step.last .stepn{background:linear-gradient(140deg,#FFD87A,#E0940C);box-shadow:0 0 0 4px rgba(238,163,22,.14)} .step b{display:block;font-size:14.5px;letter-spacing:.02em;margin-bottom:5px} .step span{color:var(--mut);font-size:13.5px;line-height:1.65} /* SELO */ .selo{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;margin-top:26px;background:rgba(9,9,11,.55);border:1px solid #33280F;border-radius:18px;overflow:hidden} .selo .slot{border:none;border-right:1px dashed #3A2E10;border-radius:0;min-height:300px} .selob{padding:26px 28px 28px} .selob h4{font-size:17px;font-weight:900;letter-spacing:.03em;text-transform:uppercase} .selob h4 em{font-style:normal;color:var(--amber)} .selonum{display:inline-block;font-family:ui-monospace,Menlo,monospace;background:#111114;border:1px solid #3A2E10;color:var(--amber);font-size:12px;padding:4px 10px;border-radius:7px;margin:10px 0 12px;letter-spacing:.08em} .selob p{color:#B4B4BC;font-size:14px;line-height:1.75} .bens{list-style:none;margin:16px 0 0;display:grid;gap:9px} .bens li{display:grid;grid-template-columns:20px 1fr;gap:10px;color:#C9C9D1;font-size:13.5px;line-height:1.55;align-items:start} .bens i{color:var(--amber);font-style:normal;font-weight:900;font-size:14px;line-height:1.4} .consfoot{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:24px} .consnote{color:#6B6B75;font-size:11.5px;line-height:1.6;max-width:520px} /* faixa da home */ .cbanner{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:linear-gradient(100deg,#17140C,#101013 60%);border:1px solid #33280F;border-left:4px solid var(--amber);border-radius:16px;padding:24px 26px;margin-top:6px} .cbanner h3{font-size:19px;font-weight:900;letter-spacing:.02em;text-transform:uppercase} .cbanner h3 em{font-style:normal;color:var(--amber)} .cbanner p{color:var(--mut);font-size:14px;line-height:1.65;margin-top:6px;max-width:640px} @media(max-width:820px){.selo{grid-template-columns:1fr}.selo .slot{border-right:none;border-bottom:1px dashed #3A2E10;min-height:220px}.cbanner{grid-template-columns:1fr}.consbox{padding:24px 20px 28px}.selob{padding:22px 20px 24px}} /* MEGA MENU */ .navbar{position:relative} .navdrop{position:static;display:flex;align-items:stretch;flex:1} .navdrop>a{display:flex;align-items:center;justify-content:center;width:100%} .mega{position:absolute;left:0;right:0;top:100%;background:#0D0D10;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 22px 44px rgba(0,0,0,.55);display:none;z-index:70} .navdrop.open .mega{display:block} .megain{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 1.1fr;gap:22px;padding:30px 24px 34px} .mcol b,.mcol>a.mcat{display:block;font-size:10.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid var(--line)} .mcol a{display:block;flex:none;text-align:left;font-size:12.5px;color:#9A9AA4;padding:5px 0;letter-spacing:0;text-transform:none;font-weight:500;cursor:pointer;transition:color .14s,padding-left .14s;border:none} .mcol a:hover{color:var(--amber);padding-left:4px} .mcol a i{font-style:normal;font-size:11px;color:#4A4A54;margin-left:5px} .mfeat{background:linear-gradient(160deg,#17140C,#101013);border:1px solid #33280F;border-radius:14px;padding:18px} .mfeat b{color:var(--amber);border:none;padding:0;margin-bottom:9px;font-size:12.5px;letter-spacing:.1em} .mfeat p{color:var(--mut);font-size:12.5px;line-height:1.6;margin-bottom:12px} .mfeat a.mb{display:block;flex:none;text-align:center;background:linear-gradient(160deg,#FFC24D,#E09A0E);color:#151505;font-weight:800;font-size:12px;padding:10px;border-radius:9px;text-transform:none;letter-spacing:.01em} .mfeat a.mb:hover{filter:brightness(1.08)} .caret{font-size:9px;opacity:.7;margin-left:3px} /* CARROSSEL DE BANNERS */ .bwrap{position:relative;margin:22px 0 0;border-radius:20px;overflow:hidden;border:1px solid var(--line)} .btrack{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1)} .bslide{min-width:100%;position:relative} .bslide::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 70% 20%,transparent 45%,rgba(9,9,11,.45));pointer-events:none;z-index:1} .bslide .slot{border:none;border-radius:0;min-height:540px;justify-content:flex-start;align-items:flex-start;text-align:left;padding:52px 40px 0} .bcap{position:absolute;inset:auto 0 0 0;z-index:2;padding:42px 44px;background:linear-gradient(to top,rgba(9,9,11,.97) 28%,rgba(9,9,11,.55) 70%,transparent)} .bcap .kicker{color:var(--amber);font-size:11.5px;font-weight:900;letter-spacing:.24em;text-transform:uppercase} .bcap h2{font-size:clamp(26px,4.6vw,50px);font-weight:900;text-transform:uppercase;line-height:1.04;margin:12px 0 12px;letter-spacing:-.005em} .bcap h2 em{font-style:normal;color:var(--amber)} .bcap p{color:#AEAEB8;font-size:15px;max-width:600px;line-height:1.65} .bcap .btn{margin-top:16px} .barrow{position:absolute;top:32%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(9,9,11,.72);border:1px solid var(--line);color:var(--txt);font-size:19px;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center} .barrow{opacity:.55}.bwrap:hover .barrow{opacity:1} .barrow:hover{border-color:var(--amber);color:var(--amber)} .barrow.l{left:14px}.barrow.r{right:14px} .bdots{position:absolute;bottom:14px;left:0;right:0;display:flex;gap:7px;justify-content:center;z-index:3} .bdot{width:26px;height:4px;border-radius:2px;background:rgba(255,255,255,.28);border:none;cursor:pointer;padding:0} .bdot.on{background:var(--amber)} /* FAIXA DE CONFIANCA */ .trust{display:grid;grid-template-columns:repeat(6,1fr);margin:0 2px 10px;padding:2px 0} .tr{padding:13px 12px;display:flex;align-items:center;gap:9px;position:relative} .tr+.tr::before{content:"";position:absolute;left:0;top:26%;bottom:26%;width:1px;background:var(--line)} .tr svg{width:17px;height:17px;fill:var(--amber);flex-shrink:0;opacity:.9} .tr b{display:block;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#D4D4DA} .tr span{font-size:10.5px;color:#71717C;letter-spacing:.01em} /* VITRINE DE CATEGORIAS */ .vitwrap{position:relative} .vit{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px} .vit::-webkit-scrollbar{display:none} .vt{position:relative;min-width:296px;scroll-snap-align:start;cursor:pointer;border-radius:18px;overflow:hidden;background:linear-gradient(170deg,#131316,#0F0F12);border:1px solid var(--line);transition:border-color .3s,transform .3s,box-shadow .3s} .vt:hover{border-color:var(--amber);transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,0,0,.6),0 0 0 1px rgba(238,163,22,.25)} .vt::after{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(to top,rgba(238,163,22,.16),transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none} .vt:hover::after{opacity:1} .vtimg{aspect-ratio:4/3;background:linear-gradient(150deg,#1A1A1F,#101013);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative} .vtimg img{transition:transform .45s cubic-bezier(.2,.7,.3,1),filter .3s;filter:saturate(.92) brightness(.94)} .vt:hover .vtimg img{transform:scale(1.09);filter:saturate(1.05) brightness(1.04)} .vtimg img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal} .vtimg.ph0{background:repeating-linear-gradient(45deg,#141410,#141410 12px,#191914 12px,#191914 24px);color:#5C4A1E;font-size:11px;font-weight:800;letter-spacing:.1em;text-align:center;padding:14px;text-transform:uppercase;line-height:1.5} .vtb{padding:17px 18px 19px;min-height:78px;position:relative;z-index:2} .vtb b{transition:color .25s} .vt:hover .vtb b{color:var(--amber)} .vtseta{position:absolute;right:18px;bottom:19px;color:var(--amber);font-size:17px;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s} .vt:hover .vtseta{opacity:1;transform:none} .vtb b{display:block;font-size:15px;font-weight:800;letter-spacing:.01em} .vtb span{font-size:12px;color:var(--mut)} .varrow{position:absolute;top:34%;width:40px;height:40px;border-radius:50%;background:rgba(9,9,11,.9);border:1px solid var(--line);color:var(--txt);cursor:pointer;z-index:3;font-size:17px} .varrow:hover{border-color:var(--amber);color:var(--amber)} .varrow.l{left:-14px}.varrow.r{right:-14px} @media(max-width:1080px){.trust{grid-template-columns:repeat(3,1fr)}.tr:nth-child(3n+1)::before{display:none}} @media(max-width:1200px){.megain{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}} @media(max-width:900px){.megain{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){ .megain{grid-template-columns:1fr;gap:16px;padding:16px 24px 20px} .bslide .slot{min-height:470px;padding:52px 18px 0} .bslide .slot span:not(.tag){display:none} .bslide .slot b{font-size:11px} .bslide .slot .tag{top:14px;left:14px} .bcap{padding:22px 20px} .barrow{width:34px;height:34px;top:22%} .trust{grid-template-columns:repeat(2,1fr)} .tr:nth-child(odd)::before{display:none} .tr{padding:11px 8px} .tr b{font-size:10px}.tr span{font-size:10px} .varrow{display:none} } /* PAGINA DE PRODUTOS */ .crumb{display:flex;align-items:center;gap:8px;font-size:12px;color:#6B6B75;padding:22px 0 16px;flex-wrap:wrap} .crumb a{color:#8E8E96;cursor:pointer} .crumb a:hover{color:var(--amber)} .crumb span.sepc{color:#3A3A42} .crumb b{color:var(--txt);font-weight:600} .plist{display:grid;grid-template-columns:246px 1fr;gap:30px;align-items:start;padding-bottom:10px} .fside{position:sticky;top:150px;background:linear-gradient(170deg,#131316,#0F0F12);border:1px solid var(--line);border-radius:16px;padding:6px 20px 20px;max-height:calc(100vh - 180px);overflow-y:auto;scrollbar-width:thin} .fhead{display:none} .fsec{padding:18px 0;border-bottom:1px solid var(--line)} .fsec:last-child{border-bottom:none;padding-bottom:4px} .fsec>b{display:block;font-size:10.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:12px} .fitem{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:none;border:none;color:#9A9AA4;font-size:13px;font-family:inherit;text-align:left;padding:6px 0;cursor:pointer;transition:color .14s,padding-left .14s} .fitem:hover{color:var(--txt);padding-left:3px} .fitem.on{color:var(--amber);font-weight:700} .fitem i{font-style:normal;font-size:11px;color:#4A4A54} .fsub{padding-left:12px;border-left:1px solid var(--line);margin:4px 0 8px} .fsub .fitem{font-size:12.5px;padding:5px 0} .fchips{display:flex;flex-wrap:wrap;gap:6px;padding:16px 0 2px} .fchip{background:rgba(238,163,22,.12);border:1px solid rgba(238,163,22,.45);color:var(--amber);font-size:11.5px;border-radius:999px;padding:5px 10px;cursor:pointer;font-family:inherit} .fchip:hover{background:rgba(238,163,22,.22)} .fclear{background:none;border:none;color:#6B6B75;font-size:11.5px;text-decoration:underline;cursor:pointer;font-family:inherit;padding:4px 0} .fclear:hover{color:var(--txt)} .ptop{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 0 16px;flex-wrap:wrap} .ptop .count{margin:0;font-size:13px;color:var(--mut)} .ptop .count b{color:var(--txt);font-weight:700} .psort{display:flex;align-items:center;gap:10px} .psort label{font-size:12px;color:#6B6B75} .psel{background:var(--panel);border:1px solid var(--line);color:var(--txt);font-size:12.5px;font-family:inherit;padding:9px 12px;border-radius:9px;cursor:pointer;outline:none} .psel:focus{border-color:var(--amber)} .fbtn{display:none;background:var(--panel);border:1px solid var(--line);color:var(--txt);font-size:12.5px;font-weight:700;font-family:inherit;padding:9px 16px;border-radius:9px;cursor:pointer} .fbtn:hover{border-color:var(--amber)} @media(max-width:900px){ .plist{grid-template-columns:1fr;gap:0} .fside{position:fixed;inset:0 auto 0 0;width:min(320px,88vw);max-height:none;border-radius:0;border-left:none;z-index:160;transform:translateX(-100%);transition:transform .25s;padding:0 20px 24px} .fside.on{transform:none;box-shadow:0 0 60px rgba(0,0,0,.7)} .fhead{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#111114;margin:0 -20px;padding:16px 20px;border-bottom:1px solid var(--line);z-index:2} .fhead b{font-size:11.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)} .fhead button{background:none;border:none;color:var(--mut);font-size:19px;cursor:pointer} .fbtn{display:block} } /* PAGINA DE PEDIDO */ .chk{display:grid;grid-template-columns:1fr 372px;gap:28px;align-items:start;padding-bottom:20px} .cbox{background:linear-gradient(170deg,#131316,#0F0F12);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-bottom:16px} .cbox>h3{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:16px;display:flex;align-items:center;gap:9px} .cbox>h3 em{font-style:normal;width:21px;height:21px;border-radius:50%;background:var(--amber);color:#111;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:900} .ci{display:grid;grid-template-columns:82px 1fr auto;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)} .ci:last-child{border-bottom:none;padding-bottom:2px} .cimg{width:82px;height:82px;border-radius:10px;background:#fff;overflow:hidden;flex-shrink:0} .cimg img{width:100%;height:100%;object-fit:cover;display:block} .cimg.noimg{background:linear-gradient(160deg,#17171B,#1F1F25);display:flex;align-items:center;justify-content:center;color:#3A3A42;font-size:17px;font-weight:900} .cinf b{font-size:14px;font-weight:600;line-height:1.35;display:block} .cinf small{display:block;color:var(--mut);font-size:11.5px;margin-top:4px;letter-spacing:.02em} .cinf p{color:#8E8E96;font-size:12px;line-height:1.55;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .cinf .peq{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.06em;color:var(--ok);border:1px solid #14532D;background:#0A1F12;border-radius:999px;padding:3px 8px;margin-top:8px} .cri{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:9px} .cri .val{font-size:16px;font-weight:900;color:var(--amber2);white-space:nowrap} .qt{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden} .qt button{background:none;border:none;color:var(--txt);width:29px;height:29px;font-size:15px;cursor:pointer;font-family:inherit} .qt button:hover{background:#1E1E24;color:var(--amber)} .qt span{min-width:30px;text-align:center;font-size:13px;font-weight:700} .rmv{background:none;border:none;color:#5C5C66;font-size:11px;text-decoration:underline;cursor:pointer;font-family:inherit} .rmv:hover{color:#E06C6C} .frow{display:grid;grid-template-columns:1fr 1fr;gap:12px} .fld{display:flex;flex-direction:column;gap:6px;margin-bottom:12px} .fld label{font-size:11px;color:var(--mut);letter-spacing:.07em;text-transform:uppercase} .fld input,.fld textarea,.fld select{background:#0C0C0F;border:1px solid var(--line);border-radius:9px;padding:11px 13px;color:var(--txt);font-size:13.5px;font-family:inherit;outline:none} .fld input:focus,.fld textarea:focus,.fld select:focus{border-color:var(--amber)} .fld textarea{resize:vertical;min-height:66px} .opt{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--line);border-radius:11px;padding:14px 15px;cursor:pointer;margin-bottom:9px;transition:border-color .16s,background .16s} .opt:hover{border-color:#3A3A42} .opt.on{border-color:var(--amber);background:rgba(238,163,22,.06)} .rad{width:17px;height:17px;border-radius:50%;border:2px solid #4A4A54;flex-shrink:0;margin-top:2px;position:relative} .opt.on .rad{border-color:var(--amber)} .opt.on .rad::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--amber)} .opt b{display:block;font-size:13.5px;font-weight:700} .opt span{display:block;font-size:12px;color:var(--mut);margin-top:3px;line-height:1.5} .opt .vv{color:var(--amber2);font-weight:800} .rsum{position:sticky;top:150px;background:linear-gradient(170deg,#17171C,#101013);border:1px solid var(--line);border-radius:16px;padding:24px} .rsum h3{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:16px} .rl{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px;color:#B4B4BC;padding:7px 0} .rl b{color:var(--txt);font-weight:700} .rtot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);margin-top:12px;padding-top:16px} .rtot span{font-size:12px;color:var(--mut);letter-spacing:.09em;text-transform:uppercase} .rtot b{font-size:27px;font-weight:900;color:var(--amber2);line-height:1} .rpar{font-size:12.5px;color:#8E8E96;text-align:right;margin-top:6px} .rnote{color:#6B6B75;font-size:11px;line-height:1.6;margin-top:14px} .vazio{text-align:center;padding:60px 20px;color:var(--mut)} .vazio b{display:block;color:var(--txt);font-size:17px;font-weight:800;margin-bottom:9px} .vazio p{font-size:13.5px;line-height:1.7;max-width:340px;margin:0 auto 22px} @media(max-width:900px){ .chk{grid-template-columns:1fr} .rsum{position:static} .ci{grid-template-columns:64px 1fr;gap:12px} .cimg{width:64px;height:64px} .cri{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center} .frow{grid-template-columns:1fr} .cinf p{display:none} } /* CONFIRMACAO DE PEDIDO */ .cf{position:fixed;inset:0;z-index:180;background:rgba(4,4,6,.88);backdrop-filter:blur(6px);display:none;overflow-y:auto;padding:26px 16px} .cf.on{display:block} .cfb{max-width:560px;margin:0 auto;background:linear-gradient(170deg,#17171C,#101013);border:1px solid var(--line);border-radius:18px;padding:30px 30px 28px;position:relative} .cfx{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--mut);font-size:20px;cursor:pointer} .cfok{width:52px;height:52px;border-radius:50%;background:rgba(34,197,94,.12);border:1px solid #14532D;display:flex;align-items:center;justify-content:center;color:var(--ok);font-size:25px;margin-bottom:16px} .cfb h3{font-size:20px;font-weight:900;letter-spacing:.01em} .cfb>p{color:#B4B4BC;font-size:14px;line-height:1.7;margin-top:9px} .cftxt{background:#0A0A0D;border:1px solid var(--line);border-radius:11px;padding:14px 16px;margin:16px 0;font-size:12.5px;color:#C9C9D1;line-height:1.75;white-space:pre-wrap;max-height:210px;overflow-y:auto;font-family:ui-monospace,Menlo,monospace;user-select:all} .cfacts{display:grid;gap:9px} .cfnote{color:#6B6B75;font-size:11.5px;line-height:1.6;margin-top:14px} .cfnote b{color:#8E8E96} /* CHECKOUT EM ETAPAS */ .stepper{display:flex;align-items:center;gap:0;margin:20px 0 26px;flex-wrap:wrap} .stp{display:flex;align-items:center;gap:9px;padding:0 16px 0 0} .stp em{font-style:normal;width:27px;height:27px;border-radius:50%;background:#1B1B21;border:1px solid var(--line);color:var(--mut);font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0} .stp b{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);white-space:nowrap} .stp.on em{background:var(--amber);border-color:var(--amber);color:#111} .stp.on b{color:var(--txt)} .stp.done em{background:rgba(34,197,94,.15);border-color:#14532D;color:var(--ok)} .stp.done b{color:#8E8E96} .stpl{flex:1;min-width:18px;height:1px;background:var(--line);margin-right:16px} .etapa{display:none} .etapa.on{display:block} .fretes{display:grid;gap:9px;margin-top:14px} .cupom{display:flex;gap:9px;margin-top:6px} .cupom input{flex:1;background:#0C0C0F;border:1px solid var(--line);border-radius:9px;padding:11px 13px;color:var(--txt);font-size:13px;font-family:inherit;outline:none;text-transform:uppercase} .cupom input:focus{border-color:var(--amber)} .cupom button{background:#1B1B21;border:1px solid var(--line);color:var(--txt);font-size:12.5px;font-weight:700;padding:0 18px;border-radius:9px;cursor:pointer;font-family:inherit} .cupom button:hover{border-color:var(--amber);color:var(--amber)} .cupmsg{font-size:12px;margin-top:8px} .cupmsg.ok{color:var(--ok)}.cupmsg.err{color:#E06C6C} .navchk{display:flex;gap:11px;justify-content:space-between;margin-top:20px;flex-wrap:wrap} .btnvolta{background:none;border:1px solid var(--line);color:var(--mut);font-size:13px;font-weight:700;padding:13px 22px;border-radius:11px;cursor:pointer;font-family:inherit} .btnvolta:hover{border-color:#3A3A42;color:var(--txt)} .selos{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)} .selo1{display:flex;align-items:center;gap:8px;color:#71717C;font-size:11px;letter-spacing:.03em} .selo1 svg{width:15px;height:15px;fill:var(--ok)} .bandeiras{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px} .pixbox{background:#0A1F12;border:1px solid #14532D;border-radius:11px;padding:15px 16px;margin-top:12px} .pixbox b{color:var(--ok);font-size:12.5px;display:block;margin-bottom:5px} .pixbox span{color:#8E8E96;font-size:12.5px;line-height:1.6} .parcelas{display:grid;gap:7px;margin-top:12px} .parc{display:flex;justify-content:space-between;align-items:center;background:#0C0C0F;border:1px solid var(--line);border-radius:9px;padding:10px 13px;font-size:13px;cursor:pointer} .parc:hover{border-color:#3A3A42} .parc.on{border-color:var(--amber);background:rgba(238,163,22,.06)} .parc b{color:var(--amber2);font-weight:800} .parc span{color:var(--mut);font-size:12px} .okped{text-align:center;padding:34px 20px} .okped .ic{width:64px;height:64px;border-radius:50%;background:rgba(34,197,94,.12);border:1px solid #14532D;color:var(--ok);font-size:31px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px} .okped h2{font-size:24px;font-weight:900;margin-bottom:8px} .okped .num{display:inline-block;font-family:ui-monospace,Menlo,monospace;background:#111114;border:1px solid var(--line);color:var(--amber);font-size:14px;padding:7px 14px;border-radius:8px;margin:6px 0 16px;letter-spacing:.08em} .okped p{color:#B4B4BC;font-size:14px;line-height:1.75;max-width:520px;margin:0 auto 10px} .prox{display:grid;gap:10px;max-width:520px;margin:22px auto 0;text-align:left} .prox>div{display:grid;grid-template-columns:24px 1fr;gap:11px;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:13px 15px;align-items:start} .prox i{font-style:normal;color:var(--amber);font-weight:900;font-size:13px} .prox b{display:block;font-size:13px;margin-bottom:4px;line-height:1.35} .prox>div>div{min-width:0} .prox span{color:var(--mut);font-size:12.5px;line-height:1.55} @media(max-width:640px){.stp b{display:none}.stp{padding-right:8px}.stpl{margin-right:8px}} /* RODAPE */ .news{background:linear-gradient(100deg,#17140C,#101013 65%);border-top:1px solid #33280F;border-bottom:1px solid var(--line);padding:30px 0} .newsin{display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center} .newsin h3{font-size:clamp(17px,2.2vw,23px);font-weight:900;text-transform:uppercase;letter-spacing:.01em;line-height:1.2} .newsin h3 em{font-style:normal;color:var(--amber)} .newsin p{color:var(--mut);font-size:13px;margin-top:6px} .newsf{display:flex;gap:9px;flex-wrap:wrap} .newsf input{background:#0C0C0F;border:1px solid var(--line);border-radius:10px;padding:13px 15px;color:var(--txt);font-size:13.5px;font-family:inherit;outline:none;min-width:190px} .newsf input:focus{border-color:var(--amber)} .newsf button{background:linear-gradient(160deg,#FFC64F,#E09A0E);color:#151505;border:none;border-radius:10px;padding:0 26px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit} .newsf button:hover{filter:brightness(1.07)} footer{border-top:none;padding:0;margin-top:0} .ftop{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.25fr;gap:34px;padding:44px 0 36px} .fcol h4{font-size:10.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:16px} .fcol a,.fcol p{display:block;color:#8E8E96;font-size:13px;line-height:1.65;padding:5px 0;cursor:pointer} .fcol a:hover{color:var(--txt)} .fcol .lin{display:flex;align-items:flex-start;gap:9px;padding:6px 0} .fcol .lin svg{width:15px;height:15px;fill:var(--amber);flex-shrink:0;margin-top:3px;opacity:.85} .fcol .lin span{color:#8E8E96;font-size:13px;line-height:1.6} .fcol .lin b{color:#C9C9D1;font-weight:600;display:block} .fbrand img{height:40px;margin-bottom:16px} .fbrand .tag{color:var(--amber);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px} .fbrand p{color:#71717C;font-size:12px;line-height:1.7;padding:0} .fsoc{display:flex;gap:9px;margin-top:18px} .fsoc a{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:.16s} .fsoc a:hover{border-color:var(--amber);background:rgba(238,163,22,.08)} .fsoc svg{width:17px;height:17px;fill:#C9C9D1} .fsoc a:hover svg{fill:var(--amber)} .fpay{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px} .fseg{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px} .fseg span{display:flex;align-items:center;gap:7px;border:1px solid #14532D;background:#0A1F12;color:var(--ok);border-radius:8px;padding:7px 11px;font-size:10.5px;font-weight:700;letter-spacing:.03em} .fseg svg{width:13px;height:13px;fill:var(--ok)} .fbot{border-top:1px solid var(--line);padding:20px 0 34px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap} .fbot p{color:#5C5C66;font-size:11.5px;line-height:1.7} .fbot .pend{color:#6B5A2A;font-style:italic} @media(max-width:900px){.ftop{grid-template-columns:1fr 1fr;gap:28px}.newsin{grid-template-columns:1fr}} @media(max-width:560px){.ftop{grid-template-columns:1fr}.newsf input{min-width:0;flex:1}} .fpay{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px} .fpay span{background:#fff;border-radius:6px;padding:0;width:47px;height:31px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.35)} .fpay svg{width:100%;height:100%} .bandeiras{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px} .bandeiras .bnd{background:#fff;border-radius:6px;padding:0;width:47px;height:31px;display:flex;align-items:center;justify-content:center;overflow:hidden} .bandeiras .bnd svg{width:100%;height:100%} /* MODAL PRODUTO */ .ov{position:fixed;inset:0;z-index:100;background:rgba(4,4,6,.86);backdrop-filter:blur(6px);display:none;overflow-y:auto;padding:26px 16px} .ov.on{display:block} .md{max-width:940px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;position:relative} .mdx{position:absolute;top:14px;right:14px;z-index:5;width:38px;height:38px;border-radius:50%;background:rgba(9,9,11,.85);border:1px solid var(--line);color:var(--txt);font-size:19px;cursor:pointer;line-height:1} .mdx:hover{border-color:var(--amber);color:var(--amber)} .mdg{display:grid;grid-template-columns:1fr 1fr;align-items:stretch} .mdimg{background:#fff;min-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden} .mdimg img{width:100%;height:100%;object-fit:cover} .mdimg.noimg{background:linear-gradient(160deg,#141416,#1D1D22);color:#33333B;font-size:56px;font-weight:900} .mdb{padding:30px 30px 34px;display:flex;flex-direction:column} .mdbrand{display:inline-block;align-self:flex-start;background:var(--panel2);border:1px solid var(--line);color:var(--amber);font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:999px;margin-bottom:12px} .mdb h2{font-size:23px;font-weight:800;line-height:1.25;letter-spacing:.01em} .mdcod{font-size:12px;color:var(--mut);letter-spacing:.06em;margin-top:8px} .mdcod b{color:#C9C9D1;font-family:ui-monospace,Menlo,monospace;letter-spacing:.04em} .mdprice{margin:18px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .mdprice .v{font-size:32px;font-weight:900;color:var(--amber2);line-height:1} .mdprice .lab{font-size:11.5px;color:var(--mut);letter-spacing:.1em;text-transform:uppercase;margin-top:6px} .mdprice .par{font-size:14px;color:#C9C9D1;margin-top:8px} .mdprice .par b{color:var(--txt);font-weight:800} .mdspec{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:16px} .mdspec div{background:var(--panel);padding:9px 12px;font-size:12.5px} .mdspec .k{color:var(--mut)} .mdspec .v2{color:var(--txt);font-weight:600} .mdd{color:#B4B4BC;font-size:14px;line-height:1.75;flex:1} .mdcta{margin-top:20px} @media(max-width:760px){.mdg{grid-template-columns:1fr}.mdimg{aspect-ratio:1;min-height:0}.mdb{padding:22px 20px 26px}.mdb h2{font-size:19px}.mdprice .v{font-size:27px}.ov{padding:0}.md{border-radius:0;min-height:100vh}} /* FOOTER */ footer{border-top:1px solid var(--line);padding:34px 0 46px;margin-top:52px} .f1{display:flex;flex-wrap:wrap;gap:24px;align-items:center} footer img{height:36px} footer p{color:var(--mut);font-size:12.5px;line-height:1.75} .page{display:none} .page.on{display:block} @media(max-width:820px){.about{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}} @media(max-width:900px){.tb .hidem{display:none}} @media(max-width:640px){ .hrow{flex-wrap:wrap;gap:12px;padding:12px 0}.hrow>img,.hrow>.hlogo{height:32px} .hsearch{order:3;flex:1 0 100%;max-width:none} .cartbtn{margin-left:auto}.cartxt{display:none} .tb{font-size:10px;gap:14px} nav a{flex:0 0 auto;font-size:11px;padding:12px 13px} .navdrop{flex:0 0 auto} .grid{grid-template-columns:repeat(2,1fr);gap:10px} .nm{font-size:12px}.pr{font-size:15px}.cb{padding:10px 11px 12px} .heroslot{min-height:430px;padding:42px 20px 0}.heroslot span:not(.tag){display:none}.herotxt{padding:24px 20px} } /* PAGINA DE PRODUTO */ .pdg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;margin:8px 0 20px;align-items:start} .pdimg{background:#0d0d10;border:1px solid var(--line);border-radius:16px;overflow:hidden;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center} .pdimg img{width:100%;height:100%;object-fit:cover} .pdimg.noimg{font-size:64px;font-weight:800;color:#26262e;letter-spacing:.1em} .pdb h1{font-size:27px;line-height:1.22;font-weight:800;letter-spacing:-.01em;margin:8px 0 10px} .pdbrand{display:inline-block;background:rgba(238,163,22,.12);border:1px solid rgba(238,163,22,.3);color:var(--amber);font-size:11px;font-weight:800;letter-spacing:.09em;padding:4px 10px;border-radius:6px;text-transform:uppercase} .pdmeta{font-size:12.5px;color:var(--mut);border-bottom:1px solid var(--line);padding-bottom:16px} .pdprice{padding:18px 0 4px} .pdprice .v{font-size:36px;font-weight:800;color:var(--amber);letter-spacing:-.02em;line-height:1} .pdprice .lab{font-size:11.5px;color:var(--mut);letter-spacing:.09em;text-transform:uppercase;margin-top:6px} .pdprice .par{font-size:14px;color:#dcdce4;margin-top:8px} .pdacts{display:flex;flex-direction:column;gap:10px;margin:20px 0 6px} .pdspec{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:18px 0;font-size:13px} .pdspec .k{color:var(--mut)}.pdspec .v2{color:#e8e8ee;font-weight:600} .pdd{font-size:14px;line-height:1.8;color:var(--mut);margin:16px 0} .pdgar{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;margin-top:18px} .pdgar span{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--mut)} .pdgar svg{width:15px;height:15px;fill:var(--amber);flex:none} @media(max-width:860px){.pdg{grid-template-columns:1fr;gap:22px}.pdb h1{font-size:22px}.pdprice .v{font-size:30px}} /* PAGINA DE PRODUTO */ .pdg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;margin:8px 0 20px;align-items:start} .pdimg{background:#0d0d10;border:1px solid var(--line);border-radius:16px;overflow:hidden;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center} .pdimg img{width:100%;height:100%;object-fit:cover} .pdimg.noimg{font-size:64px;font-weight:800;color:#26262e;letter-spacing:.1em} .pdb h1{font-size:27px;line-height:1.22;font-weight:800;letter-spacing:-.01em;margin:8px 0 10px} .pdbrand{display:inline-block;background:rgba(238,163,22,.12);border:1px solid rgba(238,163,22,.3);color:var(--amber);font-size:11px;font-weight:800;letter-spacing:.09em;padding:4px 10px;border-radius:6px;text-transform:uppercase} .pdmeta{font-size:12.5px;color:var(--mut);border-bottom:1px solid var(--line);padding-bottom:16px} .pdprice{padding:18px 0 4px} .pdprice .v{font-size:36px;font-weight:800;color:var(--amber);letter-spacing:-.02em;line-height:1} .pdprice .lab{font-size:11.5px;color:var(--mut);letter-spacing:.09em;text-transform:uppercase;margin-top:6px} .pdprice .par{font-size:14px;color:#dcdce4;margin-top:8px} .pdacts{display:flex;flex-direction:column;gap:10px;margin:20px 0 6px} .pdspec{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:18px 0;font-size:13px} .pdspec .k{color:var(--mut)}.pdspec .v2{color:#e8e8ee;font-weight:600} .pdd{font-size:14px;line-height:1.8;color:var(--mut);margin:16px 0} .pdgar{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;margin-top:18px} .pdgar span{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--mut)} .pdgar svg{width:15px;height:15px;fill:var(--amber);flex:none} @media(max-width:860px){.pdg{grid-template-columns:1fr;gap:22px}.pdb h1{font-size:22px}.pdprice .v{font-size:30px}} /* RETORNO DO PAGAMENTO */ .ret{max-width:620px;margin:56px auto 80px;text-align:center} .reti{width:78px;height:78px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:38px;font-weight:800} .reti.ok{background:rgba(46,160,88,.14);border:1px solid rgba(46,160,88,.42);color:#3FBF6B} .reti.wait{background:rgba(238,163,22,.13);border:1px solid rgba(238,163,22,.4);color:var(--amber)} .reti.no{background:rgba(224,108,108,.12);border:1px solid rgba(224,108,108,.4);color:#E06C6C} .ret h1{font-size:26px;font-weight:800;letter-spacing:-.01em;margin-bottom:10px} .ret p{color:var(--mut);font-size:14.5px;line-height:1.8;margin-bottom:8px} .retnum{display:inline-block;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:11px 20px;margin:16px 0 22px;font-size:14px} .retnum b{color:var(--amber);letter-spacing:.04em} .retpassos{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin:6px 0 24px} .retpassos .pp{display:flex;gap:13px;align-items:flex-start;margin-bottom:14px} .retpassos .pp:last-child{margin-bottom:0} .retpassos .pn{flex:none;width:23px;height:23px;border-radius:50%;background:var(--amber);color:#141418;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center} .retpassos b{display:block;font-size:13.5px;margin-bottom:2px} .retpassos span{font-size:13px;color:var(--mut);line-height:1.65} .retacts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap} .retacts a{text-decoration:none;padding:13px 24px;border-radius:11px;font-weight:800;font-size:13.5px} .retacts .p1{background:var(--amber);color:#141418} .retacts .p2{background:transparent;border:1px solid var(--line);color:var(--txt)} /* ===== CONTATO v2 ===== */ .ctwrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:26px;align-items:start;margin-bottom:56px} .ctcard{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px 28px} .ctcard h3{font-size:17px;font-weight:800;letter-spacing:-.01em;margin-bottom:6px} .ctsub{font-size:13px;color:var(--mut);line-height:1.7;margin-bottom:20px} .ctf{display:grid;gap:13px} .ctf .lin2{display:grid;grid-template-columns:1fr 1fr;gap:13px} .ctf label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);margin-bottom:6px} .ctf input,.ctf select,.ctf textarea{width:100%;background:#0C0C0F;border:1px solid var(--line);border-radius:10px;padding:12px 13px;color:var(--txt);font-size:13.5px;font-family:inherit;outline:none;transition:border-color .15s} .ctf input:focus,.ctf select:focus,.ctf textarea:focus{border-color:var(--amber)} .ctf textarea{min-height:118px;resize:vertical;line-height:1.6} .ctf select{appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236d6d78'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px;padding-right:34px;cursor:pointer} .ctf .erro{border-color:#E06C6C} .ctf .req{color:var(--amber)} .ctbtns{display:flex;gap:10px;margin-top:4px;flex-wrap:wrap} .ctbtns button{flex:1 1 190px;border-radius:11px;padding:14px 18px;font-weight:800;font-size:13.5px;font-family:inherit;cursor:pointer;border:0;transition:.15s} .ctbtns .b1{background:var(--amber);color:#141418} .ctbtns .b1:hover{filter:brightness(1.08)} .ctbtns .b1:disabled{opacity:.6;cursor:default} .ctbtns .b2{background:transparent;border:1px solid var(--line);color:var(--txt)} .ctbtns .b2:hover{border-color:var(--amber);color:var(--amber)} .ctpriv{font-size:11.5px;color:#6d6d78;line-height:1.65;margin-top:12px} .ctpriv a{color:var(--mut);text-decoration:underline;text-underline-offset:2px} .hpot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} .ctlado{display:grid;gap:14px} .ctwa{display:flex;align-items:center;gap:14px;background:linear-gradient(140deg,rgba(37,211,102,.13),rgba(37,211,102,.04));border:1px solid rgba(37,211,102,.32);border-radius:16px;padding:18px 20px;text-decoration:none;transition:.15s} .ctwa:hover{border-color:rgba(37,211,102,.6);transform:translateY(-1px)} .ctwa svg{width:30px;height:30px;fill:#25D366;flex:none} .ctwa b{display:block;font-size:16px;color:#fff;letter-spacing:-.01em} .ctwa span{display:block;font-size:12px;color:var(--mut);margin-top:2px} .ctlin{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)} .ctlin:last-child{border-bottom:0;padding-bottom:0} .ctlin:first-child{padding-top:0} .ctlin svg{width:16px;height:16px;fill:var(--amber);flex:none;margin-top:2px} .ctlin b{display:block;font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);margin-bottom:3px} .ctlin a,.ctlin p{font-size:13.5px;color:#e8e8ee;text-decoration:none;line-height:1.55;word-break:break-word} .ctlin a:hover{color:var(--amber)} .ctlin small{display:block;font-size:12px;color:var(--mut);line-height:1.6;margin-top:2px} .ctmap{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)} .ctmap iframe{display:block;width:100%;height:250px;border:0;filter:invert(92%) hue-rotate(180deg) saturate(.75) contrast(.92)} .ctmap .mapfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--line)} .ctmap .mapfoot span{font-size:12.5px;color:var(--mut);line-height:1.5} .ctmap .mapfoot a{font-size:12.5px;font-weight:700;color:var(--amber);text-decoration:none;white-space:nowrap} .ctmap .mapfoot a:hover{text-decoration:underline} @media(max-width:900px){ .ctwrap{grid-template-columns:1fr;gap:18px} .ctcard{padding:22px 20px} .ctf .lin2{grid-template-columns:1fr} .ctmap iframe{height:210px} } /* unidade de venda */ .pr small{font-size:.55em;font-weight:700;color:var(--mut);letter-spacing:0} .pdprice .v small{font-size:.38em;font-weight:700;color:var(--mut);letter-spacing:0;vertical-align:middle} .cri .unit{font-size:11.5px;color:var(--mut);margin:2px 0 6px} .qt span{min-width:62px;text-align:center;display:inline-block} .medbox{display:flex;align-items:flex-start;gap:10px;background:rgba(238,163,22,.08);border:1px solid rgba(238,163,22,.28);border-radius:11px;padding:12px 14px;margin:14px 0 2px;font-size:12.5px;color:#dcdce4;line-height:1.6} .medbox svg{width:16px;height:16px;fill:var(--amber);flex:none;margin-top:1px} /* estado vazio da busca */ .vazio2{grid-column:1/-1;text-align:center;padding:44px 22px;background:var(--panel);border:1px dashed var(--line);border-radius:16px} .vazio2 svg{width:42px;height:42px;fill:#33333d;margin-bottom:12px} .vazio2 b{display:block;font-size:17px;font-weight:800;margin-bottom:8px;letter-spacing:-.01em} .vazio2 p{color:var(--mut);font-size:13.5px;line-height:1.75;max-width:520px;margin:0 auto 20px} .vacts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap} .vacts a,.vacts button{padding:12px 22px;border-radius:11px;font-weight:800;font-size:13px;font-family:inherit;cursor:pointer;text-decoration:none;border:0} .vacts .v1{background:#25D366;color:#0b2617} .vacts .v2{background:transparent;border:1px solid var(--line);color:var(--txt)} .vacts .v2:hover{border-color:var(--amber);color:var(--amber)} .vsug{margin-top:32px;text-align:left} .vsug>span{display:block;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);margin-bottom:12px} /* ===== MODO LANÇAMENTO ===== Enquanto as fotos não existem, os quadros pontilhados com instruções não podem aparecer para o cliente. Para VER os slots de novo (ao produzir as fotos), troque no a classe "live" por "edicao". */ html.live .slot, html.live .heroslot{border:0;background:linear-gradient(150deg,#141418,#0c0c10);min-height:0} html.live .slot>*,html.live .heroslot>*{display:none!important} html.live .bslide .slot{min-height:430px;background:radial-gradient(120% 140% at 78% 20%,rgba(238,163,22,.13),transparent 60%),linear-gradient(150deg,#16161b,#0b0b0e)} html.live .catgrid{display:none} html.live .sect.opcional,html.live .lead.opcional{display:none} html.live section#p-projetos .grid3,html.live section#p-projetos .catgrid{display:none} html.live .vtimg.ph0{font-size:0;background:radial-gradient(120% 130% at 70% 25%,rgba(238,163,22,.10),transparent 62%),linear-gradient(150deg,#17171c,#0d0d11)} html.live .vtimg.ph0::after{content:"";position:absolute;inset:0} html.live .slotxt{display:none!important} /* ===== MINHA CONTA ===== */ .mc{max-width:960px;margin:0 auto 70px} .mchead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:26px 0 6px} .mchead h1{font-size:24px;font-weight:800;letter-spacing:-.01em} .mchead .sair{background:none;border:1px solid var(--line);color:var(--mut);border-radius:9px;padding:9px 16px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit} .mchead .sair:hover{border-color:#E06C6C;color:#E06C6C} .mcsub{color:var(--mut);font-size:14px;margin-bottom:26px} .mcgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px;align-items:stretch} .mcgrid>.mcbox{margin-bottom:0;display:flex;flex-direction:column} .mcgrid>.mcbox>#mcPedidos{flex:1} .mcbox{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-bottom:20px} .mcbox h2{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--amber);margin-bottom:16px} .mcf{display:grid;gap:13px} .mcf label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);margin-bottom:6px} .mcf input{width:100%;background:#0C0C0F;border:1px solid var(--line);border-radius:10px;padding:12px 13px;color:var(--txt);font-size:13.5px;font-family:inherit;outline:none} .mcf input:focus{border-color:var(--amber)} .mcf input:disabled{color:var(--mut);cursor:not-allowed} .mcf .dica{font-size:11.5px;color:#6d6d78;margin-top:5px;line-height:1.55} .mcsalvar{background:var(--amber);color:#141418;border:0;border-radius:10px;padding:13px;font-weight:800;font-size:13px;cursor:pointer;font-family:inherit;margin-top:4px} .mcsalvar:disabled{opacity:.6;cursor:default} /* selo — faixa larga sob os dois quadros */ .mcselo{background:linear-gradient(140deg,#1b1712,#0e0e11);border:1px solid rgba(238,163,22,.3); border-radius:16px;padding:26px 30px;margin-top:20px; display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center} .mcselo .anel{width:112px;height:112px;border-radius:50%;border:2px dashed rgba(238,163,22,.45); display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--amber);text-align:center} .mcselo .anel.on{border-style:solid;background:radial-gradient(circle,rgba(238,163,22,.16),transparent 70%)} .mcselo .anel small{font-size:9px;letter-spacing:.13em;font-weight:800;opacity:.75;line-height:1.35} .mcselo .anel b{font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1.1} .mcselo .mcstxt{min-width:0} .mcselo h3{font-size:18px;font-weight:800;margin-bottom:6px;letter-spacing:-.01em} .mcselo p{font-size:13.5px;color:var(--mut);line-height:1.7;max-width:640px} .mcselo .etapas{display:flex;gap:7px;margin-top:16px;flex-wrap:wrap} .mcselo .et{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase; padding:6px 12px;border-radius:20px;border:1px solid var(--line);color:#55555f;white-space:nowrap} .mcselo .et.on{border-color:var(--amber);color:var(--amber);background:rgba(238,163,22,.08)} .mcselo .cta2{background:var(--amber);color:#141418;padding:13px 22px;border-radius:11px; font-weight:800;font-size:13px;text-decoration:none;white-space:nowrap} @media(max-width:860px){ .mcselo{grid-template-columns:1fr;text-align:center;gap:16px;padding:24px 20px} .mcselo .anel{margin:0 auto} .mcselo p{margin:0 auto} .mcselo .etapas{justify-content:center} .mcselo .cta2{justify-self:center} } /* pedidos */ .ped{border:1px solid var(--line);border-radius:13px;padding:15px 17px;margin-bottom:11px;background:#0e0e11} .ped:last-child{margin-bottom:0} .pedtop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px} .pedtop b{font-size:13.5px;letter-spacing:.03em;color:var(--amber)} .pedst{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:20px} .pedst.pago{background:rgba(46,160,88,.15);color:#3FBF6B;border:1px solid rgba(46,160,88,.35)} .pedst.aguard{background:rgba(238,163,22,.12);color:var(--amber);border:1px solid rgba(238,163,22,.32)} .pedst.falhou{background:rgba(224,108,108,.12);color:#E06C6C;border:1px solid rgba(224,108,108,.3)} .ped ul{list-style:none;font-size:12.5px;color:var(--mut);line-height:1.7} .ped .tot{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-size:14px;font-weight:800;display:flex;justify-content:space-between} .mcvazio{text-align:center;color:var(--mut);font-size:13.5px;line-height:1.75;padding:26px 10px} .mcvazio a{color:var(--amber);text-decoration:none;font-weight:700} /* porta de entrada */ .porta{max-width:440px;margin:60px auto 80px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:38px 30px} .porta h1{font-size:22px;font-weight:800;margin-bottom:10px} .porta p{color:var(--mut);font-size:13.5px;line-height:1.75;margin-bottom:22px} .porta button{width:100%;padding:14px;border-radius:11px;font-weight:800;font-size:13.5px;cursor:pointer;font-family:inherit;border:0;margin-bottom:10px} .porta .b1{background:var(--amber);color:#141418} .porta .b2{background:transparent;border:1px solid var(--line);color:var(--txt)} .porta small{display:block;color:#6d6d78;font-size:11.5px;line-height:1.6;margin-top:14px} @media(max-width:860px){.mcgrid{grid-template-columns:1fr}} /* ===== RASTREAR ===== */ .rast{max-width:640px;margin:34px auto 70px} .rast h1{font-size:24px;font-weight:800;letter-spacing:-.01em;margin-bottom:8px} .rast .sub{color:var(--mut);font-size:14px;line-height:1.7;margin-bottom:24px} .rastf{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;display:grid;gap:13px} .rastf label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);margin-bottom:6px} .rastf input{width:100%;background:#0C0C0F;border:1px solid var(--line);border-radius:10px;padding:13px;color:var(--txt);font-size:14px;font-family:inherit;outline:none} .rastf input:focus{border-color:var(--amber)} .rastf input.erro{border-color:#E06C6C} .rastf button{background:var(--amber);color:#141418;border:0;border-radius:11px;padding:14px;font-weight:800;font-size:13.5px;cursor:pointer;font-family:inherit} .rastf button:disabled{opacity:.6;cursor:default} .rastf .aj{font-size:11.5px;color:#6d6d78;line-height:1.6} .rastres{margin-top:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px} .rastres .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px} .rastres .top b{font-size:15px;color:var(--amber);letter-spacing:.03em} .rastres .top span{font-size:12.5px;color:var(--mut)} .trilha{display:flex;gap:0;margin:6px 0 18px} .trilha .p{flex:1;text-align:center;position:relative;padding-top:26px} .trilha .p::before{content:"";position:absolute;top:7px;left:50%;width:100%;height:2px;background:var(--line)} .trilha .p:last-child::before{display:none} .trilha .p i{position:absolute;top:0;left:50%;transform:translateX(-50%);width:15px;height:15px;border-radius:50%;background:#0C0C0F;border:2px solid var(--line);z-index:1} .trilha .p.on i{border-color:var(--amber);background:var(--amber)} .trilha .p.on::before{background:var(--amber)} .trilha .p b{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#55555f} .trilha .p.on b{color:var(--amber)} .rastres ul{list-style:none;font-size:13px;color:var(--mut);line-height:1.8} .rastres .tt{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-weight:800;font-size:15px} .rastcod{margin-top:16px;background:#0e0e11;border:1px solid var(--line);border-radius:11px;padding:14px 16px} .rastcod small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-bottom:5px} .rastcod b{font-family:ui-monospace,Menlo,monospace;font-size:15px;color:#e8e8ee;letter-spacing:.06em} .rastcod a{display:inline-block;margin-top:9px;color:var(--amber);font-size:12.5px;font-weight:700;text-decoration:none} .rasterro{margin-top:18px;background:rgba(224,108,108,.08);border:1px solid rgba(224,108,108,.3);color:#E9A0A0;border-radius:12px;padding:14px 16px;font-size:13.5px;line-height:1.65} /* ===== RASTREAR ===== */ .rast{max-width:640px;margin:34px auto 70px} .rast h1{font-size:24px;font-weight:800;letter-spacing:-.01em;margin-bottom:8px} .rast .sub{color:var(--mut);font-size:14px;line-height:1.7;margin-bottom:24px} .rastf{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;display:grid;gap:13px} .rastf label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);margin-bottom:6px} .rastf input{width:100%;background:#0C0C0F;border:1px solid var(--line);border-radius:10px;padding:13px;color:var(--txt);font-size:14px;font-family:inherit;outline:none} .rastf input:focus{border-color:var(--amber)} .rastf input.erro{border-color:#E06C6C} .rastf button{background:var(--amber);color:#141418;border:0;border-radius:11px;padding:14px;font-weight:800;font-size:13.5px;cursor:pointer;font-family:inherit} .rastf button:disabled{opacity:.6;cursor:default} .rastf .aj{font-size:11.5px;color:#6d6d78;line-height:1.6} .rastres{margin-top:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px} .rastres .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px} .rastres .top b{font-size:15px;color:var(--amber);letter-spacing:.03em} .rastres .top span{font-size:12.5px;color:var(--mut)} .trilha{display:flex;gap:0;margin:6px 0 18px} .trilha .p{flex:1;text-align:center;position:relative;padding-top:26px} .trilha .p::before{content:"";position:absolute;top:7px;left:50%;width:100%;height:2px;background:var(--line)} .trilha .p:last-child::before{display:none} .trilha .p i{position:absolute;top:0;left:50%;transform:translateX(-50%);width:15px;height:15px;border-radius:50%;background:#0C0C0F;border:2px solid var(--line);z-index:1} .trilha .p.on i{border-color:var(--amber);background:var(--amber)} .trilha .p.on::before{background:var(--amber)} .trilha .p b{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#55555f} .trilha .p.on b{color:var(--amber)} .rastres ul{list-style:none;font-size:13px;color:var(--mut);line-height:1.8} .rastres .tt{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-weight:800;font-size:15px} .rastcod{margin-top:16px;background:#0e0e11;border:1px solid var(--line);border-radius:11px;padding:14px 16px} .rastcod small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-bottom:5px} .rastcod b{font-family:ui-monospace,Menlo,monospace;font-size:15px;color:#e8e8ee;letter-spacing:.06em} .rastcod a{display:inline-block;margin-top:9px;color:var(--amber);font-size:12.5px;font-weight:700;text-decoration:none} .rasterro{margin-top:18px;background:rgba(224,108,108,.08);border:1px solid rgba(224,108,108,.3);color:#E9A0A0;border-radius:12px;padding:14px 16px;font-size:13.5px;line-height:1.65} /* ===== PAINEL ===== */ .adm{max-width:820px;margin:30px auto 70px} .adm h1{font-size:24px;font-weight:800;letter-spacing:-.01em;margin-bottom:6px} .adm .sub{color:var(--mut);font-size:14px;line-height:1.7;margin-bottom:24px} .admbox{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px 26px;margin-bottom:18px} .admbox h2{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--amber);margin-bottom:14px} .admbox p{font-size:13.5px;color:var(--mut);line-height:1.75;margin-bottom:14px} .drop{border:2px dashed var(--line);border-radius:14px;padding:32px 20px;text-align:center;cursor:pointer;transition:.15s;background:#0e0e11} .drop:hover,.drop.sobre{border-color:var(--amber);background:rgba(238,163,22,.05)} .drop svg{width:34px;height:34px;fill:#3a3a45;margin-bottom:10px} .drop b{display:block;font-size:14.5px;margin-bottom:4px} .drop span{font-size:12.5px;color:var(--mut)} .drop input{display:none} .admbt{width:100%;background:var(--amber);color:#141418;border:0;border-radius:11px;padding:14px;font-weight:800;font-size:13.5px;cursor:pointer;font-family:inherit;margin-top:14px} .admbt:disabled{opacity:.5;cursor:default} .admres{margin-top:16px} .admk{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:14px} .admk div{background:#0e0e11;border:1px solid var(--line);border-radius:11px;padding:13px} .admk b{display:block;font-size:21px;font-weight:800;color:var(--amber);letter-spacing:-.01em} .admk span{font-size:11px;color:var(--mut)} .admtab{width:100%;border-collapse:collapse;font-size:12.5px} .admtab th{text-align:left;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--mut);padding:8px 6px;border-bottom:1px solid var(--line)} .admtab td{padding:8px 6px;border-bottom:1px solid #1a1a1e;color:#dcdce4} .admtab .sobe{color:#3FBF6B;font-weight:700} .admtab .desce{color:#E06C6C;font-weight:700} .admerro{background:rgba(224,108,108,.08);border:1px solid rgba(224,108,108,.3);color:#E9A0A0;border-radius:12px;padding:14px 16px;font-size:13.5px;line-height:1.65} .admok{background:rgba(46,160,88,.09);border:1px solid rgba(46,160,88,.3);color:#8FD3A6;border-radius:12px;padding:13px 16px;font-size:13.5px;margin-bottom:14px} .admnao{max-width:460px;margin:70px auto;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:34px 28px} .admnao b{display:block;font-size:17px;margin-bottom:8px} .admnao p{font-size:13.5px;color:var(--mut);line-height:1.7} /* checkout: saída humana, sem virar "forma de pagamento" */ .pagajuda{margin-top:14px;padding:12px 14px;border:1px dashed #2E2E36;border-radius:10px; color:#8A8A96;font-size:12.5px;line-height:1.65} .pagajuda a{color:var(--amber);font-weight:600} /* ================= AJUSTE DE ALTURA NO CELULAR ================= No celular a página inteira ficou longa demais: o cabeçalho fixo comia 22% da tela o tempo todo, os 7 kits empilhados davam 2,4 telas e o rodapé sozinho, 1,6 tela. Nada aqui muda o desktop. */ /* 1. Cabeçalho que encolhe ao descer e volta ao subir. Enquanto o dedo desce, some a barra âmbar e a navegação — sobram logo, busca e carrinho. Subiu um pouco, o menu volta. Ganho: ~76px de tela em toda rolagem. */ @media(max-width:640px){ header{transition:transform .2s ease} header .topbar,header nav{transition:max-height .22s ease,opacity .18s ease} header.enxuto .topbar,header.enxuto nav{max-height:0;opacity:0;overflow:hidden;pointer-events:none} html{scroll-padding-top:120px} } /* 2. Kits viram carrossel, igual à vitrine de categorias logo acima. Empilhado eram 2.013px; deslizando, 430px. */ @media(max-width:640px){ .kitgrid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory; scrollbar-width:none;padding-bottom:6px;margin-right:-18px} .kitgrid::-webkit-scrollbar{display:none} .kitgrid .kit{min-width:84vw;scroll-snap-align:start} .kitgrid .kit ul{min-height:0} } /* 3. Rodapé: Institucional e Ajuda lado a lado. Marca e Atendimento continuam inteiros porque são endereço, horário e telefone — o que o cliente vem buscar. */ @media(max-width:560px){ .ftop{grid-template-columns:1fr 1fr;gap:26px 16px;padding:32px 0 26px} .ftop>.fcol:first-child,.ftop>.fcol:last-child{grid-column:1/-1} .fcol a,.fcol p{font-size:12.5px;padding:4px 0} .fbrand p{font-size:12.5px;line-height:1.7} footer{padding:24px 0 34px;margin-top:36px} .fbot{padding:16px 0 26px} } /* 4. Atendimento e faixa legal um pouco mais apertados no celular. */ @media(max-width:560px){ .fcol .lin{padding:4px 0} .fcol .lin span,.fcol .lin a{font-size:12.5px;line-height:1.55} .fbot{gap:10px} .fbot p{font-size:11px;line-height:1.6} .news{padding:22px 0} } /* 5. Mega menu de categorias no celular. Estava com position:static dentro da