/* Inter (variável, hospedada no próprio site) — evita cair em Arial quando a fonte não está instalada no aparelho. */ @font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} :root{--blue:#087bff;--navy:#071421;--ink:#111827;--muted:#667085;--line:#dfe6ef;--soft:#f4f7fb;--green:#159a63;--red:#ef3340;--shadow:0 16px 44px #07142118}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px/1.45 Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:calc(100% - 24px);max-width:1780px;margin:auto;padding-left:12px;padding-right:12px}.bar{height:9px;background:#2c2c2c}.head{height:88px;display:grid;grid-template-columns:245px 1fr auto;gap:28px;align-items:center}.logo,.adminLogo{display:flex;align-items:center;gap:9px;border:0;background:none;color:var(--navy);font-weight:900;font-size:25px;text-align:left}.logo img,.adminLogo img{width:65px;height:58px;object-fit:cover;object-position:top;border-radius:8px}.logo b,.adminLogo b,footer b{color:var(--blue)}.logo small,.adminLogo small{display:block;font-size:9px;letter-spacing:.22em}#search,.fieldButton{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--soft)}#search input,.fieldButton input{width:100%;border:0;background:transparent;padding:14px;outline:0}#search button{width:60px;border:0;background:var(--blue);color:#fff;font-size:20px}.quick{display:flex;gap:20px}.quick button{display:flex;gap:8px;border:0;background:none;text-align:left;font-size:23px}.quick span{display:grid;font-size:13px}.quick small{color:var(--muted)}.quick i{font-style:normal;background:var(--blue);color:#fff;border-radius:20px;padding:2px 6px}.nav{height:52px;display:flex;align-items:center;gap:29px;border-top:1px solid #f0f2f5}.nav button{border:0;background:none;padding:17px 0;font-weight:800}.nav .active{color:var(--blue);border-bottom:3px solid var(--blue)}.nav .red{color:var(--red)}.nav span{margin-left:auto;color:var(--muted);font-size:13px}.page{display:none}.page.active{display:block}.hero{background:#061525 url('hero.png') center/cover;color:#fff}.hero>.wrap{min-height:410px;display:flex;align-items:center}.heroCopy{width:49%}.heroCopy>p{color:#269cff;letter-spacing:.27em;font-size:13px;font-weight:900}.hero h1{font-size:54px;line-height:.96;letter-spacing:-.045em;margin:14px 0}.hero em{font-style:normal;color:var(--blue)}.heroCopy>span{display:block;max-width:500px;font-size:17px}.heroCopy>div{display:flex;gap:12px;margin-top:25px}.btn{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:12px 18px;font-weight:850}.btn:hover{background:#006ce0}.btn.ghost{border:1px solid var(--blue);background:#071421aa}.btn.secondary{background:#e8edf3;color:var(--ink)}.btn.full{width:100%}.pad{padding-top:30px;padding-bottom:48px}.title{display:flex;justify-content:space-between;align-items:end;margin:22px 0 15px}.title h2{margin:0;font-size:25px}.title p{margin:2px 0;color:var(--muted)}.title button,.order button{border:0;background:none;color:var(--blue);font-weight:800}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category{border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px;text-align:center}.category:hover{border-color:var(--blue);box-shadow:var(--shadow)}.category img{width:100%;height:90px;object-fit:contain}.category b,.category small{display:block}.category small{color:var(--muted)}.products{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.product{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;position:relative;transition:.2s}.product:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.photo{width:100%;height:185px;border:0;border-radius:9px;background:var(--soft);overflow:hidden}.photo img,.mainImg img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.badge{position:absolute;top:20px;left:20px;background:var(--blue);color:#fff;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:800}.heart{position:absolute;right:18px;top:18px;width:34px;height:34px;border:0;border-radius:50%;background:#fff;font-size:20px;z-index:2}.heart.on{color:var(--red)}.product h3{font-size:15px;margin:12px 0 2px}.product p{margin:0;color:var(--muted);font-size:13px}.stars{color:#ffac00;margin:7px 0}.stars span{color:var(--muted)}.price{font-size:21px;color:#073f7e;font-weight:900}.product>.btn{width:100%;margin-top:9px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);background:var(--soft);border-radius:12px;margin-top:32px}.benefits div{padding:18px;text-align:center;border-right:1px solid var(--line)}.benefits b,.benefits small{display:block}.benefits small{color:var(--muted)}.crumb{color:var(--muted);font-size:13px}.catalogTop{display:flex;justify-content:space-between;align-items:center}.catalogTop h1{margin-bottom:0}.catalogTop p{margin-top:2px;color:var(--muted)}.catalogTop select{padding:11px;border:1px solid var(--line);border-radius:8px}.catalogLayout{display:grid;grid-template-columns:220px 1fr;gap:24px}.catalogLayout>aside,.box{border:1px solid var(--line);border-radius:12px;padding:20px;height:max-content;background:#fff}.catalogLayout aside label,.catalogLayout aside b{display:block;margin:10px 0}.catalogLayout aside hr{border:0;border-top:1px solid var(--line);margin:20px 0}.catalogLayout aside input[type=range],.catalogLayout aside .btn{width:100%}.catalogProducts{grid-template-columns:repeat(4,1fr)}.detail{display:grid;grid-template-columns:1.2fr 1fr;gap:44px}.gallery{display:grid;grid-template-columns:72px 1fr;gap:13px}.gallery>div:first-child button{width:70px;height:70px;border:1px solid var(--line);border-radius:8px;background:#fff;margin-bottom:9px}.gallery button img{width:100%;height:100%;object-fit:contain}.mainImg{height:465px;background:var(--soft);border-radius:14px;padding:20px}.info>div:first-child{display:flex;justify-content:space-between}.info .badge{position:static}.green{color:var(--green)}.info h1{font-size:29px;margin:15px 0 3px}.info>p{color:var(--muted)}.info>strong{display:block;color:#0758ba;font-size:36px}.swatches{display:flex;gap:8px}.swatches button{width:31px;height:31px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #cdd5df}.swatches button.active{box-shadow:0 0 0 2px var(--blue)}.qty{display:inline-flex;border:1px solid var(--line);border-radius:8px}.qty button,.qty span{border:0;background:#fff;padding:9px 14px}.buy{width:100%;font-size:17px;padding:15px;margin-top:20px}.trust{display:flex!important;justify-content:space-between;margin-top:15px;font-size:12px;color:var(--muted)}.tabs{margin-top:35px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:none;padding:13px 19px;font-weight:800}.tabs .active{color:var(--blue);border-bottom:2px solid var(--blue)}.description{max-width:820px}.steps{display:flex;align-items:center;justify-content:center;margin-bottom:55px}.steps b{width:34px;height:34px;background:var(--blue);color:#fff;border-radius:50%;display:grid;place-items:center;position:relative}.steps b span{position:absolute;top:38px;color:var(--muted);font-size:11px}.steps i{width:150px;height:1px;background:var(--line)}.checkout{display:grid;grid-template-columns:1.5fr .8fr;gap:22px}.checkout .box+ .box{margin-top:18px}.cartRow{display:grid;grid-template-columns:80px 1fr auto auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.cartRow img{width:75px;height:75px;object-fit:contain}.cartRow p{margin:3px 0;color:var(--muted)}.remove{border:0;background:none;color:var(--red)}.empty{text-align:center;padding:50px}.summary{position:sticky;top:155px}.summary p{display:flex;justify-content:space-between}.summary .grand{border-top:1px solid var(--line);padding-top:14px;font-size:21px}.summary .btn{width:100%}.brands{color:var(--muted);font-size:12px;text-align:center;margin-top:18px}.fieldButton .btn{border-radius:0}.shipOption{display:flex;justify-content:space-between;border:1px solid var(--line);padding:12px;border-radius:8px;margin-top:9px}.narrow{max-width:850px}.formBox label,dialog label{display:block;font-weight:700;margin:12px 0}.formBox input,.formBox select,.formBox textarea,dialog input,dialog select,dialog textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;margin-top:5px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.notice{background:#fff6e5;border:1px solid #ffd486;color:#805900;padding:12px;border-radius:8px}.pay{border:1px solid var(--blue);padding:13px;border-radius:8px}.pay input{width:auto}.pay small{display:block;color:var(--muted);margin-left:22px}.auth{min-height:680px;display:grid;grid-template-columns:1.2fr .8fr}.authArt{position:relative;background:var(--navy);overflow:hidden}.authArt>img{width:100%;height:100%;object-fit:cover;opacity:.6}.authArt>div{position:absolute;left:9%;bottom:10%;color:#fff}.authArt h2{font-size:40px}.authCard{padding:55px 12%;align-self:center}.authTabs{display:flex;border-bottom:1px solid var(--line);margin:35px 0 20px}.authTabs button{width:50%;border:0;background:none;padding:12px;font-weight:800}.authTabs .active{color:var(--blue);border-bottom:2px solid var(--blue)}.authCard label{display:block;font-weight:700;margin:14px 0}.authCard input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;margin-top:5px}.demo{background:var(--soft);padding:12px;border-radius:8px;margin-top:18px;font-size:12px}.demo>*{display:block}.account{display:grid;grid-template-columns:250px 1fr;gap:30px}.profile{text-align:center;border:1px solid var(--line);border-radius:12px;padding:20px;height:max-content}.profile>div{width:65px;height:65px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;margin:auto;font-weight:900}.profile>button{display:block;width:100%;border:0;background:none;text-align:left;padding:11px}.profile>button.active{background:#eaf4ff;color:var(--blue)}.order{border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:15px}.status{padding:5px 9px;border-radius:20px;font-size:12px;margin-left:12px}.status.ok{background:#e7f8f0;color:#087a4c}.status.sent{background:#eaf4ff;color:#0758ba}.admin.active{display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:#f2f5f9}.adminSide{background:var(--navy);color:#fff;padding:24px 16px;display:flex;flex-direction:column}.adminLogo{color:#fff;font-size:20px}.adminLogo img{width:52px;height:48px}.adminSide nav{margin-top:42px}.adminSide nav button,.adminSide>button:last-child{display:block;width:100%;border:0;background:none;color:#aebdca;text-align:left;padding:13px;border-radius:8px}.adminSide nav button.active{background:var(--blue);color:#fff}.adminSide>button:last-child{margin-top:auto}.adminMain{padding:0 28px 40px}.adminMain>header{height:90px;display:flex;justify-content:space-between;align-items:center}.adminMain h1{margin:0}.adminMain header p{margin:2px 0;color:var(--muted)}.adminUser{display:flex;gap:10px;background:#fff;padding:9px;border-radius:8px}.adminUser span{display:grid}.adminSection{display:none}.adminSection.active{display:block}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metrics>div,.adminCard,.typeCard{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics b{font-size:24px;display:block;margin:6px 0}.metrics small{color:var(--green)}.adminGrid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px;margin-top:15px}.chart{height:220px;display:flex;align-items:end;gap:18px;border-bottom:1px solid var(--line);padding:18px}.chart i{flex:1;background:linear-gradient(var(--blue),#81bfff);border-radius:5px 5px 0 0}.recentRow{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.toolbar>input{width:300px;padding:11px;border:1px solid var(--line);border-radius:8px}.table{overflow:auto;padding:0}.table table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid var(--line);white-space:nowrap}.table th{background:#f9fafb;color:var(--muted);font-size:12px}.tableProduct{display:flex;align-items:center;gap:9px}.tableProduct img{width:48px;height:48px;object-fit:contain}.tableProduct span{display:grid}.icon{border:0;background:none}.typeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.typeCard span{display:block;color:var(--muted);margin:7px 0}.integration{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:14px;margin:10px 0}.integration span{color:#946200}dialog{border:0;border-radius:14px;box-shadow:0 30px 90px #0005;width:min(680px,92vw)}dialog::backdrop{background:#07142199}dialog form{padding:10px}.modalHead,.modalActions{display:flex;justify-content:space-between}.modalHead button{border:0;background:none;font-size:25px}.modalActions{justify-content:flex-end;gap:9px;margin-top:18px}.toast{position:fixed;right:22px;bottom:22px;background:var(--navy);color:#fff;padding:13px 20px;border-radius:9px;transform:translateY(90px);opacity:0;transition:.25s;z-index:99}.toast.show{transform:none;opacity:1}footer{background:var(--navy);color:#c8d2dc;padding:35px 0}.foot{display:grid;grid-template-columns:1.4fr .7fr 1fr 1.3fr;gap:30px}.foot button{display:block;border:0;background:none;color:#c8d2dc;padding:4px 0}@media(max-width:1300px){.products{grid-template-columns:repeat(4,1fr)}.catalogProducts{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.head{grid-template-columns:1fr auto;height:auto;padding-top:12px;padding-bottom:12px}#search{grid-column:1/-1;grid-row:2}.quick button:first-child,.nav>span{display:none}.nav{overflow:auto}.heroCopy{width:72%}.categories{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}.catalogLayout,.detail,.checkout,.account{grid-template-columns:1fr}.catalogLayout>aside{display:none}.auth{grid-template-columns:1fr}.authArt{display:none}.admin.active{grid-template-columns:75px 1fr}.adminSide span,.adminSide nav button,.adminSide>button:last-child{font-size:0}.adminSide nav button::first-letter{font-size:18px}.adminMain{padding:0 14px}.metrics{grid-template-columns:repeat(2,1fr)}.adminGrid{grid-template-columns:1fr}.foot{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.wrap{padding-left:14px;padding-right:14px}.logo img{width:48px;height:45px}.logo span{font-size:18px}.quick{gap:4px}.quick button{font-size:18px}.quick span{font-size:11px}.quick small{display:none}.hero>.wrap{min-height:500px;align-items:end;padding-bottom:30px}.heroCopy{width:100%}.hero h1{font-size:38px}.heroCopy>div{flex-direction:column}.products{gap:8px}.product{padding:8px}.photo{height:135px}.product h3{font-size:13px}.benefits{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr}.gallery>div:first-child{display:none}.mainImg{height:330px}.trust{flex-direction:column}.steps i{width:45px}.cartRow{grid-template-columns:60px 1fr auto}.cartRow img{width:55px}.cartRow .remove{grid-column:3}.formGrid{grid-template-columns:1fr}.metrics,.typeGrid{grid-template-columns:1fr}.foot{grid-template-columns:1fr}} a.photo{display:block;text-decoration:none;color:inherit}.productBody h3 a{color:inherit;text-decoration:none}.productBody h3 a:hover{color:var(--blue)} /* Ajustes de fidelidade visual às quatro telas do mockup */ .wrap{width:calc(100% - 64px);max-width:1720px;padding-left:0;padding-right:0} .head{grid-template-columns:270px minmax(360px,1fr) 455px;gap:24px;height:96px} .logo{font-size:27px}.logo img{width:70px;height:64px} #search{height:48px;background:#f8fafc} .quick{height:52px;gap:0;justify-content:flex-end} .quick button{align-items:center;padding:0 18px;border-left:1px solid #e7ebf0;min-width:135px} .quick button:first-child{border-left:0} .quick button>span{font-size:13px;line-height:1.25} .nav{height:56px;gap:37px}.nav button{height:56px;padding:0 2px}.nav>span{border-left:3px solid #1488ff;padding-left:20px} .hero>.wrap{min-height:472px}.heroCopy{padding-left:0}.hero h1{font-size:58px}.heroCopy>span{line-height:1.5} .pad{padding-top:24px}.title{margin:18px 0 13px} .categories{grid-template-columns:repeat(7,minmax(118px,1fr))} .category{height:auto;min-height:188px;max-width:160px;justify-self:center} .category img{height:100%;margin-bottom:0} #featured{grid-template-columns:repeat(5,minmax(170px,210px));justify-content:start} #arts{grid-template-columns:repeat(6,minmax(170px,210px));justify-content:start} .products{align-items:start} .product{padding:0;overflow:hidden;display:flex;flex-direction:column;min-width:0;height:100%;background:#fff} .product .photo{height:156px;margin:0;border-radius:13px 13px 0 0;background:#f5f8fb;padding:0} .product .photo img{display:block;max-width:100%;max-height:100%;object-fit: cover} .productBody{padding:10px 13px 13px;display:flex;flex-direction:column;flex:1;min-width:0} .product h3{height:42px;margin:3px 0 1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35} .product p{height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .product .stars{height:22px;white-space:nowrap;overflow:hidden} .product .priceLine{height:31px;display:flex;align-items:center;gap:7px} .product .price{white-space:nowrap} .product .btn{margin-top:auto;min-height:40px} .product .badge{top:11px;left:11px;z-index:3}.product .badge.offer{background:#f04438} .product .heart{top:10px;right:10px} .colorDots{height:12px;display:flex;gap:5px;margin-bottom:2px} .colorDots i{width:10px;height:10px;border-radius:50%;background:#087bff}.colorDots i:nth-child(2){background:#17191d}.colorDots i:nth-child(3){background:#eef1f4;border:1px solid #ccd2d9}.colorDots i:nth-child(4){background:#18a86b}.colorDots i:nth-child(5){background:#ef3340} .oldPrice{font-size:12px;color:#98a2b3;text-decoration:line-through} .benefits{margin-top:22px} .catalogLayout{grid-template-columns:245px 1fr}.catalogProducts{grid-template-columns:repeat(4,minmax(0,1fr))} .catalogProducts .product .photo{height:156px} .detail{grid-template-columns:minmax(520px,1.12fr) minmax(420px,.88fr);gap:38px} .mainImg{height:520px}.checkout{grid-template-columns:minmax(0,1.55fr) minmax(340px,.65fr)} @media(max-width:1450px){.wrap{width:calc(100% - 40px)}.head{grid-template-columns:235px minmax(300px,1fr) 410px}.quick button{min-width:120px;padding:0 12px}.categories{grid-template-columns:repeat(6,1fr)}#arts{grid-template-columns:repeat(5,minmax(170px,210px))}.nav{gap:28px}} @media(max-width:1150px){.head{grid-template-columns:210px 1fr auto}.quick button{min-width:auto}.quick button span small{display:none}#featured,#arts{grid-template-columns:repeat(4,minmax(170px,210px))}.catalogProducts{grid-template-columns:repeat(3,1fr)}} @media(max-width:900px){.wrap{width:calc(100% - 28px)}.head{grid-template-columns:1fr auto}.categories{grid-template-columns:repeat(3,1fr)}#featured,#arts,.catalogProducts{grid-template-columns:repeat(2,1fr)}.product .photo{height:170px}.detail,.checkout{grid-template-columns:1fr}} @media(max-width:560px){.wrap{width:calc(100% - 20px)}.categories{grid-template-columns:repeat(2,1fr)}.category{height:auto;min-height:176px;max-width:160px}.product .photo{height:132px}.productBody{padding:8px}.product h3{height:38px}.nav{gap:22px}} .logo img,.adminLogo img{display:none} .logo:before,.adminLogo:before{content:"";flex:0 0 72px;width:72px;height:65px;background:url("logo.png") center top/118px auto no-repeat} .adminLogo:before{flex-basis:54px;width:54px;height:50px;background-size:92px} .hero{background-color:#061525;background-size:auto 100%;background-repeat:no-repeat;background-position:right center} .hero>.wrap{min-height:410px} .hero h1{font-size:52px} #catalog{background:#fff} #catalog .pad{padding-top:32px} #catalog .crumb{margin-bottom:38px} #catalog .catalogTop{margin-bottom:18px} #catalog .catalogTop h1{font-size:30px;line-height:1.15} #catalog .catalogLayout{grid-template-columns:245px minmax(0,1fr);gap:24px;align-items:start} #catalog .catalogLayout>aside{padding:24px 20px;border-radius:11px} #catalog .catalogLayout>aside h3{font-size:16px;margin:0 0 14px} #catalog .catalogLayout>aside label{margin:11px 0;color:#344054} #catalog .catalogLayout>aside hr{margin:20px 0} #catalog .catalogProducts{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} #catalog .catalogProducts .product{height:430px;align-self:start} #catalog .catalogProducts .photo{height:180px;flex:0 0 180px;background:#f3f6f9} #catalog .catalogProducts .productBody{padding:10px 13px 13px} #catalog .catalogProducts .product h3{height:42px;font-size:15px} #catalog .catalogProducts .product .btn{height:46px;font-size:15px} #catalog .catalogProducts .price{font-size:23px} #catalog .catalogProducts .badge{top:12px;left:12px} .filter-color{display:inline-block;width:13px;height:13px;border-radius:50%;vertical-align:-2px;margin-right:7px} @media(max-width:1450px){#catalog .catalogProducts{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1050px){#catalog .catalogProducts{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{background-size:auto 100%;background-position:65% center}} @media(max-width:650px){.logo:before{flex-basis:52px;width:52px;height:47px;background-size:86px}.hero{background-size:auto 100%;background-position:58% center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061525 20%,transparent)}.hero{position:relative}.hero>.wrap{position:relative;z-index:1;min-height:430px}#catalog .catalogProducts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#catalog .catalogProducts .product{height:365px}#catalog .catalogProducts .photo{height:132px;flex-basis:132px}} #product{background:#fff} #product .pad{max-width:1500px;padding-top:22px} #product .crumb{padding:0 0 18px;margin:0 0 22px;border-bottom:1px solid #e8edf3} #product .detail{grid-template-columns:minmax(520px,1.04fr) minmax(460px,.96fr);gap:54px;align-items:start} #product .gallery{grid-template-columns:84px minmax(0,1fr);gap:18px;position:relative} #product .gallery>div:first-child button{width:80px;height:80px;border-radius:10px;margin-bottom:12px;padding:6px;transition:.2s} #product .gallery>div:first-child button:first-child{border:2px solid #087bff} #product .gallery>div:first-child button:hover{border-color:#087bff;transform:translateY(-2px)} #product .gallery>div:first-child button:nth-child(2) img{filter:grayscale(1) brightness(.55)} #product .gallery>div:first-child button:nth-child(3) img{filter:grayscale(1) brightness(1.55)} #product .mainImg{height:510px;background:linear-gradient(145deg,#fff,#f6f8fb);border:1px solid #eef1f5;border-radius:16px;padding:28px} #product .mainImg img{filter:drop-shadow(0 22px 18px #07142125)} #product .product-favorite{position:absolute;right:18px;top:8px;width:43px;height:43px;border:0;background:#fff;border-radius:50%;box-shadow:0 4px 14px #07142118;font-size:25px;z-index:2} #product .info{padding:4px 0} #product .info>div:first-child{justify-content:flex-start;gap:10px;align-items:center} #product .info .badge{font-size:12px;padding:6px 12px} #product .free-ship{display:inline-flex;align-items:center;background:#e9f8ef;color:#11824f;border-radius:20px;padding:6px 11px;font-size:12px;font-weight:800} #product .info h1{font-size:32px;line-height:1.15;margin:14px 0 2px} #product .info>p{font-size:17px;margin:0 0 4px} #product .stars{font-size:17px;margin:8px 0} #product .info>strong{font-size:42px;line-height:1.05;margin-top:10px} #product .info>small{font-size:13px;color:#667085} .brand-sku{display:flex;justify-content:space-between;margin:20px 0 16px;color:#667085;font-size:13px} .brand-sku b{color:#344054} #product .info h4{margin:15px 0 8px} #product .swatches{gap:10px} #product .swatches button{width:34px;height:34px} .diameter-options{display:flex;gap:10px;margin:8px 0 18px} .diameter-options button{padding:9px 17px;border:1px solid #d7dee8;border-radius:8px;background:#fff;color:#667085;font-weight:750} .diameter-options button.active{border:2px solid #087bff;color:#087bff;background:#eef6ff} .qty-stock-row{display:flex;align-items:center;gap:18px} .qty-stock-row .green{font-weight:750;font-size:13px} #product .qty button,#product .qty span{min-width:40px;text-align:center;padding:10px 13px} #product .buy{height:58px;font-size:18px;margin-top:18px;box-shadow:0 8px 18px #087bff30} .product-benefit-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 24px} .product-benefit-strip div{display:flex;align-items:center;justify-content:center;gap:10px;min-height:66px;border:1px solid #dbeafe;border-radius:10px;background:linear-gradient(135deg,#eaf3ff,#f6fafe);color:#3a5a7a;font-size:13px} .product-benefit-strip b{display:block;color:#344054} #product .trust{display:none!important} #product .tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:0;border:1px solid #e1e7ef;border-radius:8px 8px 0 0;overflow:hidden} #product .tabs button{min-height:55px;border-right:1px solid #e1e7ef;background:#fff} #product .tabs button:last-child{border-right:0} #product .tabs button.active{background:#f8fbff;box-shadow:inset 0 -3px #087bff} #product .description{max-width:none;min-height:260px;border:1px solid #e1e7ef;border-top:0;border-radius:0 0 10px 10px;padding:26px 30px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);gap:30px;position:relative;overflow:hidden} #product .description h2{margin:0 0 10px;font-size:20px} #product .description p{margin:0;color:#475467;line-height:1.65} #product .description ul{columns:2;padding-left:20px;color:#344054} #product .description li{margin:8px 0} .description-art{min-height:220px;position:relative;border-radius:12px;overflow:hidden;background:#061525} .description-art img{width:100%;height:100%;object-fit:cover;object-position:75% center} .description-art:after{content:"Imprima sua criatividade em realidade.";position:absolute;left:20px;bottom:18px;width:170px;color:#fff;font-size:20px;font-style:italic;font-weight:800;line-height:1.15;text-shadow:0 2px 8px #000} .tab-panel[hidden]{display:none} .spec-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e1e7ef;border-radius:9px;overflow:hidden} .spec-grid>div{display:flex;justify-content:space-between;gap:16px;padding:13px 15px;border-bottom:1px solid #e1e7ef}.spec-grid>div:nth-child(odd){border-right:1px solid #e1e7ef}.spec-grid span{color:#667085}.spec-grid b{text-align:right} .review-summary{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center}.review-summary>div:first-child{display:grid;text-align:center}.review-summary strong{font-size:46px;color:#101828}.review-summary>div:first-child span,.reviews article>span{color:#ffad00}.review-summary small,.reviews small{color:#667085} .rating-bars p{display:grid!important;grid-template-columns:80px 1fr 40px;gap:10px;align-items:center;margin:7px 0!important}.rating-bars i{height:8px;background:#edf1f5;border-radius:8px;overflow:hidden}.rating-bars em{display:block;height:100%;background:#ffad00} .reviews{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.reviews article{border:1px solid #e1e7ef;border-radius:9px;padding:15px}.reviews article>*{display:block}.reviews p{margin-top:10px!important} .questions details{border-bottom:1px solid #e1e7ef;padding:14px 0}.questions summary{font-weight:800;cursor:pointer}.questions p{padding-top:8px}.ask-button{margin-top:18px;border:1px solid #087bff;background:#fff;color:#087bff;border-radius:8px;padding:10px 16px;font-weight:800} @media(max-width:1050px){#product .detail{grid-template-columns:1fr;gap:30px}.brand-sku{max-width:600px}.product-benefit-strip{margin-top:20px}} @media(max-width:650px){#product .pad{padding-top:14px}#product .gallery{grid-template-columns:1fr}#product .gallery>div:first-child{display:none}#product .mainImg{height:350px}#product .info h1{font-size:26px}#product .info>strong{font-size:36px}.product-benefit-strip{grid-template-columns:1fr}.product-benefit-strip div{min-height:52px;justify-content:flex-start;padding:0 16px}#product .tabs{grid-template-columns:1fr 1fr}#product .tabs button{border-bottom:1px solid #e1e7ef}#product .description{grid-template-columns:1fr;padding:20px}.description-art{min-height:190px}#product .description ul{columns:1}} #variantSelect{width:100%;max-width:360px;padding:12px 14px;border:1px solid #d7e1ee;border-radius:10px;background:#fff;color:#132238;font:inherit} #variantSelect:focus-visible{outline:3px solid #80b8ff;outline-offset:2px} #product .diameter-options[hidden],#product h4[hidden]{display:none!important} .resetDialog{border:0;border-radius:16px;box-shadow:0 20px 80px #13223855;padding:28px;width:min(430px,calc(100vw - 24px))}.resetDialog::backdrop{background:#0d1b31aa}.resetDialog form,.resetDialog label{display:grid;gap:14px}.resetDialog input{padding:12px;border:1px solid #cbd8e8;border-radius:9px;font:inherit}.resetError{color:#b42332;min-height:1.2em} .adminExtHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 24px}.adminExtHeader h2{margin:0;font-size:1.5rem}.adminExtHeader p{margin:4px 0 0;color:var(--d-muted,#718099)}.adminAction{border:1px solid var(--d-border,#cbd8e8);background:var(--d-card,#fff);border-radius:9px;padding:8px 12px;color:#19416d;cursor:pointer;margin:2px;font:inherit}.adminAction:hover,.adminAction:focus-visible{border-color:#087bff;color:#087bff}.adminAction.danger{color:#b42332}.adminExtTable{overflow-x:auto}.adminExtTable table{min-width:640px}.adminExtTable td small{display:block;color:var(--d-muted,#718099)}.adminEmpty{padding:30px;text-align:center;color:var(--d-muted,#718099)}.adminHistory{margin-top:20px;padding:20px}.adminHistory ul{padding-left:20px;line-height:2}.adminExtMetrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px;margin-bottom:22px}.adminExtMetrics>div{background:var(--d-card,#fff);border:1px solid #e3eaf3;border-radius:14px;padding:20px;display:grid;gap:8px}.adminExtMetrics small{color:var(--d-muted,#718099)}.adminExtMetrics b{font-size:1.3rem}.adminExport{display:inline-flex;margin-top:20px}.adminExtDialog{border:0;border-radius:16px;box-shadow:0 20px 80px #13223855;width:min(620px,calc(100vw - 24px));max-height:90vh;padding:0}.adminExtDialog::backdrop{background:#0d1b31aa}.adminExtDialog form{padding:24px}.adminExtDialog header,.adminExtDialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.adminExtDialog header h2{margin:0}.adminExtDialog header button,.adminExtDialog footer button:not(.btn){background:transparent;border:0;cursor:pointer;font:inherit}.adminDialogFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0;max-height:60vh;overflow:auto}.adminDialogFields label{display:grid;gap:5px;font-weight:600;color:var(--d-muted,#273951)}.adminDialogFields input,.adminDialogFields select,.adminDialogFields textarea{width:100%;min-width:0;border:1px solid var(--d-border,#cbd8e8);border-radius:9px;padding:10px;font:inherit}.adminDialogFields p,.adminDialogFields ul,.adminDialogFields label:has(textarea){grid-column:1/-1}.adminDialogFields .adminCheck{display:flex;align-items:center}.adminDialogFields .adminCheck input{width:auto}.adminDialogError{color:#b42332;min-height:1.2em}@media(max-width:720px){.adminExtHeader{align-items:flex-start;flex-direction:column}.adminExtMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.adminDialogFields{grid-template-columns:1fr}.adminExtTable{margin:0 -12px}} /* Navegação administrativa por áreas */ .adminSide{min-height:100vh} .adminSide #adminNav{margin-top:32px;display:flex;flex-direction:column;gap:16px} .adminNavGroup{display:grid;gap:3px} .adminNavGroup[hidden],#adminNav button[hidden]{display:none} .adminNavHeading{display:block;padding:0 13px 6px;color:#7191ac;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase} .adminSide #adminNav button{display:flex;align-items:center;gap:12px;min-height:42px;margin:0;padding:10px 13px;color:#c6d5e2;font-size:13px;font-weight:600;line-height:1.3} .adminSide #adminNav button:hover{background:#ffffff14;color:#fff} .adminSide #adminNav button.active{background:#087bff;color:#fff;box-shadow:0 5px 16px #087bff35} .adminSide #adminNav button:focus-visible{outline:2px solid #8bc9ff;outline-offset:2px} .adminNavIcon{display:inline-grid;place-items:center;flex:none;width:18px;font-size:17px;line-height:1} .adminNavText{min-width:0} .adminSide>button:last-child{margin-top:26px;border-top:1px solid #ffffff20;border-radius:0;padding-top:20px} /* Estoque: miniatura do produto na listagem */ .stockProdCell{display:flex;align-items:center;gap:10px} .stockThumb{width:40px;height:40px;border-radius:9px;object-fit:cover;background:#f4f7fb;border:1px solid #e3e9f2;flex:none} .stockThumb.ph{display:grid;place-items:center;background:#087bff;color:#fff;font-weight:800;font-size:14px} @media(max-width:720px){.stockThumb{width:32px;height:32px}} /* Marcas: avatar/logo na listagem */ .brandCell{display:flex;align-items:center;gap:10px} .brandLogo{width:32px;height:32px;border-radius:9px;object-fit:contain;background:#f4f7fb;border:1px solid #e3e9f2} .brandAvatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:#087bff;color:#fff;font-weight:800;font-size:13px} /* BrandFormDialog: mesmo componente pra criar e editar */ .brandFormGrid{display:grid;grid-template-columns:210px 1fr;gap:22px} .brandSide{padding:20px 16px;border-radius:14px;background:linear-gradient(180deg,#eef5ff,#e5f0ff)} .brandSideIc{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;color:#087bff;margin-bottom:12px}.brandSideIc svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8} .brandSide h3{margin:0 0 6px;font-size:15px;color:#0a1a3a}.brandSide>p{margin:0 0 18px;font-size:12.5px;line-height:1.5;color:#4a5a73} .brandTips{display:grid;gap:14px}.brandTips>div{display:flex;gap:9px}.brandTips i{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;background:#fff;color:#087bff}.brandTips i svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2} .brandTips b{display:block;font-size:12px;color:#0a1a3a}.brandTips small{display:block;font-size:11px;line-height:1.4;color:#5f7391} .brandFields{display:grid;gap:16px;align-content:start} .brandField{display:grid;gap:5px;font-size:12.5px;font-weight:700;color:#33445e}.brandField b{color:#c62828} .brandField input,.brandField textarea{width:100%;min-width:0;border:1.5px solid #dbe4f0;border-radius:10px;padding:10px 12px;font:inherit;font-size:13.5px;font-weight:400;color:#0a1a3a} .brandField input:focus,.brandField textarea:focus{outline:0;border-color:#087bff;box-shadow:0 0 0 3px rgba(11,115,240,.14)} .brandField textarea{resize:vertical;min-height:64px} .brandField>small{font-weight:400;color:#8a97ad;font-size:11px} .brandInputIc{position:relative;display:flex;align-items:center}.brandInputIc svg{position:absolute;left:12px;width:15px;height:15px;color:#8a97ad;stroke:currentColor;fill:none;stroke-width:1.8;pointer-events:none}.brandInputIc input{padding-left:36px} .brandRow2{display:grid;grid-template-columns:1fr 1fr;gap:14px} .brandUpload{display:grid;justify-items:center;gap:6px;padding:18px 10px;border:1.5px dashed #cbd8e8;border-radius:10px;background:#f8fbff;color:#5f7391;cursor:pointer;text-align:center} .brandUpload:hover{border-color:#087bff;color:#087bff}.brandUpload svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}.brandUpload b{font-size:12px;font-weight:700}.brandUpload small{font-size:10.5px;color:#8a97ad} .brandUpload:disabled{opacity:.6;cursor:progress} .brandRemoveLogo{justify-self:start;border:0;background:none;padding:2px 0;color:#c62828;font-size:11.5px;font-weight:700;cursor:pointer}.brandRemoveLogo:hover{text-decoration:underline} .brandUploadErr{color:#c62828;min-height:14px} .brandPreview{display:grid;place-items:center;height:96px;border:1.5px solid #e3e9f2;border-radius:10px;background:#f4f7fb;overflow:hidden} .brandPreview img{max-width:100%;max-height:100%;object-fit:contain}.brandPreviewEmpty{font-size:11px;color:#8a97ad;text-align:center;padding:0 10px} .brandTip{display:flex;gap:10px;padding:12px 14px;border-radius:10px;background:#eef5ff;font-size:12px;line-height:1.5;color:#33445e;font-weight:400}.brandTip svg{flex:none;width:17px;height:17px;color:#087bff;stroke:currentColor;fill:none;stroke-width:1.8}.brandTip b{color:#0a1a3a} .brandSwitch{display:flex;align-items:center;gap:12px;cursor:pointer}.brandSwitch input{position:absolute;opacity:0;width:0;height:0} .brandTrack{position:relative;flex:none;width:40px;height:22px;border-radius:99px;background:#cbd5e1;transition:background .15s}.brandTrack::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px rgba(0,0,0,.25)} .brandSwitch input:checked+.brandTrack{background:#087bff}.brandSwitch input:checked+.brandTrack::after{transform:translateX(18px)} .brandSwitch>span:last-child{display:grid;gap:1px}.brandSwitch b{font-size:12.5px;color:#0a1a3a}.brandSwitch small{font-size:11px;font-weight:400;color:#8a97ad} @media(max-width:720px){.brandFormGrid{grid-template-columns:1fr}.brandRow2{grid-template-columns:1fr}} @media(max-width:900px){ .adminSide{padding:20px 10px} .adminSide #adminNav{gap:12px;margin-top:28px} .adminNavHeading,.adminNavText{display:none} .adminSide #adminNav button{justify-content:center;padding:10px;font-size:0} .adminSide #adminNav button::first-letter{font-size:0} .adminNavIcon{font-size:20px} .adminSide>button:last-child{font-size:0} .adminSide>button:last-child::first-letter{font-size:18px} } /* Sistema de design do painel administrativo */ #admin{ --a-bg:#f5f7fb; --a-card:#fff; --a-border:#e6ebf2; --a-border-soft:#eef2f7; --a-text:#0f1b2c; --a-muted:#66788c; --a-muted-2:#8a99ad; --a-primary:#087bff; --a-primary-dark:#0b63cc; --a-primary-soft:#eaf3ff; --a-success:#0f9d58; --a-success-bg:#e5f7ec; --a-warning:#b7791f; --a-warning-bg:#fdf3df; --a-danger:#d1293d; --a-danger-bg:#fce9eb; --a-neutral-bg:#eef1f6; --a-neutral-text:#57677e; --a-radius:14px; --a-radius-sm:10px; --a-radius-lg:18px; --a-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 28px rgba(16,24,40,.06); } /* Cabeçalho padrão de toda seção do admin */ .adminSectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 20px;min-width:0} #admin .adminCard.table{overflow-x:auto;max-width:100%} .adminSectionHead h2{margin:0;color:var(--a-text);font-size:21px;font-weight:800;letter-spacing:-.015em} .adminSectionHead p{margin:4px 0 0;color:var(--a-muted);font-size:13px} .adminHeadActions{display:flex;gap:10px;flex-wrap:wrap;align-items:center} /* Tooltip leve para botões de ação */ [data-tip]{position:relative} [data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%) translateY(4px);background:#101828;color:#fff;font-size:11px;font-weight:700;letter-spacing:.01em;padding:6px 10px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:90;box-shadow:0 10px 24px rgba(16,24,40,.25)} [data-tip]::before{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#101828;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:90} [data-tip]:hover::after,[data-tip]:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)} [data-tip]:hover::before,[data-tip]:focus-visible::before{opacity:1} /* Botões de ação em ícone, usados em toda tabela/lista do admin */ .iconBtn{display:inline-grid;place-items:center;width:33px;height:33px;border:1px solid var(--a-border);border-radius:var(--a-radius-sm);background:var(--d-card,#fff);color:var(--a-muted);margin:2px;vertical-align:middle;transition:border-color .15s ease,color .15s ease,background .15s ease,transform .15s ease} .iconBtn svg,.btnIcon svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none} .btnIcon{display:inline-flex} #admin .btn{display:inline-flex;align-items:center;gap:7px} .iconBtn:hover,.iconBtn:focus-visible{border-color:var(--a-primary);color:var(--a-primary);background:var(--a-primary-soft);transform:translateY(-1px)} .iconBtn.danger:hover,.iconBtn.danger:focus-visible{border-color:var(--a-danger);color:var(--a-danger);background:var(--a-danger-bg)} .iconBtn.warn:hover,.iconBtn.warn:focus-visible{border-color:var(--a-warning);color:var(--a-warning);background:var(--a-warning-bg)} /* Pill de status unificado (reaproveita .status já usado nas tabelas) */ #admin .status,.status{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.015em;margin-left:0} #admin .status:before,.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none} #admin .status.ok{background:var(--a-success-bg);color:var(--a-success)} #admin .status.warn{background:var(--a-warning-bg);color:var(--a-warning)} #admin .status.danger{background:var(--a-danger-bg);color:var(--a-danger)} #admin .status.sent{background:var(--a-primary-soft);color:var(--a-primary-dark)} #admin .status.neutral{background:var(--a-neutral-bg);color:var(--a-neutral-text)} #admin .adminGridTools{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:0 0 14px;padding:14px;background:var(--d-card,#fff);border:1px solid var(--d-border,#dfe7f1);border-radius:14px;box-shadow:0 8px 24px #102a4310} #admin .adminGridTools label{display:grid;gap:5px;min-width:140px;color:var(--d-muted,#52657b);font-size:11px;font-weight:800;letter-spacing:.02em} #admin .adminGridTools label:first-child{flex:1;min-width:190px} #admin .adminGridTools input,#admin .adminGridTools select{width:100%;height:40px;min-width:0;border:1px solid var(--d-border,#d4e0ed);border-radius:9px;background:var(--d-card,#fbfdff);color:#172b40;padding:0 11px;font-size:13px;font-weight:500;outline:none} #admin .adminGridTools input:focus,#admin .adminGridTools select:focus{border-color:#087bff;box-shadow:0 0 0 3px #087bff1c} #admin .adminExportFiltered{height:40px;border:1px solid #bbd8f5;border-radius:9px;background:#edf6ff;color:#145eaa;padding:0 13px;font-size:12px;font-weight:800} #admin .adminExportFiltered:hover{background:#dceeff;border-color:#087bff} #admin .adminGridFooter{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:12px 0 27px;color:var(--d-muted,#66788c);font-size:12px} #admin .adminPager{display:flex;align-items:center;gap:10px} #admin .adminPager button{border:1px solid var(--d-border,#d4e0ed);background:var(--d-card,#fff);color:#24527e;padding:8px 12px;border-radius:8px;font-weight:700} #admin .adminPager button:not(:disabled):hover{border-color:#087bff;color:#087bff} #admin .adminPager button:disabled{opacity:.45;cursor:not-allowed} #admin .adminGridFooter .adminPageLabel{min-width:82px;text-align:center} #admin .adminSort{display:inline-flex;align-items:center;gap:6px;width:100%;border:0;background:transparent;color:inherit;padding:0;text-align:left;font-size:inherit;font-weight:800;cursor:pointer} #admin .adminSort::after{content:'↕';margin-left:auto;color:#8da2b5} #admin th[aria-sort=ascending] .adminSort::after{content:'↑';color:#087bff} #admin th[aria-sort=descending] .adminSort::after{content:'↓';color:#087bff} #admin .adminSort:hover,#admin .adminSort:focus-visible{color:#087bff} #admin .adminRowDetail.iconBtn,#admin .adminTableAction.iconBtn{margin:2px;font-weight:400} #admin .table tr[hidden],#admin .typeCard[hidden]{display:none} #admin .table td:last-child{white-space:nowrap} #admin #adminSearch{display:none} #admin .typeCard{display:flex;flex-direction:column;gap:5px;min-height:150px} #admin .typeCard .adminCategoryActions{display:flex;gap:8px;margin-top:auto;padding-top:12px} #admin .typeCard .adminCategoryActions button{border:1px solid var(--d-border,#d2e0ed);border-radius:8px;background:var(--d-soft,#f6faff);color:#24527e;padding:7px 11px;font-size:12px;font-weight:700} #admin .typeCard .adminCategoryActions button:hover{border-color:#087bff;color:#087bff} #admin .typeCard .adminCategoryActions .remove{color:#b42332} #productDialog,#typeDialog,.adminExtDialog,.adminDetailDialog{width:min(780px,calc(100vw - 28px));max-height:min(88vh,900px);padding:0;border:0;border-radius:18px;box-shadow:0 28px 90px #061a3566;overflow:hidden} #typeDialog{width:min(540px,calc(100vw - 28px))} #productDialog::backdrop,#typeDialog::backdrop,.adminExtDialog::backdrop,.adminDetailDialog::backdrop{background:#0d2139a8} #productDialog form,#typeDialog form,.adminExtDialog form{display:flex;flex-direction:column;max-height:min(88vh,900px);padding:0} #productDialog .modalHead,#typeDialog .modalHead,.adminExtDialog header,.adminDetailHead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;margin:0;padding:22px 28px;border-bottom:1px solid var(--d-border,#e3eaf2);background:var(--d-card,#fff)} #productDialog .modalHead h2,#typeDialog .modalHead h2,.adminExtDialog header h2,.adminDetailHead h2{margin:0;color:#10263c;font-size:20px;line-height:1.2} #productDialog .modalHead button,#typeDialog .modalHead button,.adminExtDialog header button,.adminDetailHead button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:var(--d-soft,#f2f6fa);color:var(--d-muted,#4a5e73);font-size:24px} #productDialog .modalHead button:hover,#typeDialog .modalHead button:hover,.adminExtDialog header button:hover,.adminDetailHead button:hover{background:#e5edf5} #productDialog .adminModalBody,#typeDialog .adminModalBody,.adminExtDialog .adminDialogFields,.adminDetailList{flex:1;min-height:0;overflow:auto;padding:25px 28px} .adminModalTabs{display:flex;gap:4px;margin:-25px -28px 20px;padding:10px 28px 0;border-bottom:1px solid var(--d-border,#e3eaf2);overflow-x:auto} .adminModalTab{flex:none;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--d-muted,#66788c);padding:10px 4px;margin-right:22px;font-size:13px;font-weight:700;white-space:nowrap} .adminModalTab:hover{color:var(--d-text,#182b40)} .adminModalTab.active{color:#087bff;border-bottom-color:#087bff} .adminModalPanel .formGrid{gap:17px} .adminExtMetrics>div{position:relative;overflow:hidden} .adminExtMetrics>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px} .adminExtMetrics>div:nth-child(1){background:linear-gradient(160deg,#e5f7ec 0%,var(--d-card,#fff) 62%)} .adminExtMetrics>div:nth-child(2){background:linear-gradient(160deg,#eaf3ff 0%,var(--d-card,#fff) 62%)} .adminExtMetrics>div:nth-child(3){background:linear-gradient(160deg,#f2edfe 0%,var(--d-card,#fff) 62%)} .adminExtMetrics>div:nth-child(4){background:linear-gradient(160deg,#fdf2df 0%,var(--d-card,#fff) 62%)} .adminExtMetrics>div:nth-child(1):before{background:#0f9d58} .adminExtMetrics>div:nth-child(2):before{background:#087bff} .adminExtMetrics>div:nth-child(3):before{background:#8b5cf6} .adminExtMetrics>div:nth-child(4):before{background:#d97706} .adminExtMetrics b{color:var(--a-text)} #productDialog .formGrid,#typeDialog .formGrid{gap:17px} #productDialog label,#typeDialog label{display:grid;gap:6px;color:#344b63;font-size:12px;font-weight:800} #productDialog .adminModalBody>label,#typeDialog .adminModalBody>label{margin-top:18px} #productDialog input,#productDialog select,#productDialog textarea,#typeDialog input,#typeDialog select,#typeDialog textarea,.adminExtDialog input,.adminExtDialog select,.adminExtDialog textarea{width:100%;min-height:44px;border:1px solid var(--d-border,#cfdaea);border-radius:9px;background:var(--d-card,#fff);color:var(--d-text,#182b40);padding:10px 12px;font-size:14px;font-weight:500} #productDialog :is(input,select,textarea):focus,#typeDialog :is(input,select,textarea):focus,.adminExtDialog :is(input,select,textarea):focus{outline:2px solid #087bff55;border-color:#087bff} #productDialog .modalActions,#typeDialog .modalActions,.adminExtDialog footer,.adminDetailFoot{display:flex;justify-content:flex-end;gap:10px;flex:none;margin:0;padding:16px 28px;border-top:1px solid var(--d-border,#e3eaf2);background:var(--d-card,#fff)} #productDialog .modalActions .btn,#typeDialog .modalActions .btn,.adminExtDialog footer .btn{min-width:110px} .adminExtDialog .adminDialogFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;max-height:none} .adminExtDialog .adminDialogError{margin:0;padding:0 28px;color:#b42332} .adminDetailDialog{width:min(560px,calc(100vw - 28px))} .adminDetailList{display:grid;grid-template-columns:minmax(110px,.4fr) 1fr;align-content:start;gap:0;margin:0;max-height:60vh} .adminDetailList dt,.adminDetailList dd{margin:0;padding:12px 0;border-bottom:1px solid #edf1f6} .adminDetailList dt{color:var(--d-muted,#64788e);font-size:12px;font-weight:800} .adminDetailList dd{color:#172b40;font-size:13px;overflow-wrap:anywhere} .imageUploader{display:grid;gap:10px;margin-top:18px} .imageUploaderLabel{color:#344b63;font-size:12px;font-weight:800} .uploadDrop{display:grid;justify-items:center;gap:6px;padding:26px 16px;border:2px dashed var(--d-border,#cfdaea);border-radius:14px;background:var(--d-soft,#f8fbff);color:var(--d-muted,#4a5e73);text-align:center;cursor:pointer;transition:border-color .15s,background .15s} .uploadDrop svg{width:28px;height:28px;color:#087bff} .uploadDrop p{margin:0;font-size:13px} .uploadDrop p b{color:var(--d-text,#182b40)} .uploadDrop small{color:#7c8ea2;font-size:11px} .uploadDrop:hover,.uploadDrop:focus-visible{border-color:#087bff;background:#eef6ff;outline:none} .uploadDrop.dragover{border-color:#087bff;background:#e3f1ff;border-style:solid} .uploadDrop.full{opacity:.5;pointer-events:none} .uploadList{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px} .uploadList:empty{display:none} .uploadItem{position:relative;border:1px solid var(--d-border,#e1e9f2);border-radius:12px;overflow:hidden;background:var(--d-card,#fff);cursor:grab} .uploadItem.uploading,.uploadItem.error{cursor:default} .uploadItem:active{cursor:grabbing} .uploadThumb{aspect-ratio:1;display:grid;place-items:center;background:var(--d-soft,#f2f6fa);overflow:hidden} .uploadThumb img{width:100%;height:100%;object-fit:cover} .uploadSpinner{width:22px;height:22px;border:3px solid var(--d-border,#cfdaea);border-top-color:#087bff;border-radius:50%;animation:uploadSpin .8s linear infinite} @keyframes uploadSpin{to{transform:rotate(360deg)}} .uploadError{display:block;padding:4px 6px;color:#b42332;font-size:10px;line-height:1.3} .uploadItemActions{position:absolute;top:5px;right:5px;display:flex;gap:4px} .uploadStar,.uploadRemove{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:7px;background:#0d2139cc;color:#fff;font-size:13px;line-height:1} .uploadStar.active{background:#f5c518;color:#10263c} .uploadRemove:hover{background:#b42332} .uploadItem[draggable=true]:hover{outline:2px solid #087bff55} @media(max-width:700px){ #admin .adminGridTools label{flex:1 1 150px} #admin .adminGridTools label:first-child{flex-basis:100%} #productDialog .modalHead,#typeDialog .modalHead,.adminExtDialog header,.adminDetailHead{padding:18px} #productDialog .adminModalBody,#typeDialog .adminModalBody,.adminExtDialog .adminDialogFields,.adminDetailList{padding:18px} #productDialog .formGrid,.adminExtDialog .adminDialogFields,.adminModalPanel .formGrid{grid-template-columns:1fr} .adminModalTabs{margin:-18px -18px 16px;padding:8px 18px 0} #productDialog .modalActions,#typeDialog .modalActions,.adminExtDialog footer,.adminDetailFoot{padding:13px 18px} .adminNavHeading,.adminSide #adminNav .adminNavText{display:block;font-size:13px} .adminSide #adminNav button{justify-content:flex-start;padding:10px 13px} .adminSide #adminNav .adminNavIcon{font-size:17px} .adminSide>button:last-child{font-size:13px} } /* Dicas dos botões da barra superior: aparecem ABAIXO (acima ficavam cortadas pelo topo da tela) e alinhadas à direita */ #admin .adminTopActions [data-tip]::after{bottom:auto;top:calc(100% + 10px);left:auto;right:0;transform:translateY(-4px);white-space:nowrap;z-index:200} #admin .adminTopActions [data-tip]::before{bottom:auto;top:calc(100% + 4px);left:auto;right:14px;transform:none;border-top-color:transparent;border-bottom-color:#101828;z-index:200} #admin .adminTopActions [data-tip]:hover::after,#admin .adminTopActions [data-tip]:focus-visible::after{transform:translateY(0)} /* Sino: lista de notificações */ #adminNotifDropdown{width:min(380px,calc(100vw - 24px));padding:0;overflow:hidden} .adminNotifHead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--a-border,#e9edf4)}.adminNotifHead b{font-size:13.5px}.adminNotifHead button{border:0;background:none;color:#087bff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.adminNotifHead button:disabled{color:#98a4b8;cursor:default} .adminNotifList{max-height:420px;overflow:auto} #adminNotifDropdown .adminNotifItem{display:flex;gap:11px;align-items:flex-start;width:100%;padding:11px 14px;border:0;border-bottom:1px solid var(--d-border,#f0f3f8);background:none;text-align:left;font:inherit;cursor:pointer} #adminNotifDropdown .adminNotifItem:hover{background:#f4f8ff}#adminNotifDropdown .adminNotifItem.unread{background:#eef5ff} .adminNotifItem>i{flex:none;font-style:normal;font-size:16px;line-height:1.4}.adminNotifItem span{display:grid;gap:1px;min-width:0}.adminNotifItem b{font-size:13px;color:var(--d-text,#101828)}.adminNotifItem small{font-size:12px;color:var(--d-muted,#5f7391);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.adminNotifItem em{font-style:normal;font-size:11px;color:#8a97ad} #admin[data-theme="dark"] #adminNotifDropdown .adminNotifItem:hover{background:#16233d}#admin[data-theme="dark"] #adminNotifDropdown .adminNotifItem.unread{background:#12213b} /* Redesenho do painel administrativo — fiel ao mockup de referência */ .srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .adminNavIcon svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .adminUserChevron svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #admin{--a-bg:#f4f6fb;--a-card:#fff;--a-border:#e9edf4;--a-text:#101828;--a-muted:#6b7690;--a-sidebar:#0a1526;--a-sidebar-2:#0d1d33;--a-sidebar-text:#aab8cf;--a-sidebar-active:#2563eb;--a-primary:#2563eb;--a-primary-dark:#1d4fc4;--a-primary-soft:#eaf1ff;--a-radius:16px;--a-radius-sm:10px;--a-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.05)} #admin[data-theme="dark"]{--a-bg:#0b1220;--a-card:#111b2d;--a-border:#1e293f;--a-text:#e7edf7;--a-muted:#8b98b5;--a-primary-soft:#16233d} #admin[data-theme="dark"] .adminMain{background:var(--a-bg)} #admin[data-theme="dark"] .adminCard,#admin[data-theme="dark"] .metrics>div,#admin[data-theme="dark"] .typeCard,#admin[data-theme="dark"] .productFilters{background:var(--a-card);border-color:var(--a-border);color:var(--a-text)} #admin[data-theme="dark"] .adminCard.table table{color:var(--a-text)} #admin[data-theme="dark"] .adminCard.table th{color:var(--a-muted)} #admin[data-theme="dark"] .adminSectionHead h2,#admin[data-theme="dark"] .productStats b{color:var(--a-text)} #admin[data-theme="dark"] input,#admin[data-theme="dark"] select{background:#0e1930;border-color:var(--a-border);color:var(--a-text)} #admin[data-theme="dark"] .adminTopSearch{background:#0e1930;border-color:var(--a-border)} #admin[data-theme="dark"] .adminDropdown{background:var(--a-card);border-color:var(--a-border)} .admin.active{background:var(--a-bg)} .adminMain{background:var(--a-bg)} /* Sidebar */ .adminSide{background:linear-gradient(180deg,var(--a-sidebar),var(--a-sidebar-2));display:flex;flex-direction:column} .adminSide #adminNav{flex:1;overflow-y:auto} @media (min-width: 761px) { .adminSide { min-height: 100vh; position: sticky; top: 0; align-self: stretch; } } .adminSide #adminNav button.active{background:var(--a-sidebar-active);box-shadow:0 6px 18px rgba(37,99,235,.35)} .adminSideFoot{padding:14px 13px 18px;border-top:1px solid rgba(255,255,255,.08)} .adminSideFoot>button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--a-sidebar-text);padding:11px 10px;border-radius:10px;font-size:13px;font-weight:600} .adminSideFoot>button:hover{background:rgba(255,255,255,.06);color:#fff} .adminSideFoot>button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .adminSideVersion{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:0 10px;color:var(--d-muted,#5b6b85);font-size:11px;font-weight:700;letter-spacing:.03em} .adminSideVersion button{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.04);color:#aab8cf} .adminSideVersion button svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease} .admin.sidebar-collapsed{grid-template-columns:82px 1fr} .admin.sidebar-collapsed .adminNavText,.admin.sidebar-collapsed .adminNavHeading,.admin.sidebar-collapsed .adminLogo span,.admin.sidebar-collapsed .adminSideFoot>button span:last-child,.admin.sidebar-collapsed .adminSideVersion span{display:none} .admin.sidebar-collapsed .adminSide #adminNav button{justify-content:center;padding:12px} .admin.sidebar-collapsed .adminSideVersion{justify-content:center} .admin.sidebar-collapsed .adminSideVersion button svg{transform:rotate(180deg)} /* Topbar */ .adminMain>header{display:flex;align-items:center;gap:16px;height:72px;padding:0 8px} .adminTopSearch{display:flex;align-items:center;gap:10px;flex:1;max-width:480px;height:42px;padding:0 14px;background:var(--d-soft,#f3f5f9);border:1px solid var(--a-border);border-radius:12px;color:var(--a-muted)} .adminTopSearch svg{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .adminTopSearch input{flex:1;border:0;background:transparent;outline:0;font-size:13px;color:var(--a-text)} .adminTopActions{display:flex;align-items:center;gap:10px;margin-left:auto} .adminNotifWrap,.adminUserWrap{position:relative} .adminNotifBadge{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#e11d48;color:#fff;font-size:10px;font-weight:800;border:2px solid var(--a-bg)} .adminUser{display:flex;align-items:center;gap:10px;border:1px solid var(--a-border);background:var(--a-card);border-radius:12px;padding:6px 12px 6px 6px} .adminUserAvatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--a-primary-soft);color:var(--a-primary);font-size:12px;font-weight:800} .adminUser>span:not(.adminUserAvatar):not(.adminUserChevron){display:grid;text-align:left;line-height:1.3} .adminUser b{font-size:13px;color:var(--a-text)} .adminUser small{font-size:11px;color:var(--a-muted)} .adminUserChevron{width:14px;height:14px;stroke:var(--a-muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-left:2px} .adminUserChevron svg{width:100%;height:100%} .adminDropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:230px;background:var(--a-card);border:1px solid var(--a-border);border-radius:14px;box-shadow:var(--a-shadow);padding:8px;z-index:120} .adminDropdown button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--a-text);padding:10px 12px;border-radius:10px;font-size:13px;font-weight:600;text-align:left} .adminDropdown button:hover{background:var(--a-primary-soft);color:var(--a-primary)} .adminDropdown button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .adminDropdownEmpty{margin:0;padding:14px 10px;color:var(--a-muted);font-size:12px;text-align:center} .productMoreMenu{position:absolute;min-width:190px} /* Page header */ .adminSectionHead.withIcon{align-items:center} .adminSectionIcon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--a-primary-soft);color:var(--a-primary);flex:none;margin-right:14px} .adminSectionIcon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .adminSectionHead.withIcon>div:not(.adminHeadActions){flex:1} .adminHeadActions{flex-direction:column;align-items:flex-end;gap:8px} .adminBreadcrumb{display:flex;align-items:center;gap:6px;color:var(--a-muted);font-size:12px;font-weight:600} .adminBreadcrumb svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} /* Cards compactos da Visao geral */ #ad-dashboard .metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:4px 0 22px} #ad-dashboard .metrics>div{ display:grid; grid-template-columns:auto 1fr; grid-template-areas:"icon label" "icon value" "icon note"; align-items:center; column-gap:14px; min-height:92px; padding:16px 18px; border:1px solid var(--a-border); border-radius:10px; background:var(--d-card,#fff); box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 24px rgba(15,23,42,.06); } #ad-dashboard .metrics>div:before{display:none} #ad-dashboard .metrics>div:nth-child(1){--m-accent:#0f9d58;--m-tint:#e5f7ec;border-left:3px solid #0f9d58} #ad-dashboard .metrics>div:nth-child(2){--m-accent:#087bff;--m-tint:#eaf3ff;border-left:3px solid #087bff} #ad-dashboard .metrics>div:nth-child(3){--m-accent:#8b5cf6;--m-tint:#f2edfe;border-left:3px solid #8b5cf6} #ad-dashboard .metrics>div:nth-child(4){--m-accent:#d97706;--m-tint:#fdf2df;border-left:3px solid #d97706} #ad-dashboard .metricIcon{grid-area:icon;width:42px;height:42px;margin:0;border-radius:12px;background:var(--m-tint);color:var(--m-accent)} #ad-dashboard .metricIcon svg{width:19px;height:19px} #ad-dashboard .metrics span{grid-area:label;margin:0;color:var(--a-muted);font-size:12px;font-weight:700} #ad-dashboard .metrics b{grid-area:value;margin:4px 0 0;color:var(--a-text);font-size:22px;line-height:1.05;letter-spacing:0} #ad-dashboard .metrics small{grid-area:note;margin-top:6px;color:#0f9d58;font-size:11.5px;font-weight:700} /* Stat cards do topo de Produtos */ .productStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:4px 0 18px} .productStats>div{ display:grid; grid-template-columns:auto 1fr auto; grid-template-areas:"icon value trend" "icon label trend"; align-items:center; column-gap:14px; min-height:84px; padding:14px 18px; border:1px solid var(--d-border,#dde4ef); border-radius:12px; background:var(--d-card,#fff); box-shadow:0 1px 3px rgba(16,24,40,.08),0 8px 20px rgba(15,23,42,.08); } .productStats>div:first-child{border-left:3px solid var(--a-primary)} .productStats>div:before{display:none} .productStats>div:nth-child(1){--stat-color:#087bff;--stat-soft:#eaf3ff} .productStats>div:nth-child(2){--stat-color:#0f9d58;--stat-soft:#e5f7ec} .productStats>div:nth-child(3){--stat-color:#d97706;--stat-soft:#fdf2df} .productStats>div:nth-child(4){--stat-color:#7c3aed;--stat-soft:#f1e9fe} .statTop{display:contents} .statTop .metricIcon{ grid-area:icon; width:45px; height:45px; margin:0; border-radius:12px; background:var(--stat-soft); color:var(--stat-color); } .statTop .metricIcon svg{width:20px;height:20px;stroke-width:2.2} .statTrend{grid-area:trend;align-self:start;margin-top:2px;color:var(--a-success,#0f9d58);font-weight:800;font-size:12px} .statTrend:empty:before{content:"-";color:#8aa3c6} .productStats b{grid-area:value;display:block;margin:0 0 2px;font-size:21px;line-height:1.05;letter-spacing:0;color:var(--a-text,var(--ink))} .productStats span{grid-area:label;display:block;margin:0;color:var(--a-muted);font-size:12px;font-weight:700} /* Tipos e categorias */ #ad-types .adminSectionHead.withIcon{margin-bottom:18px} #ad-types .typeStats{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0 0 16px; } #ad-types .typeStats>div{ display:grid; grid-template-columns:auto 1fr; grid-template-areas:"icon value" "icon label"; align-items:center; column-gap:14px; min-height:78px; padding:13px 18px; border:1px solid var(--a-border); border-radius:10px; background:var(--d-card,#fff); box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 24px rgba(15,23,42,.06); } #ad-types .typeStats>div:before{display:none} #ad-types .typeStats>div:nth-child(1){--type-stat:#087bff;--type-stat-bg:#eaf3ff} #ad-types .typeStats>div:nth-child(2){--type-stat:#10b981;--type-stat-bg:#e5f7ec} #ad-types .typeStats>div:nth-child(3){--type-stat:#f59e0b;--type-stat-bg:#fff3d9} #ad-types .typeStats .metricIcon{grid-area:icon;width:45px;height:45px;margin:0;border-radius:12px;background:var(--type-stat-bg);color:var(--type-stat)} #ad-types .typeStats .metricIcon svg{width:20px;height:20px} #ad-types .typeStats b{grid-area:value;margin:0 0 2px;color:var(--a-text);font-size:22px;line-height:1.05;letter-spacing:0} #ad-types .typeStats span{grid-area:label;margin:0;color:var(--a-muted);font-size:12px;font-weight:700} #ad-types .adminCategoryTools{ display:grid; grid-template-columns:minmax(260px,1fr) 170px 130px; align-items:end; gap:14px; margin:0 0 16px; padding:14px 16px; border:1px solid var(--a-border); border-radius:10px; background:var(--d-card,#fff); box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 24px rgba(15,23,42,.05); } #ad-types .adminCategoryTools label{display:grid;gap:6px;min-width:0;color:var(--a-muted);font-size:11px;font-weight:800;letter-spacing:.02em} #ad-types .adminCategoryTools label:first-child{min-width:0} #ad-types .adminCategoryTools input,#ad-types .adminCategoryTools select{height:40px;border:1px solid var(--d-border,#d8e3f0);border-radius:9px;background:var(--d-card,#fbfdff);color:var(--a-text);padding:0 12px;font-size:13px;font-weight:600} #ad-types .adminCategoryTools input{padding-left:36px;background:var(--d-card,#fbfdff)} #ad-types .typeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:0} #ad-types .typeCard{ position:relative; display:grid; grid-template-columns:auto 1fr auto; grid-template-areas:"icon body menu" "icon body actions"; align-items:start; column-gap:16px; min-height:116px; padding:18px 16px; border:1px solid var(--a-border); border-radius:10px; background:var(--d-card,#fff); box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 22px rgba(15,23,42,.05); } #ad-types .typeCard[hidden]{display:none} #ad-types .typeCardIcon{grid-area:icon;display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:var(--cat-soft);color:var(--cat-color)} #ad-types .typeCardIcon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #ad-types .typeTone-blue{--cat-color:#087bff;--cat-soft:#eaf3ff} #ad-types .typeTone-green{--cat-color:#10b981;--cat-soft:#e5f7ec} #ad-types .typeTone-orange{--cat-color:#f97316;--cat-soft:#fff0dd} #ad-types .typeTone-purple{--cat-color:#7c3aed;--cat-soft:#f1e9fe} #ad-types .typeTone-pink{--cat-color:#e11d72;--cat-soft:#fde7ef} #ad-types .typeTone-cyan{--cat-color:#0891b2;--cat-soft:#e6f6fb} #ad-types .typeCardBody{grid-area:body;min-width:0} #ad-types .typeCard b{display:block;margin:1px 0 7px;color:var(--a-text);font-size:15px;line-height:1.2} #ad-types .typeCard span{display:block;color:#58708c;font-size:12px;line-height:1.35} #ad-types .typeCard small{display:inline-flex;margin-top:13px;padding:5px 10px;border-radius:8px;background:var(--cat-soft);color:var(--cat-color);font-size:11px;font-weight:800} #ad-types .typeMore{grid-area:menu;justify-self:end;width:24px;height:24px;border:0;background:transparent;color:#315987;font-size:18px;line-height:1} #ad-types .typeCard .adminCategoryActions{grid-area:actions;display:flex;gap:8px;align-self:end;justify-self:end;margin-top:18px;padding:0} #ad-types .typeCard .adminCategoryActions .iconBtn{width:33px;height:33px;border-radius:8px} #ad-types .adminGridFooter{margin:12px 0 0} /* Filtros */ .productFilters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:16px 18px;margin-bottom:16px} .productFilters label{display:grid;gap:6px;color:var(--a-muted);font-size:11px;font-weight:800;letter-spacing:.02em;flex:none} .productFilters select,.productFilters input{height:42px;border:1px solid var(--a-border);border-radius:10px;background:var(--d-card,#fbfcfe);padding:0 12px;font-size:13px;color:var(--a-text)} .productSearch{flex:1 1 260px;position:relative;display:block} .productSearch span{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--a-muted);display:grid} .productSearch span svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .productSearch input{width:100%;padding-left:36px} .productFilters .btn.secondary{height:42px;border:1px solid #bcd3fb;background:var(--d-card,#fff);color:var(--a-primary);display:inline-flex;align-items:center;gap:8px;white-space:nowrap} .productFilters .btn.secondary svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .productMoreFiltersRow{display:flex;gap:14px;margin:-6px 0 16px;padding:14px 18px;background:var(--a-card);border:1px solid var(--a-border);border-radius:var(--a-radius-sm)} .productMoreFiltersRow label{display:grid;gap:6px;color:var(--a-muted);font-size:11px;font-weight:800} .productMoreFiltersRow input{height:38px;border:1px solid var(--a-border);border-radius:9px;padding:0 10px} /* Tabela */ #ad-products .adminCard.table{padding:0;overflow:auto} #ad-products table{border-collapse:separate;border-spacing:0} #ad-products th{color:var(--a-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap} #ad-products th .sortBtn{display:inline-grid;place-items:center;width:16px;height:16px;border:0;background:transparent;color:var(--a-muted);vertical-align:middle;margin-left:2px} #ad-products th .sortBtn svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round} .colCheck{width:40px} .colCheck input,.rowCheck{width:16px;height:16px;accent-color:var(--a-primary)} .categoryBadge{display:inline-block;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:700} .rowActions{display:flex;gap:6px} .iconBtn.primary{background:var(--a-primary-soft);color:var(--a-primary);border-color:transparent} .iconBtn.primary:hover{background:var(--a-primary);color:#fff} /* Rodapé da tabela / paginação */ .tableFooter{display:flex;align-items:center;justify-content:space-between;margin-top:14px;color:var(--a-muted);font-size:12.5px} .adminPager{display:flex;align-items:center;gap:6px} .adminPager .pageBtn{display:grid;place-items:center;min-width:32px;height:32px;border:1px solid var(--a-border);border-radius:9px;background:var(--d-card,#fff);color:var(--a-text);font-size:12.5px;font-weight:700} .adminPager .pageBtn.active{background:var(--a-primary);border-color:var(--a-primary);color:#fff} .adminPager .iconBtn{width:32px;height:32px} @media (max-width: 900px) { #ad-dashboard .metrics{grid-template-columns:repeat(2,1fr)} #ad-types .typeStats,#ad-types .typeGrid{grid-template-columns:repeat(2,1fr)} #ad-types .adminCategoryTools{grid-template-columns:1fr 1fr} #ad-types .adminCategoryTools label:first-child{grid-column:1/-1} .productStats{grid-template-columns:repeat(2,1fr)} .productFilters .productSearch{flex-basis:100%} .adminTopSearch{display:none} } @media (max-width: 760px) { .adminMain>header{height:auto;min-height:64px;padding:10px 8px;flex-wrap:wrap;row-gap:10px} .adminTopActions{margin-left:auto;gap:6px} .adminUser{padding:5px 8px 5px 5px;gap:6px} .adminUser>span:not(.adminUserAvatar):not(.adminUserChevron),.adminUserChevron{display:none} .adminUserAvatar{width:30px;height:30px;font-size:11px} .adminSectionHead.withIcon{align-items:flex-start} .adminSectionIcon{width:38px;height:38px} .adminHeadActions{align-items:stretch;width:100%} .adminBreadcrumb{display:none} } @media (max-width: 640px) { #ad-dashboard .metrics{grid-template-columns:1fr} #ad-types .typeStats,#ad-types .typeGrid,#ad-types .adminCategoryTools{grid-template-columns:1fr} #ad-types .typeCard{grid-template-columns:auto 1fr;grid-template-areas:"icon body" "actions actions";padding:16px} #ad-types .typeMore{position:absolute;right:12px;top:12px} #ad-types .typeCard .adminCategoryActions{justify-self:start;margin-left:61px} .productStats{grid-template-columns:1fr} .tableFooter{flex-direction:column;align-items:flex-start;gap:10px} } /* Componentes compartilhados: StatCard, filtros e tabela compacta (Estoque e demais listas) */ .adminSectionIcon.solid{background:var(--a-primary);color:#fff;box-shadow:0 6px 16px rgba(37,99,235,.28)} .adminHeadActions .adminBreadcrumb{margin-top:2px} .statCards{display:grid;gap:18px;margin:4px 0 18px} .statCards.three{grid-template-columns:repeat(3,minmax(0,1fr))} .statCard{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--d-card,#fff);border:1px solid var(--d-border,#dde4ef);border-radius:12px;box-shadow:0 1px 3px rgba(16,24,40,.08),0 8px 20px rgba(15,23,42,.08)} .statCard .metricIcon{display:grid;place-items:center;width:52px;height:52px;margin:0;border-radius:12px;flex:none} .statCard .metricIcon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .statCard.blue .metricIcon{background:#e3efff;color:#2563eb} .statCard.green .metricIcon{background:#e3f7ec;color:#0f9d58} .statCard.red .metricIcon{background:#fde8ea;color:#dc2626} .statCard span{display:block;font-size:12px;font-weight:800;color:var(--a-text)} .statCard b{display:block;font-size:24px;line-height:1.1;letter-spacing:-.02em;color:var(--a-text)} .statCard small{display:block;font-size:11.5px;color:var(--a-muted);margin-top:2px} #admin .adminGridTools{align-items:end;gap:14px;padding:16px 18px;border-radius:12px;border:1px solid var(--d-border,#e3e9f2);box-shadow:0 1px 3px rgba(16,24,40,.06)} #admin .adminGridTools label.searchField{flex:1 1 320px} #admin .searchBox{position:relative;display:block} #admin .searchBox i{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:grid;color:var(--a-muted);pointer-events:none} #admin .searchBox svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #admin .searchBox input{padding-left:36px} #admin .adminGridTools input,#admin .adminGridTools select{height:42px;border-radius:10px;transition:border-color .15s,box-shadow .15s} #admin .adminGridTools input:focus,#admin .adminGridTools select:focus{border-color:var(--a-primary);box-shadow:0 0 0 3px rgba(37,99,235,.15)} #admin .adminExportFiltered{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;background:var(--a-primary);border:0;color:#fff;font-size:12.5px;font-weight:700;transition:background .15s} #admin .adminExportFiltered:hover{background:var(--a-primary-dark)} #admin .adminExportFiltered svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #ad-stock .adminCard.table{padding:0;border-radius:12px;border:1px solid var(--d-border,#e3e9f2);box-shadow:0 1px 3px rgba(16,24,40,.06)} #ad-stock table{width:100%;table-layout:fixed} #ad-stock th:nth-child(1){width:22%}#ad-stock th:nth-child(2){width:28%}#ad-stock th:nth-child(3),#ad-stock th:nth-child(4){width:10%}#ad-stock th:nth-child(5){width:15%}#ad-stock th:nth-child(6){width:15%} #ad-stock td{padding:9px 14px;height:60px;vertical-align:middle} #ad-stock td small{display:block;color:var(--a-muted);font-size:11.5px} #ad-stock tbody tr{transition:background .15s} #ad-stock tbody tr:hover td{background:var(--d-soft,#f3f8ff)} #ad-stock td:nth-child(3) b{font-size:14px} .stockInfo{grid-column:1/-1;display:grid;gap:4px;padding:14px 16px;background:var(--d-soft,#f5f8fd);border:1px solid var(--d-border,#e3e9f2);border-radius:12px} .stockInfo b{font-size:15px} .stockInfo>span{color:var(--a-muted);font-size:12px} .stockInfo dl{display:flex;gap:28px;margin:8px 0 0} .stockInfo dl div{display:grid;gap:2px} .stockInfo dt{font-size:11px;color:var(--a-muted);font-weight:700} .stockInfo dd{margin:0;font-size:18px;font-weight:800} #adminNav{scrollbar-width:none;-ms-overflow-style:none} #adminNav::-webkit-scrollbar{display:none} @media (max-width: 900px){.statCards.three{grid-template-columns:1fr 1fr}} @media (max-width: 640px){.statCards.three{grid-template-columns:1fr}#ad-stock table{table-layout:auto;min-width:640px}} /* Pedidos: reaproveita StatCard, filtros e tabela compacta do Estoque */ .statCard.amber .metricIcon{background:#fff1d6;color:#d97706} .statCard{position:relative} .statCard .statSpark{margin-left:auto;display:grid;flex:none} .statCard .statSpark svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .statCard.blue .statSpark{color:#2563eb}.statCard.green .statSpark{color:#0f9d58}.statCard.amber .statSpark{color:#d97706} #admin .status.info{background:#e6f4fb;color:#0e7490} #ad-orders .adminCard.table{padding:0;border-radius:12px;border:1px solid var(--d-border,#e3e9f2);box-shadow:0 1px 3px rgba(16,24,40,.06)} #ad-orders table{width:100%} #ad-orders td{padding:9px 14px;height:58px;vertical-align:middle} #ad-orders tbody tr{transition:background .15s} #ad-orders tbody tr:hover td{background:var(--d-soft,#f3f8ff)} #ad-orders td:nth-child(6),#ad-orders th:nth-child(6){white-space:nowrap} /* Configurações em abas */ .settingsTabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px} .settingsTabs button{height:38px;padding:0 20px;border:1px solid var(--d-border,#dde4ef);border-radius:999px;background:var(--d-card,#fff);color:var(--a-text);font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s} .settingsTabs button:hover{border-color:#b9cdf7;color:var(--a-primary)} .settingsTabs button.active{background:var(--a-primary);border-color:var(--a-primary);color:#fff;box-shadow:0 6px 16px rgba(37,99,235,.25)} .settingsPanel{display:grid;gap:18px} .settingsCard{position:relative;padding:24px 26px 26px;background:var(--d-card,#fff);border:1px solid var(--d-border,#e3e9f2);border-radius:14px;box-shadow:0 1px 3px rgba(16,24,40,.06);overflow:hidden} .settingsCard:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--a-primary),#7fb0ff 60%,transparent)} .settingsCard header h3{margin:0 0 4px;font-size:18px;color:var(--a-text)} .settingsCard header p{margin:0 0 18px;font-size:12px;color:var(--a-muted)} .sForm{display:grid;gap:14px} .sGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px} .sGrid-2-1{grid-template-columns:2fr 1fr} .sField{display:grid;gap:6px;align-content:start;font-size:12.5px;color:var(--a-text)} .sField>span{font-weight:600} .sField input{height:42px;padding:0 12px;border:1px solid var(--d-border,#dde4ef);border-radius:10px;background:var(--d-card,#fbfcfe);font-size:13.5px;color:var(--a-text);transition:border-color .15s,box-shadow .15s} .sField input:focus{outline:0;border-color:var(--a-primary);box-shadow:0 0 0 3px rgba(37,99,235,.15)} .sField small,.sHint{color:var(--a-muted);font-size:11.5px;line-height:1.4} .sHint{margin:-8px 0 0} .sToggle{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--d-soft,#f6f8fc);border:1px solid var(--d-border,#e3e9f2);border-radius:10px;font-size:13px;cursor:pointer} .sToggle input{position:absolute;opacity:0;pointer-events:none} .sToggle .sBox{box-sizing:border-box;padding:0;flex:none;width:20px;height:20px;border:1.5px solid #b9c4d6;border-radius:6px;background:var(--d-card,#fff);display:grid;place-items:center;transition:background .15s,border-color .15s} .sToggle input:checked+.sBox{background:var(--a-primary);border-color:var(--a-primary)} .sToggle input:checked+.sBox:after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)} .sToggle input:focus-visible+.sBox{box-shadow:0 0 0 3px rgba(37,99,235,.25)} .sActions{display:flex;gap:14px} .sActions.two{display:grid;grid-template-columns:1fr 1fr} .sActions .btn{min-height:42px} .btn.outline{background:var(--d-card,#fff);color:var(--a-primary);border:1px solid var(--a-primary);box-shadow:none} .btn.outline:hover{background:var(--a-primary-soft)} .sActions.two .btn{width:100%;justify-content:center} .sTestRow{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end} .sTestRow .btn{min-height:42px} .sMessage{margin:0;padding:10px 14px;border-radius:10px;font-size:12.5px;font-weight:600} .sMessage.ok{background:#e5f7ec;color:#0f7a45} .sMessage.error{background:#fce9eb;color:#b42332} .sNote{margin:2px 0 0;color:var(--a-muted);font-size:12px} .sNote code,.sCopy code{padding:2px 7px;background:var(--d-soft,#eef2f9);border-radius:6px;font-size:12px} .sRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #edf1f7} .sRow:first-of-type{border-top:0} .sRow b{font-size:13px} .sRow small{display:block;margin-top:2px;color:var(--a-muted);font-size:11.5px} .sRow.stack{flex-direction:column;align-items:stretch} .sCopy{display:flex;gap:10px;align-items:center} .sCopy code{flex:1;padding:10px 12px;overflow-wrap:anywhere} .sCopy .btn{min-height:38px} .settingsLoading{color:var(--a-muted)} @media (max-width: 760px){.sGrid,.sGrid-2-1,.sActions.two,.sTestRow{grid-template-columns:1fr}.settingsCard{padding:20px 16px}} /* Tipografia dos filtros e seletores do admin */ #admin .selectSearchButton{font-size:13px;font-weight:500;letter-spacing:0;color:var(--d-text,#1f2a3d);border-radius:10px;box-shadow:0 1px 2px rgba(16,24,40,.05);background:var(--d-card,#fff)} #admin .selectSearchButton:hover,#admin .selectSearch.open .selectSearchButton{box-shadow:0 0 0 3px rgba(37,99,235,.12)} #admin .productFilters label,#admin .adminGridTools label{font-size:12px;font-weight:600;color:var(--d-muted,#4a5872);letter-spacing:0} #admin .productFilters input,#admin .productFilters select,#admin .adminGridTools input,#admin .adminGridTools select{font-size:13px;font-weight:500;color:var(--d-text,#1f2a3d)} #admin .productFilters input::placeholder,#admin .adminGridTools input::placeholder{color:#8a97ad;font-weight:400} #admin .productSearch{flex:2 1 340px;min-width:260px} /* Visao geral (admin-dashboard.js) */ .dashChip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 13px;border:1px solid var(--a-border);border-radius:9px;background:var(--d-card,#fff);color:var(--a-text);font-size:13px;font-weight:600} .dashChip svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--a-muted)} .dashKpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:4px 0 18px} .dashKpi{--k:#087bff;--kt:#eaf3ff;position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 12px;min-height:96px;padding:16px;border:1px solid var(--a-border);border-left:3px solid var(--k);border-radius:10px;background:var(--d-card,#fff);box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 24px rgba(15,23,42,.06)} .dashKpi.green{--k:#0f9d58;--kt:#e5f7ec}.dashKpi.purple{--k:#8b5cf6;--kt:#f2edfe}.dashKpi.orange{--k:#d97706;--kt:#fdf2df}.dashKpi.teal{--k:#0d9488;--kt:#dcf5f1} .dashKpiIcon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--kt);color:var(--k)} .dashKpiIcon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .dashKpi>div{min-width:0;display:flex;flex-direction:column;gap:3px} .dashKpi span{color:var(--a-muted);font-size:12px;font-weight:700} .dashKpi b{color:var(--a-text);font-size:21px;line-height:1.1;white-space:nowrap} .dashNote{font-size:11.5px;font-weight:700} .dashNote.up{color:#0f9d58}.dashNote.down{color:#dc2626}.dashNote.blue{color:#087bff}.dashNote.warn{color:#d97706}.dashNote.muted{color:var(--a-muted);font-weight:600} .dashSpark{position:absolute;right:12px;top:14px;width:64px;height:26px} .dashRow{display:grid;gap:16px;margin-bottom:18px} .dashRow.two{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)} .dashRow.three{grid-template-columns:repeat(3,minmax(0,1fr))} .dashRow.minis{grid-template-columns:repeat(3,minmax(0,1fr))} .dashCard{padding:18px;border:1px solid var(--a-border);border-radius:12px;background:var(--d-card,#fff);box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 24px rgba(15,23,42,.06);min-width:0} .dashCard header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px} .dashCard h3{margin:0;font-size:15px;color:var(--a-text)} .dashLink{display:inline-flex;align-items:center;gap:3px;border:0;background:none;color:var(--a-primary);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer} .dashLink svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2} .dashChart{width:100%;height:auto;display:block} .dashChart .gridLine{stroke:#e8edf5;stroke-dasharray:3 4} .dashChart .axis{fill:#7b8798;font-size:11px;font-weight:600} .dashChart .trend{fill:none;stroke:#087bff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .dashChart .dot{fill:#fff;stroke:#087bff;stroke-width:2} .dashChart .emptyText{fill:#7b8798;font-size:13px;font-weight:600} .dashDonut{position:relative;width:170px;height:170px;margin:4px auto 14px} .dashDonut svg{width:100%;height:100%} .donutCenter{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center} .donutCenter b{font-size:26px;color:var(--a-text);line-height:1} .donutCenter span{font-size:11px;color:var(--a-muted);font-weight:600;margin-top:4px} .dashLegend{list-style:none;margin:0;padding:0;display:grid;gap:8px} .dashLegend li{display:grid;grid-template-columns:10px 1fr auto 52px;align-items:center;gap:8px;font-size:12.5px;color:var(--a-text)} .dashLegend i{width:9px;height:9px;border-radius:50%} .dashLegend em{font-style:normal;color:var(--a-muted);text-align:right} .dashTable{width:100%;border-collapse:collapse;font-size:12.5px} .dashTable th{text-align:left;color:var(--a-muted);font-size:11.5px;font-weight:700;padding:0 6px 8px} .dashTable td{padding:9px 6px;border-top:1px solid var(--a-border);color:var(--a-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px} .dashList{list-style:none;margin:0;padding:0;display:grid;gap:12px} .dashList li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px} .dashList.ranked li{grid-template-columns:18px auto 1fr auto} .dashList em{font-style:normal;color:var(--a-muted);font-weight:700;font-size:13px} .dashThumb{width:40px;height:40px;border-radius:9px;overflow:hidden;background:var(--d-soft,#eef2f8);display:grid;place-items:center} .dashThumb img{width:100%;height:100%;object-fit:cover} .dashThumb .photoPlaceholder{width:100%;height:100%;display:grid;place-items:center} .dashThumb .photoPlaceholder svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2} .dashList div{min-width:0;display:flex;flex-direction:column;gap:3px} .dashList b{font-size:13px;color:var(--a-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dashList small{color:var(--a-muted);font-size:11.5px;font-weight:600} .dashList strong{font-size:13px}.dashList strong.danger{color:#dc2626}.dashList strong.warn{color:#d97706} .dashList .bar{display:block;height:6px;border-radius:99px;background:#e8f0fe;overflow:hidden} .dashList .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#3b8cff,#087bff)} .dashMini{--k:#087bff;--kt:#eaf3ff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--a-border);border-radius:12px;background:var(--d-card,#fff);text-align:left;font:inherit;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 24px rgba(15,23,42,.06)} .dashMini.teal{--k:#0d9488;--kt:#dcf5f1}.dashMini.orange{--k:#d97706;--kt:#fdf2df} .dashMini>i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--kt);color:var(--k)} .dashMini>i svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .dashMini div{display:flex;flex-direction:column;gap:3px} .dashMini div>span{color:var(--a-muted);font-size:12px;font-weight:700} .dashMini b{font-size:20px;color:var(--a-text)} .dashMini .chev svg{width:16px;height:16px;stroke:var(--a-muted);fill:none;stroke-width:2} @media(max-width:1280px){.dashKpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1180px){.dashRow.three{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:1100px){.dashRow.two,.dashRow.three,.dashRow.minis{grid-template-columns:1fr}} @media(max-width:700px){.dashKpis{grid-template-columns:1fr 1fr}} @media(max-width:480px){.dashKpis{grid-template-columns:1fr}} .dashTable{table-layout:auto;font-size:12px} .dashTable td,.dashTable th{padding-left:4px;padding-right:4px} .dashTable td:nth-child(2){max-width:90px}.dashTable td:nth-child(3){max-width:none;overflow:visible} .dashTable .status{font-size:11px;padding:3px 8px} @media(min-width:1181px){.dashRow.three{grid-template-columns:1.25fr 1fr 1fr}} /* Configuracoes: acoes sempre a direita, com respiro */ #saveSettings{display:none!important} .settingsCard .sActions{justify-content:flex-end;margin-top:10px;padding-top:18px;border-top:1px solid #edf1f7} .settingsCard .sActions.two{display:flex} .settingsCard .sActions.two .btn{width:auto;min-width:160px} .settingsCard .sTestRow{margin-top:4px} .settingsCard .sForm{gap:16px} .settingsRoot{padding-bottom:24px} /* Cupons */ .statCards.four{grid-template-columns:repeat(4,minmax(0,1fr))} .statCard.gray .metricIcon{background:#e8ebf1;color:var(--d-muted,#64748b)} .statCard.green .metricIcon{background:#e3f7ec} @media (max-width:1100px){.statCards.four{grid-template-columns:1fr 1fr}} @media (max-width:640px){.statCards.four{grid-template-columns:1fr}} .cpFilters{display:grid;grid-template-columns:minmax(220px,2.2fr) 1fr 1fr 1fr auto auto;gap:14px;align-items:end;padding:18px 20px;margin-bottom:18px} .cpField{display:grid;gap:7px;font-size:12px;font-weight:800;color:var(--a-text)} .cpField select,.cpField .searchBox{height:40px} .cpField .searchBox{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--a-border);border-radius:10px;background:var(--d-card,#fff)} .cpField .searchBox i{display:grid;color:var(--a-muted)}.cpField .searchBox svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2} .cpField .searchBox input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:13px} .cpApply{height:40px;display:inline-flex;align-items:center;gap:8px} .cpReset{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:1px solid var(--a-border);border-radius:10px;background:var(--d-card,#fff);color:var(--a-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer} .cpReset:hover{border-color:var(--a-primary);color:var(--a-primary)} .cpApply svg,.cpReset svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .cpCard{padding:0!important;overflow:hidden} .cpScroll{overflow-x:auto} .couponTable{width:100%;min-width:900px;border-collapse:collapse} .couponTable th{padding:14px 12px;text-align:left;font-size:12px;font-weight:800;color:var(--d-muted,#475569);background:var(--d-card,#fff);border-bottom:1px solid var(--a-border);white-space:nowrap} .couponTable td{padding:14px 12px;border-bottom:1px solid #eef2f7;font-size:13px;vertical-align:middle;color:var(--a-text)} .couponTable tbody tr:last-child td{border-bottom:0} .couponTable tbody tr:hover{background:var(--d-card,#fafcff)} .couponTable .colCheck{width:44px;padding-left:20px} .cpDesc{display:grid;gap:2px}.cpDesc span{font-weight:500}.cpDesc em{color:var(--a-muted);font-style:normal}.cpDesc small,.cpUses small{font-size:11.5px;color:var(--a-muted)} .cpUses{display:grid;gap:2px} .cpKind{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:#e5eefc;color:#1d5fd6;font-size:11.5px;font-weight:700;white-space:nowrap} .cpKind i{font-style:normal;font-weight:800}.cpKind svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2} .cpKind.fixed{background:#e8f4ea;color:#15803d}.cpKind.free{background:#f1e9fe;color:#7c3aed} .cpDate{display:inline-flex;align-items:center;gap:7px;color:var(--d-muted,#475569);white-space:nowrap}.cpDate svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--d-muted,#64748b)} .cpDate.expired{color:#b91c1c}.cpDate.expired svg{color:#dc2626} .cpStatus{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:99px;font-size:11.5px;font-weight:700;background:#e7ebf2;color:var(--d-muted,#475569)} .cpStatus i{width:6px;height:6px;border-radius:50%;background:currentColor} .cpStatus.ok{background:#dff5e7;color:#15803d}.cpStatus.danger{background:#fde7e7;color:#b91c1c}.cpStatus.sched{background:#e9e5fd;color:#5b3fd0} .couponTable .rowActions{display:flex;gap:8px} .couponTable .iconBtn.off{color:#94a3b8} .cpCard .tableFooter{margin:0;padding:14px 20px;border-top:1px solid var(--a-border)} .cpCard .adminPager .pageNav{height:32px;padding:0 14px;border:1px solid var(--a-border);border-radius:9px;background:var(--d-card,#fff);color:var(--a-text);font-size:12px;font-weight:600;cursor:pointer} .cpCard .adminPager .pageNav:disabled{opacity:.45;cursor:not-allowed} .cpBulk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 20px;background:#eaf2ff;border-bottom:1px solid #d5e4fb} .cpBulk[hidden]{display:none} .cpBulk b{font-size:12.5px;color:#1d4ed8;margin-right:6px} .cpBulk button{height:32px;padding:0 13px;border:1px solid #bcd3f7;border-radius:8px;background:var(--d-card,#fff);color:#1d4ed8;font:inherit;font-size:12px;font-weight:700;cursor:pointer} .cpBulk button.ghost{border-color:transparent;background:none;color:var(--d-muted,#64748b)} .cpTip{display:flex;align-items:center;gap:16px;margin-top:20px;padding:16px 22px;border:1px solid #d9e7fb;border-radius:14px;background:linear-gradient(90deg,#eaf3ff,var(--d-soft,#f4f8ff))} .cpTip>i{display:grid;place-items:center;flex:none;width:40px;height:40px;color:#2563eb}.cpTip>i svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .cpTip b{display:block;font-size:13.5px;color:#1e3a8a}.cpTip p{margin:3px 0 0;font-size:12.5px;color:var(--d-muted,#475569)} .cpTip>div{flex:1} .cpTip button{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 18px;border:1px solid #d7e3f5;border-radius:9px;background:var(--d-card,#fff);color:#1d4ed8;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer} .cpTip button svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2} .cpMore{position:absolute;z-index:80;min-width:170px;padding:6px;border:1px solid var(--a-border);border-radius:10px;background:var(--d-card,#fff);box-shadow:0 12px 30px rgba(15,23,42,.16)} .cpMore[hidden]{display:none} .cpMore button{display:block;width:100%;padding:9px 12px;border:0;border-radius:7px;background:none;text-align:left;font:inherit;font-size:12.5px;color:var(--a-text);cursor:pointer}.cpMore button:hover{background:var(--d-soft,#f1f5fb)} .cpDetails{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0} .cpDetails div{padding:10px 0;border-bottom:1px solid #eef2f7}.cpDetails dt{font-size:11.5px;color:var(--a-muted)}.cpDetails dd{margin:2px 0 0;font-weight:700} @media (max-width:1150px){.cpFilters{grid-template-columns:1fr 1fr 1fr}.cpSearch{grid-column:1/-1}} @media (max-width:640px){.cpFilters{grid-template-columns:1fr}.cpTip{flex-wrap:wrap}.cpDetails{grid-template-columns:1fr}} /* Avaliações e perguntas */ .rvTop{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,440px);gap:18px;align-items:start} .rvTop .adminSectionHead{margin-bottom:0} .rvTip{position:relative;display:flex;gap:12px;padding:14px 38px 14px 16px;border:1px solid #cfe0fb;border-radius:12px;background:#eaf3ff;color:#1e3a8a} .rvTip[hidden]{display:none} .rvTip>i{display:grid;flex:none;width:22px;height:22px;color:#2563eb}.rvTip>i svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .rvTip b{display:block;font-size:12.5px}.rvTip p{margin:3px 0 0;font-size:11.5px;color:var(--d-muted,#475569);line-height:1.45} .rvTip button{position:absolute;top:8px;right:10px;border:0;background:none;font-size:20px;color:var(--d-muted,#64748b);cursor:pointer} .statCard b em{margin-left:8px;font-size:12px;font-style:normal;font-weight:700} .statCard b em.up{color:#0f9d58}.statCard b em.down{color:#dc2626}.statCard b em.flat{color:var(--d-muted,#64748b)} .rvCard{margin-top:18px;padding:18px 20px 14px!important} .rvHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px} .rvHead h3{display:flex;align-items:center;gap:10px;margin:0;font-size:17px;color:var(--a-text)} .rvHead h3 span{display:grid;color:#2563eb}.rvHead h3 svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .rvLink{border:0;background:none;color:var(--a-primary);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer} .rvFilters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:14px} .rvField{display:grid;gap:6px;font-size:11.5px;font-weight:700;color:var(--d-muted,#475569)} .rvField select{height:38px;min-width:140px} .rvSearch{flex:1;min-width:240px} .rvSearch .searchBox{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--a-border);border-radius:10px;background:var(--d-card,#fff)} .rvSearch .searchBox i{display:grid;color:var(--a-muted)}.rvSearch svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2} .rvSearch input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:13px} .rvExport{height:38px;display:inline-flex;align-items:center;gap:8px} .rvScroll{overflow-x:auto} .rvTable{width:100%;min-width:860px;border-collapse:collapse} .rvTable th{padding:10px 12px;text-align:left;font-size:11.5px;font-weight:800;color:var(--d-muted,#475569);border-bottom:1px solid var(--a-border);white-space:nowrap} .rvTable td{padding:11px 12px;border-bottom:1px solid #eef2f7;font-size:12.5px;vertical-align:middle;color:var(--a-text)} .rvTable tbody tr:last-child td{border-bottom:0}.rvTable tbody tr:hover{background:var(--d-card,#fafcff)} .rvProduct{display:flex;align-items:center;gap:10px;font-weight:600;min-width:170px} .rvThumb{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:8px;background:var(--d-soft,#eef2f8);overflow:hidden} .rvThumb img{width:100%;height:100%;object-fit:cover}.rvThumb .photoPlaceholder{width:100%;height:100%;display:grid;place-items:center}.rvThumb .photoPlaceholder svg{width:16px;height:16px} .rvPerson{display:flex;align-items:center;gap:9px;min-width:150px} .rvAvatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#dfeafd;color:#1d4ed8;font-size:11px;font-weight:800} .rvPerson b{display:block;font-size:12.5px}.rvPerson small,.rvDate small,.rvAnswer small,.rvReplied{display:block;font-size:11px;color:var(--a-muted)} .rvReplied{color:#0f9d58!important;margin-top:2px} .rvStars{display:inline-flex;gap:1px}.rvStars svg{width:14px;height:14px;stroke:#f5a623;fill:none;stroke-width:1.6;stroke-linejoin:round}.rvStars svg.on{fill:#f5a623} .rvClamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:300px;padding:0;border:0;background:none;text-align:left;font:inherit;font-size:12.5px;line-height:1.4;color:var(--a-text);cursor:pointer} button.rvClamp:hover{color:var(--a-primary)}.rvClamp em,.rvDash{color:var(--a-muted);font-style:normal}.rvClamp.plain{cursor:default} .rvDate span{display:block;font-size:12.5px} .rvBadge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:11.5px;font-weight:700;white-space:nowrap} .rvBadge svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .rvBadge.ok{background:#dff5e7;color:#15803d}.rvBadge.warn{background:#fdf0cf;color:#a16207}.rvBadge.danger{background:#fde7e7;color:#b91c1c}.rvBadge.orange{background:#ffe9d6;color:#c2560c} .rvTable .rowActions{display:flex;gap:8px} .rvTable .iconBtn.okBtn{color:#0f9d58;border-color:#bfe6cf;background:var(--d-soft,#f0fbf4)}.rvTable .iconBtn.hot{color:#fff;background:#2563eb;border-color:#2563eb} .rvCard .tableFooter{margin-top:12px} .rvCard .adminPager .pageDots{color:var(--a-muted);padding:0 2px} .rvCard .adminPager .pageBtn:disabled{opacity:.45;cursor:not-allowed} .rvCard .adminPager .pageBtn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2} .rvEmpty{display:grid;justify-items:center;gap:6px;padding:38px 16px;border:1px dashed var(--d-border,#d5deec);border-radius:12px;text-align:center;color:var(--a-muted)} .rvEmpty span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e9f1fd;color:#2563eb}.rvEmpty svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .rvEmpty b{font-size:15px;color:var(--a-text);margin-top:6px}.rvEmpty p{margin:0;font-size:12.5px} .rvMore{position:absolute;z-index:80;min-width:180px;padding:6px;border:1px solid var(--a-border);border-radius:10px;background:var(--d-card,#fff);box-shadow:0 12px 30px rgba(15,23,42,.16)} .rvMore[hidden]{display:none} .rvMore button{display:block;width:100%;padding:9px 12px;border:0;border-radius:7px;background:none;text-align:left;font:inherit;font-size:12.5px;cursor:pointer}.rvMore button:hover{background:var(--d-soft,#f1f5fb)} .rvInfo{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:0 0 12px} .rvInfo div{padding:8px 0;border-bottom:1px solid #eef2f7}.rvInfo dt{font-size:11px;color:var(--a-muted)}.rvInfo dd{margin:2px 0 0;font-weight:700;font-size:13px} .rvTitle{margin:12px 0 4px;font-size:13px} .rvQuote{margin:6px 0 12px;padding:12px 14px;border-left:3px solid #2563eb;border-radius:0 10px 10px 0;background:var(--d-soft,#f4f8ff);font-size:13px;line-height:1.55;white-space:pre-wrap} .rvQuote.reply{border-color:#0f9d58;background:var(--d-soft,#f1faf5)} .rvReplyField{display:grid;gap:6px;font-size:12px;font-weight:700}.rvReplyField textarea{width:100%;padding:10px 12px;border:1px solid var(--a-border);border-radius:10px;font:inherit;font-size:13px;resize:vertical} .rvBy{color:var(--a-muted)} .rvBtn{height:38px;padding:0 16px;border:1px solid var(--a-border);border-radius:10px;background:var(--d-card,#fff);color:var(--a-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer} .rvBtn.ok{border-color:#bfe6cf;background:var(--d-soft,#f0fbf4);color:#15803d}.rvBtn.danger{border-color:#f5c6c6;background:var(--d-soft,#fff5f5);color:#b91c1c} @media (max-width:1000px){.rvTop{grid-template-columns:1fr}} @media (max-width:640px){.rvFilters{flex-direction:column;align-items:stretch}.rvField select{width:100%}.rvInfo{grid-template-columns:1fr}} /* Sidebar (visual escuro premium) */ .adminSide{background:linear-gradient(180deg,#081b32 0%,#06111f 100%)!important;padding:22px 16px 0!important;border-right:1px solid rgba(80,140,255,.08)} .adminSide .adminLogo{gap:10px;margin:0 0 6px;padding:0 6px} .adminSide .adminLogo img{width:46px;height:46px;border-radius:10px;object-fit:contain;background:transparent} .adminSide .adminLogo span{color:#fff;font-size:19px;font-weight:800}.adminSide .adminLogo small{color:#8fb4ff;letter-spacing:.2em;font-size:8.5px} .adminSide #adminNav{margin-top:22px!important;gap:22px!important;padding-bottom:12px} .adminNavHeading{display:flex!important;align-items:center;gap:10px;padding:0 8px 4px!important;color:#5f9dff!important;font-size:11px!important;font-weight:700!important;letter-spacing:.16em!important} .adminNavHeading:after{content:"";flex:1;height:1px;background:rgba(255,255,255,.08)} .adminNavGroup{gap:4px!important} .adminSide #adminNav button{position:relative;min-height:46px!important;gap:14px!important;padding:10px 14px!important;border-radius:11px!important;color:#c7d4e6!important;font-size:14px!important;font-weight:600;transition:background .18s,color .18s,box-shadow .18s} .adminSide #adminNav button:after{content:"";margin-left:auto;width:7px;height:7px;border-top:2px solid #4b6a92;border-right:2px solid #4b6a92;transform:rotate(45deg);opacity:.8;transition:transform .18s} .adminSide #adminNav button:hover{background:rgba(34,113,255,.13)!important;color:#fff!important} .adminSide #adminNav button:hover:after{border-color:#8fb4ff;transform:rotate(45deg) translate(2px,-2px)} .adminSide #adminNav button.active{background:linear-gradient(135deg,#1585ff,#0d5ff8)!important;color:#fff!important;box-shadow:0 8px 20px rgba(21,133,255,.32)!important} .adminSide #adminNav button.active:after{border-color:#fff} .adminSide #adminNav .adminNavIcon{display:grid;place-items:center;width:22px;height:22px;color:inherit} .adminSide #adminNav .adminNavIcon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .adminSideFoot{padding:16px 0 16px!important;border-top:1px solid rgba(255,255,255,.08)!important} .adminSideFoot>button{min-height:46px;padding:0 16px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:11px!important;color:#dbe6f5!important;font-size:13.5px;font-weight:600;transition:border-color .18s,background .18s} .adminSideFoot>button:hover{border-color:#2f7dff!important;background:rgba(34,113,255,.12)!important;color:#fff!important} .adminSideFoot>button svg{width:18px!important;height:18px!important} .adminSideVersion{margin-top:12px!important;color:#5f7391!important;font-size:11.5px} .admin.sidebar-collapsed .adminSide{padding-left:10px!important;padding-right:10px!important} .admin.sidebar-collapsed .adminSide #adminNav button:after,.admin.sidebar-collapsed .adminNavHeading:after{display:none} .admin.sidebar-collapsed .adminNavHeading{display:none!important} .admin.sidebar-collapsed .adminSideFoot>button{justify-content:center;padding:0!important} .adminSide #adminNav button:focus-visible,.adminSideFoot button:focus-visible{outline:2px solid #6fb1ff;outline-offset:2px} /* Tema escuro: variáveis usadas pelas cores neutras (as claras só valem no tema escuro; no claro vale o fallback original). */ #admin[data-theme="dark"]{--d-card:#111b2d;--d-soft:#0e1930;--d-border:#22304a;--d-text:#e7edf7;--d-muted:#93a1bd} #admin[data-theme="dark"] .adminMain,#admin[data-theme="dark"] .adminContent{color:#e7edf7} /* Configurações › SEO */ .seoPrevs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.seoPrev h4{margin:0 0 8px;font-size:13px;color:#33507a}.seoGoogle{padding:14px;border:1px solid #e3e9f2;border-radius:10px;background:#fff;display:grid;gap:3px}.seoGoogle small{color:#4d5156;font-size:12px}.seoGoogle b{color:#1a0dab;font-size:18px;font-weight:400}.seoGoogle p{margin:0;color:#4d5156;font-size:13px} .seoShare{border:1px solid #e3e9f2;border-radius:10px;overflow:hidden;background:#fff}.seoShare img{display:block;width:100%;max-height:180px;object-fit:contain;background:#eef2f7;padding:10px;box-sizing:border-box}.seoShare>div{display:grid;gap:2px;padding:10px 12px}.seoShare small{color:#5f7391;font-size:11.5px}.seoShare b{font-size:14px}.seoShare p{margin:0;color:#5f7391;font-size:12.5px} @media (max-width:820px){.seoPrevs{grid-template-columns:1fr}} .selectSearch { position: relative; width: 100%; min-width: 0; color: var(--a-text, #071320); } .selectSearch select.selectSearchNative { position: absolute !important; width: 1px !important; height: 1px !important; min-width: 1px !important; min-height: 1px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; opacity: 0 !important; pointer-events: none !important; overflow: hidden !important; } .selectSearchButton { width: 100%; min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 14px; border: 1px solid var(--a-border, #d9e6f3); border-radius: 14px; background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%); color: var(--a-text, #071320); font: inherit; font-weight: 800; line-height: 1.2; text-align: left; box-shadow: 0 10px 24px rgba(7, 124, 255, .08), inset 0 1px 0 rgba(255, 255, 255, .9); cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease; } .selectSearchButton:hover, .selectSearch.open .selectSearchButton { border-color: rgba(7, 124, 255, .55); box-shadow: 0 12px 28px rgba(7, 124, 255, .14), 0 0 0 4px rgba(7, 124, 255, .09); } .selectSearchButton:focus-visible { outline: 3px solid rgba(7, 124, 255, .22); outline-offset: 2px; } .selectSearchButton:disabled { cursor: not-allowed; opacity: .6; } .selectSearchValue { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .selectSearchChevron { width: 18px; height: 18px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 999px; color: var(--blue, #087bff); transition: transform .18s ease; } .selectSearch.open .selectSearchChevron { transform: rotate(180deg); } .selectSearchPanel { position: absolute; z-index: 9999; top: calc(100% + 7px); left: 0; right: 0; min-width: 190px; padding: 10px; border: 1px solid rgba(7, 124, 255, .18); border-radius: 16px; background: rgba(255, 255, 255, .98); box-shadow: 0 22px 60px rgba(7, 25, 48, .18); backdrop-filter: blur(10px); } .selectSearchPanel[hidden] { display: none !important; } .selectSearchInputWrap { display: flex; align-items: center; gap: 8px; height: 38px; margin-bottom: 8px; padding: 0 11px; border: 1px solid #dce8f5; border-radius: 12px; background: #f8fbff; color: #6f89a8; } .selectSearchInputWrap svg { width: 15px; height: 15px; flex: 0 0 auto; stroke: currentColor; fill: none; stroke-width: 2; } .selectSearchInput { width: 100%; min-width: 0; height: 100%; padding: 0; border: 0 !important; outline: 0; background: transparent !important; box-shadow: none !important; color: #10263c; font: inherit; font-size: 13px; font-weight: 700; } .selectSearchInput::placeholder { color: #8da4bd; } .selectSearchList { max-height: 224px; overflow: auto; padding-right: 3px; } .selectSearchOption, .selectSearchEmpty { width: 100%; min-height: 38px; display: flex; align-items: center; gap: 8px; padding: 9px 11px; border: 0; border-radius: 11px; background: transparent; color: #17324d; font: inherit; font-size: 13px; font-weight: 750; text-align: left; } .selectSearchOption { cursor: pointer; } .selectSearchOption:hover, .selectSearchOption.is-active { background: #edf6ff; color: var(--blue, #087bff); } .selectSearchOption.is-selected { background: linear-gradient(135deg, #087bff, #18a8ff); color: #fff; box-shadow: 0 8px 18px rgba(7, 124, 255, .24); } .selectSearchOption:disabled { cursor: not-allowed; opacity: .45; } .selectSearchCheck { margin-left: auto; font-weight: 900; } .selectSearchEmpty { color: #7890a8; justify-content: center; } .productFilters .selectSearchButton, .formGrid .selectSearchButton, .formBox .selectSearchButton, dialog .selectSearchButton { min-height: 44px; } .productFilters .selectSearchPanel, dialog .selectSearchPanel { min-width: 220px; } .catalogTop .selectSearch { width: min(240px, 100%); } #product .swatches .selectSearch { max-width: 420px; } body.admin-theme-dark .selectSearch, #admin[data-theme="dark"] .selectSearch, .admin.dark .selectSearch { color: #edf6ff; } body.admin-theme-dark .selectSearchButton, #admin[data-theme="dark"] .selectSearchButton, .admin.dark .selectSearchButton { border-color: rgba(128, 161, 197, .28); background: linear-gradient(180deg, rgba(18, 35, 56, .96), rgba(11, 25, 43, .96)); color: #edf6ff; } body.admin-theme-dark .selectSearchPanel, #admin[data-theme="dark"] .selectSearchPanel, .admin.dark .selectSearchPanel { border-color: rgba(128, 161, 197, .28); background: rgba(12, 25, 42, .98); box-shadow: 0 22px 60px rgba(0, 0, 0, .36); } body.admin-theme-dark .selectSearchInputWrap, #admin[data-theme="dark"] .selectSearchInputWrap, .admin.dark .selectSearchInputWrap { border-color: rgba(128, 161, 197, .22); background: rgba(255, 255, 255, .06); color: #9db4ce; } body.admin-theme-dark .selectSearchInput, #admin[data-theme="dark"] .selectSearchInput, .admin.dark .selectSearchInput { color: #edf6ff; } body.admin-theme-dark .selectSearchOption, #admin[data-theme="dark"] .selectSearchOption, .admin.dark .selectSearchOption { color: #dcecff; } body.admin-theme-dark .selectSearchOption:hover, body.admin-theme-dark .selectSearchOption.is-active, #admin[data-theme="dark"] .selectSearchOption:hover, #admin[data-theme="dark"] .selectSearchOption.is-active, .admin.dark .selectSearchOption:hover, .admin.dark .selectSearchOption.is-active { background: rgba(7, 124, 255, .18); color: #fff; } @media (max-width: 640px) { .catalogTop .selectSearch, #product .swatches .selectSearch { width: 100%; max-width: none; } .selectSearchPanel { min-width: 100%; } } /* Campo "Pesquisar..." do seletor: só a caixa externa recebe o destaque azul (o input interno nunca desenha borda/contorno próprios). */ .selectSearchInput, .selectSearchInput:hover, .selectSearchInput:focus, .selectSearchInput:focus-visible, dialog .selectSearchInput:focus, #admin .selectSearchInput:focus { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; outline-offset: 0 !important; background: transparent !important; box-shadow: none !important; } .selectSearchInputWrap { overflow: hidden; } .selectSearchInputWrap:focus-within { border-color: #0b73f0; box-shadow: 0 0 0 3px rgba(11, 115, 240, .14); background: #fff; } /* Página de produto (product-page.js) */ #product{--pp-blue:#0b73f0;--pp-blue-2:#0a5fd1;--pp-navy:#0c2a5b;--pp-ink:#1a2740;--pp-muted:#6b7a90;--pp-line:#e3e9f2;--pp-soft:#eef4fd;--pp-green:#12a865;background:#f4f7fc;font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif;color:var(--pp-ink)} #product .ppWrap{max-width:1240px;margin:0 auto;padding:22px 24px 56px} #product svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #product svg.solid{fill:currentColor;stroke:none} #product button{font-family:inherit} .ppCrumb{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:12px;color:var(--pp-muted)} .ppCrumb svg{width:14px;height:14px} .ppCrumb a{color:var(--pp-muted);text-decoration:none}.ppCrumb a:hover{color:var(--pp-blue)} .ppCrumb i{font-style:normal;opacity:.7}.ppCrumb b{color:var(--pp-navy);font-weight:700} .ppTop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start} .ppGallery,.ppInfo{background:#fff;border:1px solid var(--pp-line);border-radius:16px;box-shadow:0 1px 2px rgba(15,35,80,.04),0 12px 32px rgba(15,35,80,.06)} .ppGallery{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;padding:14px} .ppGallery.single{grid-template-columns:minmax(0,1fr)}.ppGallery.single .ppThumbs,.ppGallery.single .ppArrow{display:none} .ppThumbs{display:flex;flex-direction:column;gap:10px;max-height:436px;overflow:auto;scrollbar-width:none} .ppThumbs::-webkit-scrollbar{display:none} .ppThumbs button{flex:none;width:56px;height:56px;padding:0;border:1.5px solid var(--pp-line);border-radius:10px;background:#f4f7fb;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s} .ppThumbs button img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:normal} .ppThumbs button:hover{border-color:#9cc3f7} .ppThumbs button.active{border-color:var(--pp-blue);box-shadow:0 0 0 2px rgba(11,115,240,.16)} .ppStage{position:relative;height:436px;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#2a3f6d,#111d38);display:grid;place-items:center;cursor:zoom-in} .ppStage #pImage{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;transition:opacity .2s} .ppRound{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--pp-navy);box-shadow:0 4px 14px rgba(9,25,60,.22);cursor:pointer;transition:transform .15s,color .15s} .ppRound svg{width:18px;height:18px} .ppRound:hover{transform:scale(1.06)} .ppFav{position:absolute;top:12px;right:12px;z-index:2} .ppFav.on,.ppSecondary button.on svg{color:#ef3340}.ppFav.on svg,.ppSecondary button.on svg{fill:#ef3340} .ppArrow{position:absolute;top:50%;margin-top:-18px;z-index:2}.ppArrow.prev{left:12px}.ppArrow.next{right:12px} .ppZoom{position:absolute;right:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(12,24,50,.62);color:#fff;font-size:12px;font-weight:600;backdrop-filter:blur(4px);cursor:pointer} .ppZoom svg{width:15px;height:15px} .ppLightbox{border:0;padding:0;background:transparent;max-width:92vw;max-height:92vh;overflow:visible} .ppLightbox::backdrop{background:rgba(7,15,32,.82)} .ppLightbox img{display:block;max-width:92vw;max-height:88vh;border-radius:14px;background:#fff} .ppLightbox .ppRound{position:absolute;top:-14px;right:-14px;font-size:22px;line-height:1;z-index:3} .ppInfo{padding:16px 22px 22px} .ppBadges{display:grid;grid-template-columns:auto 1.05fr 1.15fr;gap:8px;margin-bottom:14px} .ppBadges:empty{display:none} .ppBadge{display:flex;align-items:center;gap:9px;min-width:0;padding:8px 12px;border-radius:11px;background:var(--pp-soft);color:var(--pp-navy);font-size:11.5px;line-height:1.25} .ppBadge b{display:block;font-size:12px;font-weight:700}.ppBadge small{display:block;color:var(--pp-muted);font-size:10.5px} .ppBadge svg{width:17px;height:17px;flex:none;color:var(--pp-blue)} .ppBadge.feat{border-radius:99px;background:#e3eefc;color:var(--pp-blue-2)}.ppBadge.feat b{font-size:12px} .ppBadge.stock,.ppBadge.out,.ppBadge.low{background:#eef7f2}.ppBadge.out{background:#fdeeee}.ppBadge.low{background:#fef6e6} .ppBadge.ship{background:#eef4fd} .dot{width:8px;height:8px;border-radius:50%;background:var(--pp-green);flex:none;display:inline-block;box-shadow:0 0 0 3px rgba(18,168,101,.15)} .ppBadge.out .dot,.dot.out{background:#e0313a;box-shadow:0 0 0 3px rgba(224,49,58,.14)} .ppBadge.low .dot,.dot.low{background:#e6a412;box-shadow:0 0 0 3px rgba(230,164,18,.16)} #product h1{margin:0;font-size:32px;line-height:1.1;letter-spacing:-.02em;font-weight:800;color:var(--pp-navy)} .ppAttrs{margin:7px 0 10px;font-size:12.5px;color:var(--pp-muted)} .ppRating{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12.5px} .ppRating b{color:var(--pp-navy)}.muted{color:var(--pp-muted)} .ppStars{display:inline-flex;gap:1px}.ppStars svg{stroke:#f5a623;fill:none}.ppStars svg.on{fill:#f5a623} .ppLink{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:0;border:0;background:none;color:var(--pp-blue);font-size:12.5px;font-weight:600;cursor:pointer} .ppLink svg{width:13px;height:13px} .ppShort{margin:12px 0 0;font-size:13px;line-height:1.55;color:#4b5b73} .ppPerks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 0;padding:14px 0;list-style:none;border-top:1px solid var(--pp-line);border-bottom:1px solid var(--pp-line)} .ppPerks li{display:flex;align-items:center;gap:8px;font-size:11.5px;line-height:1.25;color:var(--pp-navy)} .ppPerks li>span{display:grid;place-items:center;flex:none}.ppPerks svg{width:24px;height:24px;color:var(--pp-blue);stroke-width:1.6} .ppPerks b{font-weight:600} .ppPriceRow{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 0 4px} #pPrice{display:block;font-size:34px;font-weight:800;color:var(--pp-blue);letter-spacing:-.02em;line-height:1.05} #pPrice s{display:block;font-size:13px;font-weight:500;color:var(--pp-muted);letter-spacing:0} #product #ppInstall{display:block;margin-top:4px;color:var(--pp-muted);font-size:12px} .ppMeta{margin:0;padding-left:20px;border-left:1px solid var(--pp-line);font-size:12px;display:grid;gap:6px} .ppMeta div{display:flex;gap:6px}.ppMeta dt{color:var(--pp-muted)}.ppMeta dd{margin:0;font-weight:700;color:var(--pp-navy)} .ppInfo h4{margin:0 0 8px;font-size:12px;font-weight:700;color:var(--pp-navy)} .ppVarBlock{margin-top:14px} .ppVariants{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .ppSwatch{position:relative;display:grid;place-items:center;width:34px;height:34px;padding:0;border:2px solid transparent;border-radius:50%;background:#fff;cursor:pointer;transition:border-color .15s,transform .15s} .ppSwatch i{display:block;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(15,35,80,.18)} .ppSwatch:hover{transform:scale(1.06)}.ppSwatch.active{border-color:var(--pp-blue)} .ppSwatch.soldout{opacity:.45}.ppSwatch.soldout:after{content:"";position:absolute;left:5px;right:5px;top:50%;height:2px;background:#e0313a;transform:rotate(-40deg)} .ppChip{padding:8px 13px;border:1.5px solid var(--pp-line);border-radius:9px;background:#fff;font-size:12px;font-weight:600;color:var(--pp-navy);cursor:pointer} .ppChip.active{border-color:var(--pp-blue);background:var(--pp-soft);color:var(--pp-blue-2)}.ppChip.soldout{opacity:.5;text-decoration:line-through} .ppVarName{margin-left:6px;font-size:12px;color:var(--pp-muted)} [data-tip]{position:relative} .ppSwatch[data-tip]:hover:before{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:5px 9px;border-radius:7px;background:#0c1c3d;color:#fff;font-size:11px;font-weight:600;white-space:nowrap;z-index:5} .ppBuyRow{display:grid;grid-template-columns:auto 1fr;gap:14px 16px;align-items:end;margin-top:16px} .ppShipCard{margin-top:16px;padding:14px 16px;border:1px solid var(--pp-line);border-radius:12px;background:#f8fbff} .ppQty{display:inline-flex;align-items:center;height:40px;border:1.5px solid var(--pp-line);border-radius:10px;background:#fff;overflow:hidden} .ppQty button{width:38px;height:100%;border:0;background:#f6f9fd;color:var(--pp-navy);font-size:18px;cursor:pointer} .ppQty button:hover{background:var(--pp-soft)} .ppQty span{min-width:44px;text-align:center;font-weight:700;font-size:14px} .ppStock{display:flex;align-items:center;gap:8px;padding-bottom:3px} .ppStock span{display:block;line-height:1.25}.ppStock b{display:block;font-size:12px;color:var(--pp-green)}.ppStock.out b{color:#e0313a}.ppStock.low b{color:#b8790c}.ppStock small{display:block;font-size:10.5px;color:var(--pp-muted)} .ppShip{} .ppShip h4{display:flex;align-items:center;gap:6px}.ppShip h4 svg{width:15px;height:15px;color:var(--pp-blue)} .ppShipHead{display:flex;align-items:center;gap:10px} .ppShipHead>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:#eef4fd;color:var(--pp-blue)}.ppShipHead>span svg{width:16px;height:16px} .ppShipHead>div{flex:1;min-width:0}.ppShipHead b{display:block;font-size:11.5px;color:var(--pp-muted);font-weight:600}.ppShipHead span#ppShipAddr,.ppShipHead #ppShipAddr{display:block;font-size:13px;font-weight:700;color:var(--pp-navy)} .ppShipHead #ppShipAlter{flex:none;border:0;background:none;padding:0;color:var(--pp-blue);font-size:12.5px;font-weight:700;cursor:pointer}.ppShipHead #ppShipAlter:hover{text-decoration:underline} .ppShipForm{display:flex;gap:8px;margin-top:10px}.ppShipForm[hidden]{display:none} .ppShipForm input{flex:1;min-width:0;height:40px;padding:0 12px;border:1.5px solid var(--pp-line);border-radius:10px;background:#fff;font-size:12.5px;font-family:inherit;color:var(--pp-ink)} .ppShipForm input:focus{outline:0;border-color:var(--pp-blue);box-shadow:0 0 0 3px rgba(11,115,240,.14)} .ppShipForm button{height:40px;padding:0 18px;border:0;border-radius:10px;background:var(--pp-blue);color:#fff;font-size:12.5px;font-weight:700;cursor:pointer} .ppShipForm button:hover{background:var(--pp-blue-2)}.ppShipForm button:disabled{opacity:.7;cursor:progress} .ppShipResult:empty{display:none} .ppShipResult{margin-top:12px;padding:12px 14px;border:1px solid var(--pp-line);border-radius:12px;background:#f8fbff;font-size:12.5px} .ppShipResult p{margin:0}.ppShipResult .err{color:#c62828}.ppShipResult .loading{color:var(--pp-muted)} .ppShipResult .addr{display:flex;align-items:center;gap:7px;margin-bottom:8px;font-weight:600;color:var(--pp-navy)}.ppShipResult .addr svg{width:16px;height:16px;color:var(--pp-blue)} .ppShipResult .opt{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid var(--pp-line)} .ppShipResult .opt:first-child{border-top:0} .ppShipResult .opt small{display:block;color:var(--pp-muted)}.ppShipResult .free{color:var(--pp-green)} .ppBuyBtns{display:flex;gap:10px;margin-top:16px} .ppBuy{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;width:100%;height:50px;margin-top:0;border:0;border-radius:11px;background:linear-gradient(180deg,#1a86ff,#0b66e0);color:#fff;font-size:15px;font-weight:700;box-shadow:0 10px 22px rgba(11,115,240,.32);cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s} .ppBuy svg{width:19px;height:19px} .ppBuy:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 14px 26px rgba(11,115,240,.38)} .ppBuy:disabled{background:#c5d0e0;box-shadow:none;cursor:not-allowed} .ppBuyNow{background:linear-gradient(180deg,#22c55e,#15803d);box-shadow:0 10px 22px rgba(21,128,61,.32)} .ppBuyNow:hover:not(:disabled){box-shadow:0 14px 26px rgba(21,128,61,.38)} @media (max-width:560px){.ppBuyBtns{flex-direction:column}} .ppSecondary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px} .ppSecondary button{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border:1.5px solid var(--pp-line);border-radius:10px;background:#fff;color:var(--pp-navy);font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s} .ppSecondary button svg{width:16px;height:16px} .ppSecondary button:hover{border-color:#a9c9f6;background:#f8fbff} .ppSecondary button.on{border-color:#a9c9f6}#ppCompare.on{color:var(--pp-blue);border-color:var(--pp-blue)} .ppStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0} .ppStrip>div{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid var(--pp-line);border-radius:12px;background:#fff} .ppStrip>div>span{display:grid;place-items:center;flex:none;width:34px;height:34px;color:var(--pp-blue)}.ppStrip svg{width:26px;height:26px;stroke-width:1.6} .ppStrip p{margin:0;font-size:11.5px;color:var(--pp-muted);line-height:1.35}.ppStrip b{display:block;font-size:12.5px;color:var(--pp-navy)} .ppTabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--pp-line);border-radius:14px 14px 0 0;background:#f1f5fb;overflow:hidden} .ppTabs button{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border:0;border-bottom:2px solid transparent;background:transparent;color:#4a5a73;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s} .ppTabs button svg{width:17px;height:17px} .ppTabs button:hover{background:rgba(255,255,255,.6)} .ppTabs button.active{background:#fff;color:var(--pp-blue);border-bottom-color:var(--pp-blue)} .ppPanel{padding:20px;border:1px solid var(--pp-line);border-top:0;border-radius:0 0 14px 14px;background:#fff;min-height:220px} .ppSkeleton{height:180px;border-radius:12px;background:linear-gradient(100deg,#f1f5fb 30%,#f8fbff 50%,#f1f5fb 70%);background-size:200% 100%;animation:ppShine 1.2s linear infinite} @keyframes ppShine{to{background-position:-200% 0}} .ppCard{padding:20px 22px;border:1px solid var(--pp-line);border-radius:12px;background:#fff} .ppCard h2{margin:0 0 12px;font-size:16px;color:var(--pp-navy)}.ppCard h3{margin:0 0 12px;font-size:14px;color:var(--pp-navy)} .ppCard p{margin:0 0 12px;font-size:13px;line-height:1.65;color:#46566e} .ppDesc{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:18px;align-items:start} .ppSide{display:grid;gap:16px} .ppChecks{list-style:none;margin:14px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px} .ppChecks li{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#31425c} .ppChecks svg{flex:none;width:18px;height:18px;padding:3px;border-radius:50%;background:var(--pp-blue);color:#fff;stroke-width:3} .ppTip{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:10px;background:var(--pp-soft)} .ppTip svg{flex:none;width:20px;height:20px;color:var(--pp-blue)}.ppTip p{margin:0!important;color:var(--pp-navy)!important}.ppTip b{color:var(--pp-blue)} .ppHighlights{list-style:none;margin:0;padding:0;display:grid;gap:14px} .ppHighlights li{display:flex;gap:12px;align-items:flex-start} .ppHighlights svg{flex:none;width:20px;height:20px;margin-top:2px;color:var(--pp-blue)} .ppHighlights p{margin:0!important;font-size:11.5px!important;line-height:1.35!important;color:var(--pp-muted)!important}.ppHighlights b{display:block;font-size:12.5px;color:var(--pp-navy)} .ppShare{display:flex;gap:10px} .ppShare a,.ppShare button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;color:#fff;cursor:pointer;transition:transform .15s} .ppShare a:hover,.ppShare button:hover{transform:translateY(-2px)} .ppShare svg{width:16px;height:16px} .ppShare .wa{background:#12b76a}.ppShare .fb{background:#1877f2}.ppShare .xx{background:#0b0f1a}.ppShare .pi{background:#e60023}.ppShare .ln{background:#e9eef6;color:var(--pp-navy)} .ppSpecs{display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px;margin:0} .ppSpecs div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #edf1f7;font-size:13px} .ppSpecs dt{color:var(--pp-muted)}.ppSpecs dd{margin:0;font-weight:700;color:var(--pp-navy);text-align:right} .ppReviews{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1.6fr);gap:18px;align-items:start} .ppSummary .big{display:grid;justify-items:start;gap:4px;margin-bottom:14px}.ppSummary strong{font-size:38px;line-height:1;color:var(--pp-navy)}.ppSummary small{color:var(--pp-muted)} .ppBars p{display:grid;grid-template-columns:70px 1fr 26px;align-items:center;gap:10px;margin:0 0 8px!important;font-size:12px!important} .ppBars i{display:block;height:7px;border-radius:9px;background:#e8eef7;overflow:hidden}.ppBars em{display:block;height:100%;background:#f5a623;border-radius:9px} .ppReviewList article{padding:16px 0;border-bottom:1px solid #edf1f7}.ppReviewList article:first-child{padding-top:0}.ppReviewList article:last-child{border:0;padding-bottom:0} .ppReviewList header{display:flex;align-items:center;gap:12px}.ppReviewList header>div{flex:1}.ppReviewList header b{display:block;font-size:13px;color:var(--pp-navy)}.ppReviewList header small{color:var(--pp-muted);font-size:11.5px} .ppAvatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--pp-soft);color:var(--pp-blue);font-weight:800} .ppReviewList h4{margin:10px 0 4px;font-size:13px;color:var(--pp-navy)}.ppReviewList p{margin:6px 0 0!important} .ppQuestions{display:grid;gap:10px;margin-bottom:16px} .ppQuestions details{border:1px solid var(--pp-line);border-radius:10px;padding:12px 16px;background:#fbfdff} .ppQuestions summary{cursor:pointer;font-weight:600;font-size:13px;color:var(--pp-navy)}.ppQuestions p{margin:8px 0 0!important} .ppEmpty{padding:26px 12px;text-align:center;color:var(--pp-muted)}.ppEmpty b{display:block;color:var(--pp-navy);font-size:14px}.ppEmpty p{margin:6px 0 0!important} .ppForm{display:grid;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid #edf1f7} .ppForm h3{margin:0}.ppForm label{display:grid;gap:6px;font-size:12px;font-weight:600;color:#33445e} .ppForm input,.ppForm select,.ppForm textarea{width:100%;padding:10px 12px;border:1.5px solid var(--pp-line);border-radius:10px;background:#fff;font:inherit;font-size:13px} .ppForm input:focus,.ppForm select:focus,.ppForm textarea:focus{outline:0;border-color:var(--pp-blue);box-shadow:0 0 0 3px rgba(11,115,240,.14)} .ppSubmit{justify-self:end;min-height:40px;padding:0 20px;border:0;border-radius:10px;background:var(--pp-blue);color:#fff;font-weight:700;cursor:pointer} .ppGhost{margin-top:14px;min-height:40px;padding:0 18px;border:1.5px solid var(--pp-blue);border-radius:10px;background:#fff;color:var(--pp-blue);font-weight:700;cursor:pointer} @media (max-width:1100px){ .ppTop{grid-template-columns:1fr} .ppStage{height:min(62vw,480px)} .ppStrip{grid-template-columns:repeat(2,1fr)} .ppDesc,.ppReviews{grid-template-columns:1fr} } @media (max-width:700px){ #product .ppWrap{padding:16px 14px 40px} .ppGallery{grid-template-columns:1fr;padding:10px} .ppThumbs{order:2;flex-direction:row;max-height:none;overflow-x:auto} .ppInfo{padding:16px} .ppBadges{grid-template-columns:1fr} #product h1{font-size:26px} .ppPerks{grid-template-columns:1fr 1fr} .ppPriceRow{flex-direction:column;align-items:flex-start}.ppMeta{padding:0;border:0} .ppBuyRow{grid-template-columns:1fr 1fr} .ppSecondary{grid-template-columns:1fr} .ppStrip{grid-template-columns:1fr} .ppTabs{grid-template-columns:repeat(2,1fr)}.ppTabs button{height:46px;font-size:12px} .ppChecks,.ppSpecs{grid-template-columns:1fr} .ppPanel{padding:12px} } /* alinhamento das alturas dos dois cards */ .ppTop{align-items:stretch} .ppGallery{align-items:stretch} .ppStage{height:auto;min-height:436px} .ppStage #pImage{object-fit:contain} .ppThumbs{max-height:none} .ppStock{min-width:0} @media (max-width:1100px){.ppStage{height:min(62vw,480px);min-height:0}} .ppStage{max-height:640px;align-self:start;height:100%} @media (max-width:1100px){.ppStage{height:min(62vw,480px);max-height:none}} .ppReply{margin-top:10px;padding:10px 14px;border-left:3px solid var(--pp-blue);border-radius:0 10px 10px 0;background:#f4f8ff}.ppReply b{display:block;font-size:12px;color:var(--pp-blue-2)}.ppReply p{margin:3px 0 0!important} /* Nota por estrelas (o cliente só clica) */ .ppStarPick{margin:0 0 12px;padding:0;border:0}.ppStarPick legend{padding:0;margin-bottom:6px;font-size:13px;font-weight:700} .ppStarRow{display:inline-flex;flex-direction:row-reverse;gap:4px}.ppStarRow input{position:absolute;opacity:0;width:0;height:0} .ppStarRow label{font-size:32px;line-height:1;color:#d3dbe8;cursor:pointer;transition:color .12s,transform .12s} .ppStarRow label:hover,.ppStarRow label:hover~label,.ppStarRow input:checked~label{color:#f5a623}.ppStarRow label:hover{transform:scale(1.12)} .ppStarRow input:focus-visible+label{outline:2px solid #0b73f0;outline-offset:2px;border-radius:4px} .ppStarHint{display:block;margin-top:4px;font-size:11.5px;color:#7d8ca5} /* Avaliações do produto: fluxo em 2 etapas (seletores com #product para vencer o reset global de svg) */ #product .ppReviewsWrap{display:grid;gap:18px}#product .ppRvFlow:empty{display:none}#product .ppVerified{display:inline-flex;align-items:center;gap:3px;color:#12a865;font-weight:600}#product .ppVerified svg{width:12px;height:12px;stroke:#12a865;fill:none;stroke-width:3}#product .ppRvTags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}#product .ppRvTags span{padding:3px 10px;border-radius:99px;background:#eef4fd;color:#0a5fd1;font-size:11.5px;font-weight:600}#product .ppRvPhotos{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}#product .ppRvPhotos button{width:72px;height:72px;padding:0;border:1px solid #e3e9f2;border-radius:10px;background:#f4f7fb;overflow:hidden;cursor:zoom-in}#product .ppRvPhotos img{width:100%;height:100%;object-fit:cover;display:block}#product .rvNote{max-width:640px}#product .rvNote b{display:block;color:#0c2a5b;font-size:15px}#product .rvNote p{margin:6px 0 0!important}#product .rvSkeleton{height:120px;border-radius:14px}#product .rvFlow{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:18px;align-items:start}#product .rvFlow.single{grid-template-columns:minmax(0,760px)}#product .rvCard{border:1px solid #e3e9f2;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(15,35,80,.04)}#product .rvMain{overflow:hidden}#product .rvHead{display:flex;align-items:center;gap:14px;padding:20px 24px 16px}#product .rvHeadIc{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#e3eefc;color:#0b73f0}#product .rvHeadIc svg{width:18px;height:18px;fill:#0b73f0;stroke:#0b73f0}#product .rvHead h3{margin:0;font-size:18px;color:#0c2a5b}#product .rvHead p{margin:2px 0 0!important;font-size:12.5px!important;color:#6b7a90!important}#product .rvHead>div{flex:1;min-width:0}#product .rvStep{flex:none;font-size:12px;color:#6b7a90;font-weight:600}#product .rvProg{height:4px;background:#e8eef7}#product .rvProg i{display:block;height:100%;background:#0b73f0;border-radius:0 4px 4px 0;transition:width .25s}#product .rvBody{display:grid;gap:22px;padding:22px 24px 6px}#product .rvBody h4{margin:0;font-size:15px;color:#0c2a5b}#product .rvBody h4 span{font-weight:400;color:#6b7a90;font-size:13px}#product .rvSub{margin:4px 0 0!important;font-size:12.5px!important;color:#6b7a90!important}#product .rvRate{display:grid;justify-items:center;gap:10px;padding:22px 16px;border:1px solid #e3e9f2;border-radius:14px;text-align:center}#product .rvRate .rvSub{margin:0 0 6px!important}#product .rvLabel{min-height:22px;font-size:16px;color:#0b73f0}#product .rvFeedback{display:flex;align-items:center;gap:12px;width:100%;margin-top:6px;padding:12px 16px;border-radius:12px;background:#eef4fd;text-align:left}#product .rvFeedback[hidden]{display:none}#product .rvFeedback>span{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#0b73f0}#product .rvFeedback svg{width:16px;height:16px;fill:#fff;stroke:#fff}#product .rvFeedback b{display:block;font-size:13.5px;color:#0b73f0}#product .rvFeedback small{font-size:12.5px;color:#46566e}#product .rvStarRow{display:inline-flex;flex-direction:row-reverse;justify-content:center;gap:8px}#product .rvStarRow input{position:absolute;opacity:0;width:0;height:0}#product .rvStarRow label{display:grid;cursor:pointer;transition:transform .12s}#product .rvStarRow svg{fill:none;stroke:#c6d0e0;stroke-width:1.6;stroke-linejoin:round;transition:fill .12s,stroke .12s}#product .rvStarRow.big svg{width:46px;height:46px}#product .rvStarRow.small{gap:4px}#product .rvStarRow.small svg{width:20px;height:20px}#product .rvStarRow label:hover, #product .rvStarRow input:checked+label{transform:none}#product .rvStarRow label:hover svg, #product .rvStarRow label:hover~label svg, #product .rvStarRow input:checked~label svg{fill:#0b73f0;stroke:#0b73f0}#product .rvStarRow.big label:hover{transform:scale(1.08)}#product .rvStarRow input:focus-visible+label{outline:2px solid #0b73f0;outline-offset:3px;border-radius:6px}#product .rvStatic{display:inline-flex;gap:2px;vertical-align:middle}#product .rvStatic span{display:grid}#product .rvStatic svg{width:100%;height:100%;fill:none;stroke:#c6d0e0;stroke-width:1.6}#product .rvStatic .on svg{fill:#0b73f0;stroke:#0b73f0}#product .rvCritRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f7;font-size:13px;color:#33445e}#product .rvCritRow:last-child{border:0}#product .rvCrit .rvSub{margin-bottom:6px!important}#product .rvActions{display:flex;justify-content:space-between;gap:14px;padding:18px 24px 22px}#product .rvBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 26px;border-radius:12px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s}#product .rvBtn.primary{flex:1;max-width:340px;margin-left:auto;border:0;background:#0b73f0;color:#fff}#product .rvBtn.primary:hover:not(:disabled){background:#0a5fd1}#product .rvBtn.primary:disabled{background:#a9c9f6;cursor:not-allowed}#product .rvBtn.ghost{border:1.5px solid #dbe4f0;background:#fff;color:#0c2a5b}#product .rvBtn.ghost:hover{border-color:#0b73f0;color:#0b73f0}#product .rvIc{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#product .rvBtn:focus-visible, #product .rvLinkBtn:focus-visible, #product .rvTag:focus-visible, #product .rvAdd:focus-within{outline:3px solid rgba(11,115,240,.4);outline-offset:2px}#product .rvSummary{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #e3e9f2;border-radius:12px;background:#f8fbff}#product .rvSummary>div{flex:1;min-width:0}#product .rvSummary b{display:block;font-size:14px;color:#0c2a5b}#product .rvSummary small{display:block;color:#6b7a90;font-size:12px}#product .rvSummary img, #product .rvNoImg{width:64px;height:64px;flex:none;border-radius:10px;object-fit:cover;background:#eef2f8}#product .rvMine{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px;font-size:12.5px;color:#46566e}#product .rvMine b{display:inline;color:#0b73f0}#product .rvLinkBtn{padding:0;border:0;background:none;color:#0b73f0;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}#product .rvGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:12px 0}#product .rvAdd, #product .rvThumb{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden}#product .rvAdd{display:grid;place-content:center;justify-items:center;gap:4px;border:1.5px dashed #a9c9f6;background:#f8fbff;color:#0b73f0;font-size:12px;font-weight:600;cursor:pointer}#product .rvAdd:hover{background:#eef4fd}#product .rvAdd svg{width:22px;height:22px}#product .rvThumb{border:1px solid #e3e9f2}#product .rvThumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}#product .rvThumb button{position:absolute;left:0;right:0;bottom:0;padding:5px 0;border:0;background:rgba(9,25,60,.72);color:#fff;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer}#product .rvThumb button:hover{background:rgba(198,40,40,.9)}#product .rvField{display:grid;gap:6px;margin-top:14px;font-size:13px;font-weight:600;color:#33445e}#product .rvField span{font-weight:400;color:#6b7a90}#product .rvField input, #product .rvField textarea{width:100%;padding:11px 13px;border:1.5px solid #e3e9f2;border-radius:10px;background:#fff;font:inherit;font-size:13.5px;font-weight:400;color:#1a2740;resize:vertical}#product .rvField input:focus, #product .rvField textarea:focus{outline:0;border-color:#0b73f0;box-shadow:0 0 0 3px rgba(11,115,240,.14)}#product .rvCount{justify-self:end;font-weight:400;color:#6b7a90}#product .rvTags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}#product .rvTag{padding:7px 14px;border:1.5px solid #e3e9f2;border-radius:99px;background:#fff;color:#33445e;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}#product .rvTag:hover{border-color:#a9c9f6}#product .rvTag.on{border-color:#0b73f0;background:#eef4fd;color:#0a5fd1}#product .rvError{margin:0 24px!important;padding:10px 14px;border-radius:10px;background:#fdecec;color:#b3261e!important;font-size:13px!important}#product .rvError[hidden]{display:none}#product .rvDone{display:grid;justify-items:center;gap:8px;padding:44px 24px;text-align:center}#product .rvDone>span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e6f7ef;color:#12a865}#product .rvDone>span svg{width:30px;height:30px;stroke-width:3}#product .rvDone h3{margin:6px 0 0;font-size:20px;color:#0c2a5b}#product .rvDone p{margin:0!important;color:#46566e!important}#product .rvModerated{font-size:12.5px!important;color:#6b7a90!important}#product .rvDone .rvBtn{margin:14px 0 0;max-width:none;flex:none}#product .rvSide{display:grid;gap:14px}#product .rvProduct{display:flex;gap:14px;padding:16px}#product .rvProduct img, #product .rvProduct .rvNoImg{width:96px;height:96px;flex:none;border-radius:10px;object-fit:cover}#product .rvProduct h4{margin:0 0 6px;font-size:14px;line-height:1.3;color:#0c2a5b}#product .rvProduct strong{display:block;margin-top:6px;font-size:20px;color:#0c2a5b}#product .rvAvg{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;color:#6b7a90}#product .rvAvg b{color:#0c2a5b}#product .rvPerks{padding:16px}#product .rvPerks h4, #product .rvTips h4{margin:0 0 12px;font-size:14px;color:#0c2a5b}#product .rvPerks>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}#product .rvPerks p{display:grid;justify-items:center;gap:4px;margin:0!important;padding:0 4px}#product .rvPerks p+p{border-left:1px solid #edf1f7}#product .rvPerks p .rvIc{width:34px;height:34px;padding:8px;border-radius:50%;background:#eef4fd;color:#0b73f0;box-sizing:border-box}#product .rvPerks b{font-size:11.5px;color:#0c2a5b;line-height:1.25}#product .rvPerks small{font-size:10.5px;color:#6b7a90;line-height:1.3}#product .rvTips{padding:16px}#product .rvTips h4{display:flex;align-items:center;gap:8px}#product .rvTips h4 span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff3d6}#product .rvTips h4 svg{width:15px;height:15px;stroke:#f5a623;fill:#f5a623}#product .rvTips ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}#product .rvTips li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:#33445e}#product .rvTips li svg{flex:none;width:14px;height:14px;margin-top:2px;stroke:#12a865;stroke-width:3}#product .rvRules{display:flex;align-items:flex-start;gap:10px;margin:14px 0 0!important;padding:12px;border-radius:10px;background:#f4f7fc;font-size:11.5px!important;color:#6b7a90!important}#product .rvRules svg{flex:none;width:18px;height:18px;color:#46566e} @media (max-width:900px){ #product .rvFlow{grid-template-columns:1fr}#product .rvHead, #product .rvActions{padding-left:16px;padding-right:16px}#product .rvBody{padding:18px 16px 4px}#product .rvError{margin:0 16px!important}#product .rvStarRow.big{gap:6px}#product .rvStarRow.big svg{width:44px;height:44px}#product .rvActions{flex-direction:column-reverse}#product .rvBtn, #product .rvBtn.primary{width:100%;max-width:none}#product .rvSummary{flex-wrap:wrap} } #product .ppStars svg{stroke:#f5a623;fill:none}#product .ppStars svg.on{fill:#f5a623} /* Listagem de produtos (catalog-page.js) */ #catalog{--cl-blue:#0b73f0;--cl-blue-2:#0a5fd1;--cl-navy:#0c2a5b;--cl-ink:#1a2740;--cl-muted:#6b7a90;--cl-line:#e3e9f2;--cl-soft:#eef4fd;--cl-green:#12a865;background:#f4f7fc;font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif;color:var(--cl-ink)} #catalog .clWrap{max-width:1320px;margin:0 auto;padding:22px 24px 56px} #catalog svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #catalog button,#catalog select,#catalog input{font-family:inherit} .clCrumb{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:12px;color:var(--cl-muted)} .clCrumb button{padding:0;border:0;background:none;color:var(--cl-muted);font-size:12px;cursor:pointer}.clCrumb button:hover{color:var(--cl-blue)} .clCrumb i{font-style:normal;opacity:.7}.clCrumb b{color:var(--cl-navy);font-weight:700} .clHead{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px} .clTitle h1{margin:0;font-size:34px;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--cl-navy)} .clTitle p{margin:6px 0 0;font-size:14px;color:var(--cl-muted)} .clBenefits{display:grid;grid-template-columns:repeat(4,auto);gap:0;margin:0;padding:12px 6px;list-style:none;border:1px solid var(--cl-line);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(15,35,80,.04),0 8px 22px rgba(15,35,80,.05)} .clBenefits li{display:flex;align-items:center;gap:10px;padding:2px 18px;border-left:1px solid var(--cl-line)}.clBenefits li:first-child{border:0} .clBenefits span{display:grid;place-items:center;flex:none;width:30px;height:30px;color:var(--cl-blue)}.clBenefits svg{width:26px;height:26px;stroke-width:1.6} .clBenefits p{margin:0;font-size:11px;line-height:1.3;color:var(--cl-muted)}.clBenefits b{display:block;font-size:12px;color:var(--cl-navy)} .clLayout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start} .clSide{position:sticky;top:16px;padding:18px 16px;border:1px solid var(--cl-line);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(15,35,80,.04),0 8px 22px rgba(15,35,80,.05)} .clSideHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px} .clSide h2{margin:0;font-size:16px;font-weight:800;color:var(--cl-navy)} .clClose{display:none;width:32px;height:32px;border:0;border-radius:50%;background:#eef2f8;font-size:20px;cursor:pointer} .clGroup{padding:14px 0;border-top:1px solid var(--cl-line)} .clSideHead+.clGroup{border-top:0} .clGroup[hidden]{display:none} .clGroupHead{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0;border:0;background:none;font-size:13px;font-weight:700;color:var(--cl-navy);cursor:pointer} .clGroupHead svg{width:15px;height:15px;transition:transform .2s}.clGroupHead[aria-expanded="false"] svg{transform:rotate(-90deg)} .clGroupBody{display:grid;gap:9px;margin-top:12px} .clGroupBody[hidden]{display:none} .clGroup h3{margin:0 0 12px;font-size:13px;font-weight:700;color:var(--cl-navy)} .clRadio,.clCheck{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#33445e;cursor:pointer;user-select:none} .clRadio input,.clCheck input{position:absolute;opacity:0;pointer-events:none} .clDot{flex:none;display:grid;place-items:center;width:16px;height:16px;border:1.5px solid #b9c6d9;border-radius:50%;background:#fff;transition:border-color .15s,background .15s} .clRadio input:checked+.clDot{border-color:var(--cl-blue);background:radial-gradient(circle,var(--cl-blue) 0 4px,#fff 5px)} #clColors .clDot{width:16px;height:16px;border:0;background:var(--c);box-shadow:inset 0 0 0 1px rgba(15,35,80,.18)} #clColors .clRadio input:checked+.clDot{background:var(--c);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--cl-blue)} .clBox{flex:none;display:grid;place-items:center;width:16px;height:16px;border:1.5px solid #b9c6d9;border-radius:4px;background:#fff;transition:background .15s,border-color .15s} .clCheck input:checked+.clBox{background:var(--cl-blue);border-color:var(--cl-blue)} .clCheck input:checked+.clBox:after{content:"";width:8px;height:4px;margin-top:-2px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)} .clRadio input:focus-visible+.clDot,.clCheck input:focus-visible+.clBox{box-shadow:0 0 0 3px rgba(11,115,240,.25)} .clNone{margin:0;font-size:12px;color:var(--cl-muted)} .clPriceLabels{display:flex;justify-content:space-between;font-size:11.5px;color:var(--cl-muted);margin-bottom:8px} .clSlider{position:relative;height:18px} .clSlider #clTrack{position:absolute;left:0;right:0;top:7px;height:4px;border-radius:9px} .clSlider input{position:absolute;left:0;top:0;width:100%;height:18px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none} .clSlider input::-webkit-slider-runnable-track{background:transparent;height:18px} .clSlider input::-moz-range-track{background:transparent} .clSlider input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:16px;height:16px;margin-top:1px;border-radius:50%;background:var(--cl-blue);border:2px solid #fff;box-shadow:0 1px 4px rgba(11,60,140,.45);cursor:pointer} .clSlider input::-moz-range-thumb{pointer-events:auto;width:12px;height:12px;border-radius:50%;background:var(--cl-blue);border:2px solid #fff;box-shadow:0 1px 4px rgba(11,60,140,.45);cursor:pointer} .clSideActions{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--cl-line)} .clApply,.clReset{display:flex;align-items:center;justify-content:center;gap:8px;height:38px;border-radius:9px;font-size:12.5px;font-weight:700;cursor:pointer} .clApply{border:0;background:var(--cl-blue);color:#fff}.clApply:hover{background:var(--cl-blue-2)} .clReset{border:1px solid var(--cl-line);background:#fff;color:#4a5a73}.clReset:hover{border-color:#a9c9f6;color:var(--cl-blue)} .clApply svg,.clReset svg{width:15px;height:15px} .clBar{display:flex;align-items:center;gap:14px;margin-bottom:14px;min-height:38px} .clChips{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1;min-width:0;font-size:12.5px} .clChipsLabel{color:#4a5a73} .clChip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:0;border-radius:9px;background:#e3eefc;color:var(--cl-blue-2);font-size:12px;font-weight:600;cursor:pointer} .clChip svg{width:13px;height:13px;stroke-width:2.4}.clChip:hover{background:#d3e4fa} .clClear{padding:0;border:0;background:none;color:var(--cl-blue);font-size:12.5px;font-weight:600;cursor:pointer} .clSort{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#4a5a73;white-space:nowrap} .clSort select{height:36px;padding:0 30px 0 12px;border:1px solid var(--cl-line);border-radius:9px;background:#fff;font-size:12.5px;font-weight:600;color:var(--cl-navy);cursor:pointer} .clView{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#4a5a73;white-space:nowrap} .clView span{margin-right:2px} .clView button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--cl-line);border-radius:9px;background:#fff;color:#6b7a90;cursor:pointer} .clView button svg{width:17px;height:17px} .clView button.active{border-color:var(--cl-blue);background:var(--cl-blue);color:#fff} .clFilterBtn{display:none;align-items:center;gap:7px;height:36px;padding:0 13px;border:1px solid var(--cl-line);border-radius:9px;background:#fff;color:var(--cl-navy);font-size:12.5px;font-weight:700;cursor:pointer} .clFilterBtn svg{width:16px;height:16px} .clGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .clCard{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--cl-line);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(15,35,80,.04);transition:box-shadow .2s,transform .2s,border-color .2s} .clCard:hover{transform:translateY(-2px);border-color:#c9daf3;box-shadow:0 12px 26px rgba(15,35,80,.1)} .clThumb{position:relative;aspect-ratio:2/1.05;background:#f1f5fa;overflow:hidden} .clThumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal} .clThumb .photoPlaceholder{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center} .clThumb .photoPlaceholder svg{width:34px;height:34px;stroke:currentColor;fill:none} .clThumbLink{position:absolute;inset:0;z-index:1;border:0;background:transparent;cursor:pointer} .clBadge{position:absolute;top:8px;left:8px;z-index:2;padding:4px 10px;border-radius:99px;background:var(--cl-blue);color:#fff;font-size:10.5px;font-weight:700;line-height:1.2} .clBadge.new{background:#1f6feb}.clBadge.offer{background:#e5202e}.clBadge.best{background:#1a4fb0}.clBadge.feat{background:#0b73f0} .clHeart{position:absolute;top:8px;right:8px;z-index:3;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#fff;color:#33445e;box-shadow:0 2px 8px rgba(9,25,60,.18);cursor:pointer;transition:transform .15s} .clHeart svg{width:15px;height:15px;pointer-events:none} .clHeart:hover{transform:scale(1.08)}.clHeart.on{color:#ef3340}.clHeart.on svg{fill:#ef3340} .clBody{display:flex;flex-direction:column;flex:1;padding:10px 11px 11px} .clBody h3{margin:0;font-size:13.5px;line-height:1.25;font-weight:700} .clBody h3 button{padding:0;border:0;background:none;text-align:left;color:var(--cl-navy);font:inherit;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .clBody h3 button:hover{color:var(--cl-blue)} .clRating{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:11px;color:var(--cl-muted);min-height:14px} .clRating .none{font-size:10.5px} .clStars{display:inline-flex;gap:1px}.clStars svg{stroke:#f5a623;fill:none}.clStars svg.on{fill:#f5a623} .clMeta{margin:3px 0 0;font-size:11px;color:var(--cl-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .clPrice{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin-top:6px} .clPrice b{font-size:18px;font-weight:800;color:var(--cl-blue);letter-spacing:-.01em} .clPrice s{font-size:11px;color:#8a97ab} .clPrice em{padding:2px 7px;border-radius:6px;background:#e5202e;color:#fff;font-size:10.5px;font-weight:700;font-style:normal} .clAvail{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:11px;color:var(--cl-muted)} .clAvail i{width:7px;height:7px;border-radius:50%;background:var(--cl-green)}.clAvail.out i{background:#e0313a} .clActions{display:grid;grid-template-columns:1fr 34px;gap:7px;margin-top:auto;padding-top:9px} .clSee,.clQuick{display:flex;align-items:center;justify-content:center;gap:7px;height:34px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s} .clSee{border:0;background:var(--cl-blue);color:#fff}.clSee:hover{background:var(--cl-blue-2)} .clQuick{padding:0;border:1px solid var(--cl-line);background:#fff;color:var(--cl-navy)}.clQuick:hover:not(:disabled){border-color:var(--cl-blue);color:var(--cl-blue)} .clQuick:disabled{opacity:.45;cursor:not-allowed} .clSee svg,.clQuick svg{width:15px;height:15px} .clCard.out .clThumb img{filter:grayscale(.5);opacity:.75} .clEmpty{grid-column:1/-1;padding:56px 16px;text-align:center;border:1px dashed #cfdaeb;border-radius:14px;background:#fff;color:var(--cl-muted)} .clEmpty b{display:block;font-size:16px;color:var(--cl-navy)}.clEmpty p{margin:6px 0 16px}.clEmpty .clApply{display:inline-flex;padding:0 20px} /* visualização em lista */ .clGrid.list{grid-template-columns:1fr;gap:12px} .clGrid.list .clCard{flex-direction:row} .clGrid.list .clThumb{flex:0 0 240px;aspect-ratio:auto;min-height:150px} .clGrid.list .clBody{padding:14px 18px;justify-content:center} .clGrid.list .clBody h3{font-size:16px} .clGrid.list .clActions{grid-template-columns:180px 36px;max-width:240px;margin-top:10px;padding-top:0} .clFooter{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;font-size:12.5px;color:var(--cl-muted)} .clPager{display:flex;gap:7px} .clPager button{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border:1px solid var(--cl-line);border-radius:9px;background:#fff;color:var(--cl-navy);font-size:12.5px;font-weight:700;cursor:pointer} .clPager button svg{width:15px;height:15px} .clPager button.active{border-color:var(--cl-blue);background:var(--cl-blue);color:#fff} .clPager button:disabled:not(.active){opacity:.45;cursor:not-allowed} .clOverlay{position:fixed;inset:0;z-index:60;background:rgba(9,20,45,.5)} .clOverlay[hidden]{display:none} body.clLock{overflow:hidden} @media (max-width:1250px){.clBenefits li{padding:2px 12px}.clBenefits p{font-size:10.5px}} @media (max-width:1150px){ .clGrid{grid-template-columns:repeat(3,minmax(0,1fr))} .clHead{flex-direction:column;gap:14px}.clBenefits{width:100%;grid-template-columns:repeat(4,1fr)} } @media (max-width:980px){ .clLayout{grid-template-columns:minmax(0,1fr)} .clSide{position:fixed;z-index:61;top:0;bottom:0;left:0;width:min(320px,88vw);overflow:auto;border-radius:0 16px 16px 0;transform:translateX(-102%);transition:transform .25s} .clSide.open{transform:none} .clClose{display:grid;place-items:center} .clFilterBtn{display:inline-flex} .clBar{flex-wrap:wrap}.clChips{order:3;flex-basis:100%} .clFilterBtn{order:0}.clSort{margin-left:auto} } @media (max-width:700px){ #catalog .clWrap{padding:16px 14px 40px} .clTitle h1{font-size:26px} .clBenefits{grid-template-columns:1fr 1fr;gap:10px 0}.clBenefits li:nth-child(3){border-left:0} .clGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .clView span{display:none} .clSort span{display:none} .clGrid.list .clCard{flex-direction:column}.clGrid.list .clThumb{flex:none;aspect-ratio:2/1.05;min-height:0} .clFooter{flex-direction:column;align-items:flex-start} } @media (max-width:420px){.clGrid{grid-template-columns:1fr}.clBenefits{grid-template-columns:1fr}.clBenefits li{border:0}} /* Cabeçalho por categoria + variante Artes 3D */ .clSub{margin:6px 0 0;font-size:14px;color:#4a5a73} .clSub[hidden],.clHero[hidden]{display:none} .clHero{display:flex;align-items:center;gap:16px;padding-right:20px;font-size:15px;color:var(--cl-navy);font-weight:500;line-height:1.4} .clHero p{margin:0}.clHero i{display:block;width:34px;height:3px;margin-top:8px;border-radius:9px;background:var(--cl-blue)} .clCube{display:grid;place-items:center;width:72px;height:72px;color:var(--cl-blue);filter:drop-shadow(0 8px 14px rgba(11,115,240,.3))} .clCube svg{width:64px;height:64px;stroke-width:1.3;fill:rgba(11,115,240,.14)} .clAvail.low{color:#b45309}.clAvail.low i{background:#f59e0b} .clTags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none} .clTags li{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--cl-line);border-radius:8px;background:#fff;color:#33445e;font-size:10.5px;font-weight:600;line-height:1} .clTags svg{width:12px;height:12px;color:var(--cl-blue)} #catalog:not(.clArt) .clTags{display:none} #catalog.clArt .clHead{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px 24px;margin:0 -24px 18px;padding:20px 24px 0;background:linear-gradient(180deg,#eaf2fd,rgba(244,247,252,0))} #catalog.clArt .clBenefits{grid-column:1/-1;width:100%;grid-template-columns:repeat(4,1fr);background:#eef4fc;box-shadow:none} #catalog.clArt .clBenefits li{justify-content:center} #catalog.clArt .clGrid{grid-template-columns:repeat(3,minmax(0,330px));justify-content:start;gap:18px} #catalog.clArt .clThumb{aspect-ratio:16/10} #catalog.clArt .clBody{padding:14px 16px 16px} #catalog.clArt .clBody h3{font-size:15px} #catalog.clArt .clPrice b{font-size:24px} #catalog.clArt .clSee,#catalog.clArt .clQuick{height:40px} #catalog.clArt .clActions{grid-template-columns:1fr 44px} @media (max-width:1150px){#catalog.clArt .clGrid{grid-template-columns:repeat(2,minmax(0,330px))}#catalog.clArt .clBenefits{grid-template-columns:repeat(2,1fr);gap:10px 0}} @media (max-width:700px){#catalog.clArt .clHead{margin:0 -14px 14px;padding:16px 14px 0;grid-template-columns:1fr}#catalog.clArt .clHero{display:none}#catalog.clArt .clGrid{grid-template-columns:1fr}} .clSide h2{display:flex;align-items:center;gap:8px}.clSide h2 svg{width:18px;height:18px;color:var(--cl-blue)} .clSide{position:static} .clGroup{padding:12px 0}.clGroupBody{gap:7px;margin-top:10px} /* Imagem inteira (sem zoom/corte) e botões menores */ #catalog .clThumb{aspect-ratio:4/3;background:#f4f6fa} #catalog .clThumb img{object-fit:contain;padding:6px} #catalog .clGrid.list .clThumb{aspect-ratio:4/3;min-height:0} #catalog .clSee,#catalog .clQuick{height:30px;font-size:11.5px;border-radius:7px} #catalog .clSee svg,#catalog .clQuick svg{width:14px;height:14px} #catalog .clActions{grid-template-columns:1fr 32px;gap:6px} [data-cat][hidden],li[hidden]{display:none!important} /* links reais nos cartões */ a.clThumbLink{display:block}.clBody h3 a{padding:0;color:var(--cl-navy);font:inherit;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clBody h3 a:hover{color:var(--cl-blue)} /* Página de contato + rodapé (contact-page.js) */ #contact{--cl-blue:#0b73f0;--cl-blue-2:#0a5fd1;--cl-navy:#0c2a5b;--cl-muted:#6b7a90;--cl-line:#e3e9f2;--ct-green:#16a34a;background:#f4f7fc;font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif;color:#1a2740} #contact svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #contact svg.ctSolid,#storeFooter svg.ctSolid{fill:currentColor;stroke:none} #contact .ctWrap{max-width:1500px;margin:0 auto;padding:22px 16px 40px} .ctCrumb{display:flex;align-items:center;gap:8px;margin-bottom:22px;font-size:12px;color:var(--cl-muted)} .ctCrumb button{padding:0;border:0;background:none;color:var(--cl-muted);font-size:12px;cursor:pointer}.ctCrumb button:hover{color:var(--cl-blue)} .ctCrumb i{font-style:normal;opacity:.7}.ctCrumb b{color:var(--cl-navy)} .ctGrid{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:28px;align-items:start} .ctLeft{display:grid;gap:14px} .ctPill{justify-self:start;padding:6px 14px;border-radius:99px;background:#e3eefc;color:var(--cl-blue-2);font-size:12px;font-weight:600} #contact h1{margin:6px 0 0;font-size:40px;line-height:1.08;font-weight:800;letter-spacing:-.025em;color:#0a1a3a} #contact h1 em{font-style:normal;color:var(--cl-blue)} .ctLead{margin:0 0 6px;font-size:14px;line-height:1.55;color:#4a5a73} .ctCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--cl-line);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(15,35,80,.04),0 8px 22px rgba(15,35,80,.05)} .ctCard.ctWa{border-color:#bfe9cd;background:#effaf3;box-shadow:0 1px 2px rgba(22,163,74,.06),0 10px 26px rgba(22,163,74,.1)} .ctIcon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;color:#fff} .ctIcon svg{width:22px;height:22px} .ctIcon.wa{background:#25c15d}.ctIcon.wa svg{width:26px;height:26px} .ctIcon.blue{background:#dcebfd;color:var(--cl-blue)} .ctIcon.plain{background:#e9f1fd;color:var(--cl-blue)} .ctMain{min-width:0} .ctMain h3{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;font-size:13.5px;font-weight:800;color:#0c1f45} .ctMain p{margin:3px 0 0;font-size:12px;line-height:1.45;color:#4a5a73} .ctTag{padding:3px 8px;border-radius:99px;background:#c9f0d6;color:#15803d;font-size:10.5px;font-weight:700;font-style:normal} .ctLine{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;font-weight:600;color:#0c2a5b} .ctWa .ctLine{color:#15803d} .ctLine svg{width:13px;height:13px} .ctSide{display:grid;justify-items:end;gap:8px;text-align:right} .ctSide>small{font-size:11px;color:var(--cl-muted)} .ctBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border-radius:10px;font-size:12.5px;font-weight:700;text-decoration:none;white-space:nowrap;transition:filter .15s,transform .15s} .ctBtn svg{width:16px;height:16px} .ctBtn.wa{background:#22b455;color:#fff;box-shadow:0 8px 18px rgba(34,180,85,.3)} .ctBtn.soft{background:#e3eefc;color:var(--cl-blue-2)} .ctBtn:hover{filter:brightness(1.05);transform:translateY(-1px)} .ctOnline{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:99px;background:#dff5e7;color:#15803d;font-size:11.5px;font-weight:700} .ctOnline i{width:7px;height:7px;border-radius:50%;background:#22c55e} .ctSocial{display:flex;gap:8px} .ctSocial a{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#fff;transition:transform .15s} .ctSocial a:hover{transform:translateY(-2px)} .ctSocial svg{width:16px;height:16px} .ctSocial .instagram{background:linear-gradient(135deg,#a23dc4,#e1306c)}.ctSocial .facebook{background:#1877f2}.ctSocial .youtube{background:#ff0000}.ctSocial .whatsapp{background:#25c15d}.ctSocial .tiktok{background:#0b0f1a} .ctForm{display:grid;gap:14px;padding:24px 26px 20px;border:1px solid var(--cl-line);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(15,35,80,.04),0 14px 34px rgba(15,35,80,.08)} .ctForm header{display:flex;align-items:center;gap:14px;margin-bottom:4px} .ctForm h2{margin:0;font-size:18px;font-weight:800;color:#0a1a3a} .ctForm header p{margin:3px 0 0;font-size:12.5px;color:var(--cl-muted)} .ctRow{display:grid;grid-template-columns:1fr 1fr;gap:14px} .ctField{display:grid;gap:7px;font-size:12.5px;font-weight:700;color:#0c1f45} .ctField b{color:#e5202e} .ctInput{position:relative;display:block} .ctInput>svg{position:absolute;left:13px;top:50%;width:16px;height:16px;margin-top:-8px;color:#8b98ad;pointer-events:none} .ctInput input,.ctInput select,.ctField textarea{width:100%;height:42px;padding:0 13px 0 38px;border:1.5px solid var(--cl-line);border-radius:10px;background:#fff;font:inherit;font-size:13px;font-weight:500;color:#1a2740;transition:border-color .15s,box-shadow .15s} .ctInput select{padding-left:13px;appearance:none;-webkit-appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml;utf8,") no-repeat right 12px center} .ctField textarea{height:auto;min-height:130px;padding:12px 13px;resize:vertical;line-height:1.5} .ctField ::placeholder{color:#9aa6b8;font-weight:400} .ctInput input:focus,.ctInput select:focus,.ctField textarea:focus{outline:0;border-color:var(--cl-blue);box-shadow:0 0 0 3px rgba(11,115,240,.14)} .ctField.invalid input,.ctField.invalid textarea{border-color:#e5202e;box-shadow:0 0 0 3px rgba(229,32,46,.1)} .ctErr{min-height:0;font-size:11.5px;font-weight:600;color:#d11a2a}.ctErr:empty{display:none} .ctCount{display:flex;justify-content:space-between;align-items:center;gap:10px} .ctCount em{margin-left:auto;font-style:normal;font-size:11px;font-weight:500;color:var(--cl-muted)} .ctStatus{padding:11px 14px;border-radius:10px;font-size:12.5px;font-weight:600} .ctStatus[hidden]{display:none} .ctStatus.ok{background:#e6f7ed;color:#15803d;border:1px solid #bfe9cd} .ctStatus.error{background:#fdecec;color:#b42318;border:1px solid #f7c7c7} .ctSubmit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border:0;border-radius:11px;background:linear-gradient(180deg,#1a86ff,#0b66e0);color:#fff;font:inherit;font-size:14.5px;font-weight:700;box-shadow:0 10px 22px rgba(11,115,240,.3);cursor:pointer;transition:filter .15s,transform .15s} .ctSubmit svg{width:18px;height:18px} .ctSubmit:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)} .ctSubmit:disabled{opacity:.75;cursor:progress} .ctSecure{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;font-size:11.5px;color:var(--cl-muted)} .ctSecure svg{width:13px;height:13px} .ctBenefits{margin-top:28px;grid-template-columns:repeat(4,1fr);padding:16px 8px} .ctBenefits li{justify-content:center} /* rodapé */ #storeFooter{background:linear-gradient(180deg,#0b2144,#07142c)!important} #storeFooter .foot{grid-template-columns:1.2fr .8fr 1.1fr 1.2fr} #storeFooter .foot h4{color:#fff} #storeFooter .foot button:not(.btn){color:#c6d2e4;font-size:12.5px} #storeFooter .foot button:not(.btn):hover{color:#fff} #storeFooter .footContact{display:flex;align-items:center;gap:9px;margin:0 0 9px;font-size:12.5px} #storeFooter .footContact svg{width:15px;height:15px;stroke:#3b9bff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #storeFooter .footContact a{color:#c6d2e4;text-decoration:none}#storeFooter .footContact a:hover{color:#fff} #storeFooter .footSocial a svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #storeFooter .footSocial a svg.ctSolid{fill:currentColor;stroke:none} #storeFooter .footCopy{margin:16px 0 0;font-size:11px;color:#7f92ad} #storeFooter .footNewsletterHint{font-size:12px;color:#a9b8c8} @media (max-width:1000px){ .ctGrid{grid-template-columns:1fr} .ctBenefits{grid-template-columns:repeat(2,1fr);gap:12px 0} #storeFooter .foot{grid-template-columns:1fr 1fr} } @media (max-width:640px){ #contact .ctWrap{padding:16px 14px 32px} #contact h1{font-size:30px} .ctCard{grid-template-columns:auto 1fr} .ctSide{grid-column:1/-1;justify-items:stretch;text-align:center} .ctBtn{width:100%} .ctSocial{justify-content:center} .ctCard:has(.ctSocial) .ctIcon{display:none}.ctCard:has(.ctSocial){grid-template-columns:1fr;text-align:center} .ctRow{grid-template-columns:1fr} .ctForm{padding:18px 16px} .ctBenefits{grid-template-columns:1fr}.ctBenefits li{border:0} #storeFooter .foot{grid-template-columns:1fr} } #contact h1{font-size:36px}#contact h1 em{white-space:nowrap} .ctLabel{display:block} .ctMain h3{font-size:13px} #contact .ctInput input,#contact .ctInput textarea{padding-left:38px}#contact .ctInput select{padding-left:13px}#contact .ctField textarea{padding:12px 13px} #contact .ctLabel{display:inline-flex;gap:3px;justify-self:start;align-items:baseline} #contact .ctInput .selectSearchButton{font-weight:500} #contact .ctIcon.wa,#contact .ctIcon.wa svg{color:#fff!important}#contact .ctIcon.wa svg{fill:#fff!important} .ctOnline.off{background:#eef1f6;color:#5f6b7f}.ctOnline.off i{background:#98a4b8} .ctOnline b{font-weight:700} .ctWho{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#eef5ff;font-size:13px;color:#33517f}.ctWho .auLink{padding:0;border:0;background:none;color:#0b73f0;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline} /* Carrinho (cart-page.js) */ #cart{--cl-blue:#0b73f0;--cl-blue-2:#0a5fd1;--cl-navy:#0c2a5b;--cl-muted:#6b7a90;--cl-line:#e3e9f2;background:#f4f7fc;font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif;color:#1a2740} #cart svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #cart .cxWrap{max-width:1240px;margin:0 auto;padding:20px 24px 40px} .cxCrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;color:var(--cl-muted)} .cxCrumb button{padding:0;border:0;background:none;color:var(--cl-muted);font-size:12px;cursor:pointer}.cxCrumb button:hover{color:var(--cl-blue)} .cxCrumb i{font-style:normal;opacity:.7}.cxCrumb b{color:var(--cl-navy)} .cxSteps{display:grid;grid-template-columns:repeat(4,auto);justify-content:center;gap:0;margin:0 0 22px;padding:0;list-style:none} .cxSteps li{position:relative;display:flex;align-items:center;gap:10px;padding:0 26px} .cxSteps li+li:before{content:"";position:absolute;left:-40px;top:50%;width:80px;height:2px;margin-top:-1px;background:#dbe4f2} .cxSteps li:first-child:before{display:none} .cxSteps li>span{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid #dbe4f2;color:#7b8aa1;font-size:13px;font-weight:700} .cxSteps li.active>span{border-color:var(--cl-blue);background:var(--cl-blue);color:#fff;box-shadow:0 6px 14px rgba(11,115,240,.3)} .cxSteps p{margin:0;font-size:11px;line-height:1.3;color:#8a97ab}.cxSteps b{display:block;font-size:12px;color:#7b8aa1} .cxSteps li.active b{color:var(--cl-blue)} .cxLayout{display:grid;grid-template-columns:minmax(0,70fr) minmax(300px,30fr);gap:20px;align-items:start} .cxLayout[hidden]{display:none} .cxMain{display:grid;gap:18px} .cxCard{padding:22px;border:1px solid var(--cl-line);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(15,35,80,.04),0 10px 26px rgba(15,35,80,.06)} .cxHead{display:flex;align-items:center;gap:14px;margin-bottom:16px} .cxHead>div{flex:1;min-width:0} .cxHead h2{margin:0;font-size:19px;font-weight:800;color:#0a1a3a}.cxHead.sm h2{font-size:16px}.cxHead.sm{margin-bottom:12px} .cxHead p{margin:3px 0 0;font-size:12.5px;color:var(--cl-muted)} .cxIcon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:#e3eefc;color:var(--cl-blue)} .cxIcon svg{width:22px;height:22px}.cxIcon.soft{width:40px;height:40px;background:#dcebfd}.cxHead.sm .cxIcon{width:32px;height:32px;border-radius:9px}.cxHead.sm .cxIcon svg{width:17px;height:17px} .cxBadge{padding:5px 11px;border-radius:99px;background:#eaf2fd;color:var(--cl-blue-2);font-size:10.5px;font-weight:700;white-space:nowrap} .cxGhost{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border:1px solid #cfe0f7;border-radius:10px;background:#f2f7fe;color:var(--cl-blue-2);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer} .cxGhost svg{width:15px;height:15px}.cxGhost:hover{background:#e6f0fd} .cxPrimary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:48px;border:0;border-radius:11px;background:linear-gradient(180deg,#1a86ff,#0b66e0);color:#fff;font:inherit;font-size:14.5px;font-weight:700;box-shadow:0 10px 22px rgba(11,115,240,.3);cursor:pointer;transition:filter .15s,transform .15s} .cxPrimary svg{width:17px;height:17px} .cxPrimary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.cxPrimary:disabled{background:#c5d0e0;box-shadow:none;cursor:not-allowed} .cxTable{border:1px solid #edf1f7;border-radius:12px;overflow:hidden} .cxTHead,.cxItem{display:grid;grid-template-columns:minmax(0,3fr) 1fr 1.2fr 1fr;align-items:center;gap:14px;padding:0 18px} .cxTHead{height:42px;background:#f1f6fd;font-size:11.5px;font-weight:700;color:#4a5a73} .cxTHead span:not(:first-child),.cxPrice,.cxLineTotal{text-align:right}.cxTHead span:nth-child(3){text-align:center} .cxItem{padding:16px 18px;border-top:1px solid #edf1f7} .cxItem:first-child{border-top:0} .cxItem.invalid{background:#fff6f6} .cxProduct{display:flex;gap:14px;align-items:flex-start;min-width:0} .cxThumb{display:grid;place-items:center;flex:none;width:76px;height:76px;border-radius:12px;background:#f1f5fa;overflow:hidden} .cxThumb img{width:100%;height:100%;object-fit:contain}.cxThumb .photoPlaceholder{width:100%;height:100%;display:grid;place-items:center}.cxThumb .photoPlaceholder svg{width:28px;height:28px} .cxProduct h3{margin:0;font-size:14px;font-weight:800;color:#0a1a3a} .cxProduct p{margin:3px 0 0;font-size:11.5px;color:var(--cl-muted)} .cxTags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} .cxStock,.cxTagChip{padding:3px 9px;border-radius:99px;font-size:10.5px;font-weight:700} .cxStock{background:#e3f6ea;color:#15803d}.cxStock.low{background:#fef3d6;color:#a16207}.cxStock.out{background:#fde7e7;color:#b42318} .cxTagChip{background:#e8f0fd;color:var(--cl-blue-2)} .cxLinks{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px} .cxLinks button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:#4a5a73;font:inherit;font-size:11.5px;cursor:pointer} .cxLinks button svg{width:14px;height:14px}.cxLinks button:hover{color:var(--cl-blue)}.cxLinks button.on{color:#e5202e}.cxLinks button.on svg{fill:#e5202e} .cxPrice{font-size:13.5px;font-weight:700;color:#0a1a3a} .cxQty{justify-self:center;display:inline-flex;align-items:center;height:38px;border:1.5px solid var(--cl-line);border-radius:10px;background:#fff;overflow:hidden} .cxQty button{width:34px;height:100%;border:0;background:#f6f9fd;color:var(--cl-navy);font-size:17px;cursor:pointer}.cxQty button:hover{background:#e9f1fd} .cxQty button[aria-disabled="true"]{color:#b5c0d0;cursor:not-allowed} .cxQty span{min-width:38px;text-align:center;font-size:13px;font-weight:700} .cxLineTotal{font-size:14px;font-weight:800;color:#0a1a3a} .cxCoupon{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.3fr) auto;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;border-radius:12px;background:#eef4fc} .cxCouponText b{display:block;font-size:13px;color:#0a1a3a}.cxCouponText small{font-size:11.5px;color:var(--cl-muted)} .cxCoupon input{height:42px;padding:0 14px;border:1.5px solid var(--cl-line);border-radius:10px;background:#fff;font:inherit;font-size:13px;text-transform:uppercase} .cxCoupon input::placeholder{text-transform:none}.cxCoupon input:read-only{background:#f4f7fb} .cxCoupon input:focus{outline:0;border-color:var(--cl-blue);box-shadow:0 0 0 3px rgba(11,115,240,.14)} .cxCoupon button{height:42px;padding:0 20px;border:0;border-radius:10px;background:#d9e8fb;color:var(--cl-blue-2);font:inherit;font-size:13px;font-weight:700;cursor:pointer} .cxCoupon button:hover:not(:disabled){background:var(--cl-blue);color:#fff}.cxCoupon button.remove{background:#fde7e7;color:#b42318} .cxCouponMsg{grid-column:1/-1;margin:0;font-size:12px;font-weight:600}.cxCouponMsg:empty{display:none} .cxCouponMsg.ok{color:#15803d}.cxCouponMsg.error{color:#b42318} .cxShipForm{display:flex;overflow:hidden;border:1.5px solid var(--cl-line);border-radius:10px} .cxShipForm input{flex:1;min-width:0;height:46px;padding:0 16px;border:0;font:inherit;font-size:14px;letter-spacing:.04em} .cxShipForm input:focus{outline:0}.cxShipForm:focus-within{border-color:var(--cl-blue);box-shadow:0 0 0 3px rgba(11,115,240,.14)} .cxShipForm button{min-width:150px;border:0;background:var(--cl-blue);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.cxShipForm button:hover{background:var(--cl-blue-2)}.cxShipForm button:disabled{opacity:.7;cursor:wait} #cart .shippingMessage{margin:10px 2px 0;min-height:0} #cart #shipAddress{display:flex;align-items:center;gap:12px;margin-top:10px}#cart #shipAddress:empty{display:none} #cart #shipAddress>div:nth-child(2){display:grid;font-size:12.5px} #cart #shipOptions{display:grid;gap:10px;margin-top:12px} #cart .shippingOption{min-height:0;padding:12px 14px} .cxSummary{position:sticky;top:16px} .cxRows{margin:0} .cxRows>div{display:flex;justify-content:space-between;padding:8px 0;font-size:13px} .cxRows dt{color:#4a5a73}.cxRows dd{margin:0;font-weight:700;color:#0a1a3a}.cxRows dd.ok{color:#15803d} .cxTotal{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 14px;padding:14px 16px;border-radius:12px;background:#eef4fc} .cxTotal>span{font-size:15px;font-weight:800;color:#0a1a3a}.cxTotal div{text-align:right} .cxTotal b{display:block;font-size:26px;font-weight:800;color:var(--cl-blue);letter-spacing:-.02em;line-height:1.1} .cxTotal small{display:block;margin-top:4px;font-size:10.5px;color:var(--cl-muted)} .cxWarn{margin:0 0 12px;padding:10px 12px;border-radius:9px;background:#fdecec;color:#b42318;font-size:12px;font-weight:600}.cxWarn[hidden]{display:none} .cxPay{margin-top:16px;padding-bottom:16px;border-bottom:1px solid var(--cl-line);text-align:center} .cxPay ul{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0;list-style:none} .cxPay li{padding:5px 12px;border:1px solid var(--cl-line);border-radius:8px;background:#fff;font-size:11.5px;font-weight:800;color:#1a4fb0}.cxPay li.mp{color:#0b73f0} .cxPay p{margin:0;font-size:11.5px;color:var(--cl-muted)} .cxPerks{display:grid;gap:14px;margin:16px 0 0;padding:0;list-style:none} .cxPerks li{display:flex;align-items:center;gap:12px} .cxPerks span{display:grid;place-items:center;flex:none;width:34px;height:34px;color:var(--cl-blue)}.cxPerks svg{width:24px;height:24px;stroke-width:1.6} .cxPerks p{margin:0;font-size:11px;color:var(--cl-muted);line-height:1.3}.cxPerks b{display:block;font-size:12px;color:#0a1a3a} .cxBenefits{margin-top:26px;grid-template-columns:repeat(4,1fr);padding:16px 8px}.cxBenefits li{justify-content:center} .cxEmpty{display:grid;justify-items:center;gap:8px;max-width:520px;margin:20px auto 40px;padding:44px 24px;border:1px solid var(--cl-line);border-radius:16px;background:#fff;text-align:center;box-shadow:0 10px 26px rgba(15,35,80,.06)} .cxEmpty[hidden]{display:none} .cxEmptyIcon{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#e3eefc;color:var(--cl-blue)}.cxEmptyIcon svg{width:36px;height:36px} .cxEmpty h2{margin:10px 0 0;font-size:22px;color:#0a1a3a}.cxEmpty p{margin:0 0 14px;color:var(--cl-muted);font-size:13.5px}.cxEmpty .cxPrimary{width:auto;padding:0 28px} .cxDialog{width:min(380px,90vw);padding:0;border:0;border-radius:16px;box-shadow:0 30px 80px rgba(9,25,60,.35)} .cxDialog::backdrop{background:rgba(9,20,45,.55)} .cxDialog form{padding:24px}.cxDialog h3{margin:0 0 6px;font-size:18px;color:#0a1a3a}.cxDialog p{margin:0 0 18px;color:var(--cl-muted);font-size:13px} .cxDialog form>div{display:flex;justify-content:flex-end;gap:10px} .cxDanger{height:38px;padding:0 16px;border:0;border-radius:10px;background:#e5202e;color:#fff;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer} @media (max-width:1000px){ .cxLayout{grid-template-columns:1fr}.cxSummary{position:static} .cxBenefits{grid-template-columns:repeat(2,1fr);gap:12px 0} } @media (max-width:700px){ #cart .cxWrap{padding:16px 14px 32px} .cxSteps{grid-template-columns:repeat(4,1fr);justify-content:stretch} .cxSteps li{flex-direction:column;padding:0 4px;text-align:center;gap:6px}.cxSteps li+li:before{left:-50%;width:100%;top:17px}.cxSteps p{font-size:0}.cxSteps p b{font-size:10px} .cxCard{padding:16px} .cxHead{flex-wrap:wrap}.cxHead>div{flex-basis:calc(100% - 60px)}.cxHead .cxGhost,.cxHead .cxBadge{margin-left:58px} .cxTHead{display:none} .cxItem{grid-template-columns:1fr 1fr;padding:14px 12px;gap:10px} .cxProduct{grid-column:1/-1} .cxPrice,.cxLineTotal{text-align:left}.cxQty{justify-self:end} .cxPrice:before,.cxLineTotal:before{content:attr(data-label);display:block;font-size:10.5px;font-weight:600;color:var(--cl-muted)} .cxCoupon{grid-template-columns:auto 1fr}.cxCoupon input,.cxCoupon button{grid-column:1/-1;width:100%} .cxShipForm button{min-width:110px} .cxBenefits{grid-template-columns:1fr}.cxBenefits li{border:0} } /* Checkout – Identificação (identify-page.js). Reaproveita cart-page.css (.cx*) */ #identify{--cl-blue:#0b73f0;--cl-blue-2:#0a5fd1;--cl-navy:#0c2a5b;--cl-muted:#6b7a90;--cl-line:#e3e9f2;background:#f4f7fc;font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif;color:#1a2740} #identify svg,#checkout svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #identify .idWrap{max-width:1240px;margin:0 auto;padding:20px 24px 40px} #checkout{background:#f4f7fc} .cxSteps li.done>span{border-color:var(--cl-blue);background:var(--cl-blue);color:#fff} .cxSteps li.done>span svg{width:18px;height:18px;stroke-width:2.6} .cxSteps li.done b{color:var(--cl-blue)} .cxSteps li.done+li:before{background:var(--cl-blue)} #checkout .cxSteps{margin:6px 0 20px} .idTabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:22px;padding:4px;border-radius:12px;background:#eef4fc} .idTabs[hidden],.idLoggedBox[hidden],.idColumns[hidden]{display:none} .idTabs button{display:flex;align-items:center;justify-content:center;gap:9px;height:44px;border:0;border-radius:9px;background:transparent;color:#4a5a73;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s} .idTabs button svg{width:17px;height:17px} .idTabs button.active{background:linear-gradient(180deg,#1a86ff,#0b66e0);color:#fff;box-shadow:0 6px 14px rgba(11,115,240,.25)} .idColumns{display:grid;grid-template-columns:minmax(0,1fr);align-items:start} .idColumns[data-mode="account"] .idPane[data-id-pane="guest"]{display:none} .idColumns[data-mode="guest"] .idPane[data-id-pane="account"]{display:none} .idForm{display:grid;gap:14px} .idForm h3{margin:0;font-size:16px;font-weight:800;color:#0a1a3a} .idSub{margin:-8px 0 0;font-size:12.5px;color:var(--cl-muted)} .idGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.idField.wide{grid-column:1/-1} .idField{display:grid;gap:6px;font-size:12.5px;font-weight:700;color:#0c1f45} .idInput{position:relative;display:block} .idInput>i,.idInput>svg{position:absolute;left:13px;top:50%;width:16px;height:16px;margin-top:-8px;color:#8b98ad;pointer-events:none} .idInput>i svg{width:16px;height:16px} .idInput input{width:100%;height:44px;padding:0 42px 0 40px;border:1.5px solid var(--cl-line);border-radius:10px;background:#fff;font:inherit;font-size:13px;font-weight:500;color:#1a2740;transition:border-color .15s,box-shadow .15s} .idInput input::placeholder{color:#9aa6b8;font-weight:400} .idInput input:focus{outline:0;border-color:var(--cl-blue);box-shadow:0 0 0 3px rgba(11,115,240,.14)} .idField.invalid input{border-color:#e5202e;box-shadow:0 0 0 3px rgba(229,32,46,.1)} .idErr{font-size:11.5px;font-weight:600;color:#d11a2a}.idErr:empty{display:none} .idEye{position:absolute;right:6px;top:50%;width:32px;height:32px;margin-top:-16px;padding:0;border:0;border-radius:8px;background:none;color:#64748b;cursor:pointer;display:grid;place-items:center} .idEye svg{width:17px;height:17px}.idEye:hover{background:#f1f5fb} .idRow{display:flex;justify-content:space-between;align-items:center;gap:10px} .idLink{padding:0;border:0;background:none;color:var(--cl-blue);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer} .idCheck{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:500;color:#33445e;cursor:pointer;user-select:none} .idCheck input{position:absolute;opacity:0;pointer-events:none} .idBox{flex:none;display:grid;place-items:center;width:17px;height:17px;border:1.5px solid #b9c6d9;border-radius:4px;background:#fff} .idCheck input:checked+.idBox{background:var(--cl-blue);border-color:var(--cl-blue)} .idCheck input:checked+.idBox:after{content:"";width:8px;height:4px;margin-top:-2px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)} .idCheck input:focus-visible+.idBox{box-shadow:0 0 0 3px rgba(11,115,240,.25)} .idHint{margin-top:-6px;font-size:11.5px;color:var(--cl-muted)}.idHint[hidden]{display:none} .idMsg{margin:0;padding:10px 12px;border-radius:9px;font-size:12.5px;font-weight:600}.idMsg[hidden]{display:none} .idMsg.error{background:#fdecec;color:#b42318}.idMsg.ok{background:#e6f7ed;color:#15803d} .idForm .cxPrimary{height:46px}.idForm .cxPrimary i,.cxPrimary i{display:grid}.cxPrimary i svg{width:16px;height:16px} .idForm .cxPrimary.loading,.cxGhost.loading{opacity:.75;cursor:progress} .idOutline{width:100%;height:46px;justify-content:center;border:1.5px solid var(--cl-blue);background:#fff;color:var(--cl-blue-2);font-size:14px;font-weight:700} .idOutline i{display:grid}.idOutline svg{width:16px;height:16px} .idOr{position:relative;align-self:stretch;display:grid;place-items:center} .idOr:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--cl-line)} .idOr span{position:relative;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--cl-line);border-radius:50%;background:#fff;font-size:11px;font-weight:700;color:var(--cl-muted)} .idSecure{display:flex;align-items:center;gap:16px;margin-top:22px;padding:16px 20px;border-radius:12px;background:#eaf2fd} .idShield{display:grid;place-items:center;flex:none;width:48px;height:48px;color:var(--cl-blue)}.idShield svg{width:38px;height:38px;stroke-width:1.5} .idSecure>div{flex:1;min-width:0}.idSecure b{display:block;font-size:13.5px;color:#0a1a3a}.idSecure p{margin:3px 0 0;font-size:11.5px;color:var(--cl-muted);line-height:1.4} .idSecure ul{display:flex;gap:0;margin:0;padding:0;list-style:none} .idSecure li{display:flex;align-items:center;gap:10px;padding:0 18px;border-left:1px solid #cddcf0} .idSecure li i{display:grid;color:var(--cl-blue)}.idSecure li svg{width:20px;height:20px} .idSecure li p{margin:0;font-size:10.5px}.idSecure li b{font-size:11.5px} .idLoggedBox{display:grid;gap:14px;max-width:560px} .idWho,.ckWho{display:flex;align-items:center;gap:12px} .idWho small,.ckWho small{display:block;font-size:11.5px;color:var(--cl-muted)}.idWho b,.ckWho b{font-size:13.5px;color:#0a1a3a} .idWho .idLink,.ckWho .idLink{margin-left:auto} .idAvatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#dfeafd;color:#1d4ed8;font-weight:800} .ckWho{margin:0 0 16px;padding:12px 16px;border:1px solid var(--cl-line);border-radius:12px;background:#fff}.ckWho[hidden]{display:none} #checkoutForm input[readonly]{background:#f4f7fb;color:#4a5a73} @media (max-width:1000px){.idSecure{flex-wrap:wrap}.idSecure ul{width:100%}.idSecure li:first-child{border:0;padding-left:0}} @media (max-width:760px){ #identify .idWrap{padding:16px 14px 32px} .idColumns{grid-template-columns:1fr;gap:18px} .idOr{height:20px}.idOr:before{top:50%;bottom:auto;left:0;right:0;width:auto;height:1px} .idGrid{grid-template-columns:1fr} .idTabs button{font-size:12px;padding:0 6px}.idTabs button svg{display:none} .idSecure ul{flex-direction:column;gap:10px}.idSecure li{border:0;padding:0} } /* Checkout – Etapa 3 (Entrega) e Etapa 4 (Pagamento). Reaproveita cart-page.css / identify-page.css */ #checkout,#payment{--cl-blue:#0b73f0;--cl-blue-2:#0a5fd1;--cl-navy:#0c2a5b;--cl-muted:#6b7a90;--cl-line:#e3e9f2;background:#f4f7fc;font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif;color:#1a2740} #checkout svg,#payment svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #checkout .cxWrap,#payment .cxWrap{max-width:1240px;margin:0 auto;padding:20px 24px 40px} .cxSteps li.active>span svg{width:17px;height:17px} .dvSection{padding:16px 0;border-top:1px solid #edf1f7}.dvSection:first-of-type{border-top:0} .dvHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} .dvHead h3{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:800;color:#0a1a3a} .dvHead h3 i{display:grid;color:var(--cl-blue)}.dvHead h3 svg{width:16px;height:16px} .dvAdd{padding:8px 14px;border:1px solid #cfe0f7;border-radius:9px;background:#f2f7fe;color:var(--cl-blue-2);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.dvAdd[hidden]{display:none} .dvAddrGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .dvAddr,.dvOpt{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1.5px solid var(--cl-line);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s} .dvAddr:hover,.dvOpt:hover{border-color:#a9c9f6} .dvAddr.on,.dvOpt.on{border-color:var(--cl-blue);background:#f1f7ff;box-shadow:0 0 0 3px rgba(11,115,240,.08)} .dvAddr:focus-visible,.dvOpt:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(11,115,240,.25)} .dvRadio{flex:none;width:18px;height:18px;margin-top:2px;border:1.5px solid #b9c6d9;border-radius:50%;background:#fff} .on>.dvRadio{border-color:var(--cl-blue);background:radial-gradient(circle,var(--cl-blue) 0 4.500px,#fff 5.500px)} .dvAddrIcon,.dvOptIcon{display:grid;flex:none;place-items:center;width:28px;height:28px;color:#4a5a73;font-style:normal}.dvAddrIcon svg,.dvOptIcon svg{width:22px;height:22px} .dvAddr b{font-size:13.5px;color:#0a1a3a}.dvAddr p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#4a5a73} .dvBadge{margin-left:8px;padding:2px 9px;border-radius:99px;background:#dbe9fd;color:var(--cl-blue-2);font-size:10.5px;font-weight:700;font-style:normal} .dvEdit{position:absolute;top:10px;right:12px;display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--cl-blue);font:inherit;font-size:12px;font-weight:600;cursor:pointer} .dvEdit svg{width:14px;height:14px} .dvEmptyAddr{grid-column:1/-1;display:grid;justify-items:center;gap:6px;padding:28px 16px;border:1.5px dashed #cfdaeb;border-radius:12px;text-align:center} .dvEmptyAddr b{font-size:14px;color:#0a1a3a}.dvEmptyAddr p{margin:0 0 8px;font-size:12.5px;color:var(--cl-muted)}.dvEmptyAddr .cxPrimary{width:auto;padding:0 24px} .dvTo{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;margin:4px 0 8px;padding:12px 16px;border-radius:10px;background:#eef4fc;font-size:12.5px;color:#33445e} .dvTo[hidden]{display:none} .dvToLabel{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#0a1a3a}.dvToLabel svg{width:15px;height:15px;color:var(--cl-blue)} .dvTo .dvEdit{position:static;margin-left:auto} .dvOptions{display:grid;gap:10px} .dvOpt{align-items:center;padding:12px 16px} .dvOpt>div{flex:1;min-width:0}.dvOpt b{font-size:13px;color:#0a1a3a}.dvOpt small{display:block;margin-top:2px;font-size:11.5px;color:var(--cl-muted)} .dvOpt strong{font-size:14px;color:#0a1a3a}.dvOpt strong.free{color:#15803d} .dvNote{margin:10px 0 0;font-size:11.5px;color:var(--cl-muted)}.dvNote:empty{display:none} .dvHint{margin:0;padding:14px;border-radius:10px;background:#f6f9fd;font-size:12.5px;color:var(--cl-muted)} .dvLoading{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:var(--cl-blue-2)} .dvLoading i{width:16px;height:16px;border:2px solid #cfe0f7;border-top-color:var(--cl-blue);border-radius:50%;animation:dvSpin .7s linear infinite} @keyframes dvSpin{to{transform:rotate(360deg)}} .dvSkeleton{height:52px;border-radius:12px;background:linear-gradient(100deg,#f1f5fb 30%,#f8fbff 50%,#f1f5fb 70%);background-size:200% 100%;animation:dvShine 1.2s linear infinite} @keyframes dvShine{to{background-position:-200% 0}} .dvErrBox{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px;background:#fdecec;color:#b42318;font-size:12.5px} .dvObs{position:relative}.dvObs textarea{width:100%;padding:12px 14px 26px;border:1.5px solid var(--cl-line);border-radius:10px;font:inherit;font-size:13px;resize:vertical} .dvObs textarea:focus{outline:0;border-color:var(--cl-blue);box-shadow:0 0 0 3px rgba(11,115,240,.14)} .dvObs span{position:absolute;right:12px;bottom:8px;font-size:11px;color:var(--cl-muted)} .dvError{margin:12px 0 0;padding:10px 14px;border-radius:9px;background:#fdecec;color:#b42318;font-size:12.5px;font-weight:600}.dvError[hidden]{display:none} .dvFooter{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px} .dvBack{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:1.5px solid var(--cl-line);border-radius:10px;background:#fff;color:var(--cl-navy);font:inherit;font-size:13px;font-weight:700;cursor:pointer} .dvBack i{display:grid}.dvBack svg{width:16px;height:16px}.dvBack:hover{border-color:#a9c9f6} .dvNext{width:auto;min-width:230px;padding:0 24px;height:46px} .dvModal{width:min(680px,94vw);padding:0;border:0;border-radius:16px;box-shadow:0 30px 80px rgba(9,25,60,.35)} .dvModal::backdrop{background:rgba(9,20,45,.55)} .dvModal form{padding:22px 24px;display:grid;gap:14px} .dvModal header{display:flex;justify-content:space-between;align-items:center}.dvModal h3{margin:0;font-size:18px;color:#0a1a3a} .dvClose{width:32px;height:32px;border:0;border-radius:50%;background:#eef2f8;font-size:20px;cursor:pointer} .dvGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.dvGrid .idField.wide{grid-column:1/-1} .dvModal .idInput input,.dvModal .idInput select{padding:0 12px;height:42px} .dvModal .idInput select{width:100%;border:1.5px solid var(--cl-line);border-radius:10px;background:#fff;font:inherit;font-size:13px} .dvModal footer{display:flex;justify-content:flex-end;gap:10px}.dvModal footer .cxPrimary{width:auto;padding:0 22px;height:42px} .pyTitle{margin:6px 0 12px;font-size:15px;color:#0a1a3a} .pyMethod{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1.5px solid var(--cl-blue);border-radius:12px;background:#f1f7ff} .pyMethod>div{flex:1}.pyMethod b{font-size:14px;color:#0a1a3a}.pyMethod p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#4a5a73} .pyMp{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#dbe9fd;color:var(--cl-blue)}.pyMp svg{width:22px;height:22px} .pyMethod>i{display:grid;color:var(--cl-blue)}.pyMethod>i svg{width:20px;height:20px;stroke-width:2.6} .pyReview{display:grid;gap:12px;margin-top:18px}.pyReview>div{padding:14px 16px;border:1px solid var(--cl-line);border-radius:12px} .pyReview b{display:flex;align-items:center;gap:8px;font-size:13px;color:#0a1a3a}.pyReview b svg{width:16px;height:16px;color:var(--cl-blue)}.pyReview p{margin:6px 0 0;font-size:12.5px;color:#4a5a73} .pyTerms{margin:12px 0 0;text-align:right;font-size:11px;color:var(--cl-muted)} .pyItems{display:grid;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--cl-line)} .pyItem{display:flex;gap:12px;align-items:center}.pyItem .cxThumb{width:52px;height:52px}.pyItem div{flex:1;min-width:0}.pyItem b{display:block;font-size:12.5px;color:#0a1a3a}.pyItem small{display:block;font-size:11px;color:var(--cl-muted)}.pyItem strong{font-size:13px} @media (max-width:900px){.dvAddrGrid,.dvGrid{grid-template-columns:1fr}} @media (max-width:640px){#checkout .cxWrap,#payment .cxWrap{padding:16px 14px 32px}.dvFooter{flex-direction:column-reverse}.dvBack,.dvNext{width:100%;justify-content:center}.dvTo .dvEdit{margin-left:0}.pyTerms{text-align:left}} /* Etapa 3: botão "Ir para pagamento" no resumo; sem repetir o endereço nem os selos de pagamento */ .cxSummary .dvNext{width:100%;justify-content:center;margin:0 0 12px} #checkout .cxPay:has(#pyAccepted){display:none} /* AddressModal (address-modal.js): modal "Novo endereço / Editar endereço" */ .amDialog{--b:#0b73f0;--ink:#0a1a3a;--mut:#5f7391;--line:#dfe6f1;width:min(600px,calc(100vw - 20px));max-height:calc(100vh - 24px);padding:0;border:0;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 30px 80px rgba(9,25,60,.35);font-family:Inter,"Segoe UI",Arial,sans-serif;overflow:hidden} .amDialog[open]{display:flex;flex-direction:column}.amDialog::backdrop{background:rgba(9,25,60,.55)} .amDialog form{display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 24px)} .amDialog svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .amHead{display:flex;align-items:center;gap:14px;padding:22px 26px 6px} .amBadge{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:14px;background:#e6f0fd;color:var(--b)}.amBadge svg{width:26px;height:26px;fill:var(--b);stroke:none} .amHead h2{margin:0;font-size:22px;line-height:1.2;font-weight:800}.amHead p{margin:3px 0 0;font-size:13.5px;color:var(--mut)} .amX{margin-left:auto;align-self:flex-start;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:none;color:#5f7391;cursor:pointer}.amX:hover{background:#eef3fa} .amBody{padding:14px 26px 6px;overflow:auto;min-height:0} .amGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.amGrid .wide{grid-column:1/-1} .amField{display:grid;gap:7px;min-width:0}.amLabel{font-size:13.5px;font-weight:700} .amInput{position:relative;display:flex;align-items:center;gap:10px;height:50px;padding:0 14px;border:1.5px solid var(--line);border-radius:11px;background:#fff;transition:border-color .15s,box-shadow .15s} .amInput:focus-within{border-color:var(--b);box-shadow:0 0 0 4px rgba(11,115,240,.12)} .amInput>i{display:grid;flex:none;color:#7d8ca5}.amInput>i svg{width:18px;height:18px} .amInput input,.amInput select{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:inherit;font-size:14px;font-weight:500;color:var(--ink)}.amInput input::placeholder{color:#9aa9c0;font-weight:400} .amSelect{padding:0 6px 0 14px}.amSelect select{appearance:none;-webkit-appearance:none;cursor:pointer} .amSelect .selectSearch{flex:1;min-width:0;height:100%}.amSelect .selectSearchButton{height:100%!important;min-height:0!important;border:0!important;background:transparent!important;padding:0 8px!important;font-weight:600;color:var(--ink)} .amField.invalid .amInput{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}.amErr{min-height:0;font-size:12px;color:#dc2626}.amErr:empty{display:none} .amCepInfo{display:inline-flex;align-items:center;gap:7px;margin:8px 0 0;padding:5px 12px 5px 9px;border-radius:99px;background:#e6f0fd;color:#0a5fd1;font-size:12px;font-weight:600}.amCepInfo svg{width:15px;height:15px} .amCepInfo.ok{background:#e0f5e8;color:#15803d}.amCepInfo.bad{background:#fdeeee;color:#b42318}.amCepInfo.load{background:#eef2f8;color:#4a5a73} .amSpin{width:16px;height:16px;border:2.5px solid #cfe0f7;border-top-color:var(--b);border-radius:50%;animation:amSpin .7s linear infinite}@keyframes amSpin{to{transform:rotate(360deg)}}.amSpin[hidden]{display:none} .amSwitch{display:flex;align-items:center;gap:12px;margin:20px 0 6px;font-size:14px;font-weight:600;cursor:pointer;width:max-content;max-width:100%} .amSwitch input{position:absolute;opacity:0;width:0;height:0}.amSwitch i{position:relative;flex:none;width:46px;height:26px;border-radius:99px;background:#d7dfec;transition:background .18s}.amSwitch i::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(9,25,60,.25);transition:transform .18s} .amSwitch input:checked+i{background:var(--b)}.amSwitch input:checked+i::after{transform:translateX(20px)}.amSwitch input:focus-visible+i{outline:3px solid rgba(11,115,240,.4);outline-offset:2px} .amFormErr{margin:12px 0 4px;padding:10px 12px;border-radius:9px;background:#fdeaea;color:#b42318;font-size:13px} .amFoot{display:flex;justify-content:flex-end;gap:12px;padding:16px 26px 20px;border-top:1px solid #edf1f7;background:#fff} .amBtn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:130px;height:46px;padding:0 20px;border:1.5px solid #cfdcf0;border-radius:11px;background:#fff;color:var(--ink);font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s} .amBtn:hover{border-color:var(--b);color:var(--b)}.amBtn.primary{border-color:var(--b);background:var(--b);color:#fff;min-width:170px}.amBtn.primary:hover{background:#0a5fd1;color:#fff}.amBtn:disabled{opacity:.6;cursor:not-allowed} @media (max-width:560px){.amGrid{grid-template-columns:1fr}.amHead{padding:18px 16px 4px}.amBody{padding:12px 16px 4px}.amFoot{padding:14px 16px 16px}.amFoot .amBtn{flex:1;min-width:0}} /* Versão compacta: menos espaço vertical, select nativo estilizado */ .amHead{padding:16px 22px 2px}.amBadge{width:44px;height:44px;border-radius:12px}.amBadge svg{width:22px;height:22px}.amHead h2{font-size:20px}.amHead p{font-size:13px;margin-top:2px} .amBody{padding:10px 22px 2px}.amGrid{gap:10px 16px}.amField{gap:5px}.amLabel{font-size:13px} .amInput{height:44px;border-radius:10px} .amSelect{padding:0 10px 0 14px} .amSelect select{width:100%;padding-right:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f7391' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right center/14px} .amCepInfo{margin-top:6px;padding:4px 11px 4px 8px;font-size:11.5px} .amSwitch{margin:12px 0 2px;font-size:13.5px}.amFormErr{margin:8px 0 2px} .amFoot{padding:12px 22px 14px}.amBtn{height:42px;font-size:14px} @media (max-width:560px){.amHead{padding:14px 14px 2px}.amBody{padding:8px 14px 2px}.amFoot{padding:10px 14px 12px}} /* CEP e Estado na mesma linha; o aviso da busca fica numa linha propria abaixo dos dois */ .amGrid{align-items:start}.amGrid .amCepInfo.wide{grid-column:1/-1;justify-self:start;margin:-2px 0 0} /* Checkout – Etapa 4 (Pagamento) e resultado do pedido */ .pyBox{padding:22px!important} .pyTitle{margin:0 0 14px;font-size:16px;font-weight:800;color:#0a1a3a} .pyTabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px} .pyTab{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 12px;border:1.5px solid var(--cl-line);border-radius:12px;background:#fff;color:#33445e;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s} .pyTab i{display:grid}.pyTab svg{width:20px;height:20px} .pyTab:hover{border-color:#a9c9f6}.pyTab.on{border-color:var(--cl-blue);background:#f1f7ff;color:var(--cl-blue-2);box-shadow:0 0 0 3px rgba(11,115,240,.08)}.pyTab.pix.on{border-color:#12a865;background:#effaf4;color:#0f8f56;box-shadow:0 0 0 3px rgba(18,168,101,.1)} .pyPanels{display:grid;gap:10px} .pyPanel{border:1px solid var(--cl-line);border-radius:12px;background:#fff;overflow:hidden} .pyPanelHead{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:0;background:none;text-align:left;font:inherit;cursor:pointer} .pyPanelHead>i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:#e3eefc;color:var(--cl-blue)}.pyPanelHead>i.pix{background:#dff5e9;color:#0f8f56}.pyPanelHead>i svg{width:22px;height:22px} .pyPanelHead>span{flex:1}.pyPanelHead b{display:block;font-size:14px;color:#0a1a3a}.pyPanelHead small{font-size:12px;color:var(--cl-muted)} .pyPanelHead em{display:grid;color:#6b7a90;transition:transform .2s}.pyPanelHead em svg{width:16px;height:16px}.pyPanel.open .pyPanelHead em{transform:rotate(90deg)} .pyPanelBody{display:none;padding:0 16px 16px}.pyPanel.open .pyPanelBody{display:block} .pyInfo{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 14px;border-radius:10px;background:#e9f2fd;font-size:12.5px;color:#0a3f8a;line-height:1.5}.pyInfo svg{flex:none;width:18px;height:18px;margin-top:1px} .pyPerks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:12px 0 0;list-style:none;border-top:1px solid #edf1f7} .pyPerks li{display:flex;gap:10px;align-items:center}.pyPerks i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#e3eefc;color:var(--cl-blue)}.pyPerks svg{width:17px;height:17px}.pyPerks p{margin:0;font-size:11px;color:var(--cl-muted);line-height:1.3}.pyPerks b{display:block;font-size:12px;color:#0a1a3a} .pyCard{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.pyCard .idField.wide{grid-column:1/-1}.pyCard .idInput input,.pyCard .idInput select{padding:0 12px;height:42px}.pyCard .idInput select{width:100%;border:1.5px solid var(--cl-line);border-radius:10px;background:#fff;font:inherit;font-size:13px} .pyFinishWrap{display:grid;justify-items:end;gap:8px}.pyTerms{margin:0;font-size:11px;color:var(--cl-muted);text-align:right}.pyTerms .auLink{padding:0;border:0;background:none;color:var(--cl-blue);font:inherit;font-weight:600;cursor:pointer} .pyEdit{position:static!important;margin-left:auto} .pyCoupon{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;border:1px solid #bfe6cf;border-radius:10px;background:#effaf3;color:#15803d}.pyCoupon[hidden]{display:none} .pyCoupon>span{display:grid}.pyCoupon svg{width:20px;height:20px}.pyCoupon div{flex:1}.pyCoupon small{display:block;font-size:11px}.pyCoupon b{font-size:13px} .pySecure{display:flex;gap:12px;margin-bottom:14px;padding:14px;border-radius:10px;background:#eef4fc}.pySecure>span{display:grid;color:var(--cl-blue)}.pySecure svg{width:26px;height:26px}.pySecure p{margin:0;font-size:11.5px;color:var(--cl-muted);line-height:1.4}.pySecure b{display:block;font-size:12.5px;color:#0a1a3a} .pyAccepted{margin:0 0 8px!important;font-size:11.5px!important;font-weight:700;color:#4a5a73!important;text-align:left}.cxPay ul#pyAccepted{justify-content:flex-start} .odnCard{max-width:720px;margin:10px auto 40px;padding:32px 34px;border:1px solid var(--cl-line);border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(15,35,80,.08);font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif;color:#1a2740} .odnHead{display:grid;justify-items:center;gap:6px;margin-bottom:22px;text-align:center}.odnHead h2{margin:8px 0 0;font-size:24px;color:#0a1a3a}.odnHead p{margin:0;font-size:13.5px;color:var(--cl-muted)} .odnHead>span{display:grid;place-items:center;width:72px;height:72px;border-radius:50%}.odnHead>span svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .odnHead.ok>span{background:#dff5e7;color:#15803d}.odnHead.wait>span{background:#fdf0cf;color:#a16207}.odnHead.err>span{background:#fde7e7;color:#b91c1c} .odnPix{display:flex;gap:22px;align-items:center;margin-bottom:18px;padding:18px;border:1px solid var(--cl-line);border-radius:14px;background:#f8fbff} .odnPix img{width:170px;height:170px;border-radius:10px;background:#fff}.odnPix>div{flex:1;display:grid;gap:10px;min-width:0}.odnPix small{color:var(--cl-muted);font-size:11.5px} .odnPix code{display:block;padding:10px 12px;border-radius:9px;background:#fff;border:1px solid var(--cl-line);font-size:11px;word-break:break-all;max-height:84px;overflow:auto} .odnLink{display:flex;align-items:center;justify-content:center;text-decoration:none}.odnPix .cxPrimary{width:auto;padding:0 22px} .odnStatus{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 18px;font-size:12.5px;font-weight:600;color:#a16207}.odnStatus i{width:10px;height:10px;border-radius:50%;background:#f5a623;animation:pyPulse 1.2s ease-in-out infinite} @keyframes pyPulse{50%{opacity:.35;transform:scale(.8)}} .odnDl{display:grid;margin:0 0 20px}.odnDl>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #edf1f7;font-size:13px}.odnDl dt{color:var(--cl-muted)}.odnDl dd{margin:0;font-weight:600;text-align:right} .odnActions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.odnActions .cxPrimary{width:auto;padding:0 26px} @media (max-width:900px){.pyTabs{grid-template-columns:1fr 1fr}.pyPerks{grid-template-columns:1fr}.odnPix{flex-direction:column;text-align:center}.pyCard{grid-template-columns:1fr}} @media (max-width:640px){.odnCard{padding:22px 16px}.pyFinishWrap{width:100%}.pyFinishWrap .dvNext{width:100%}.pyTerms{text-align:left}} /* Cupom removível, marcas aceitas e botão fixo no celular */ .pyCouponX{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:transparent;color:#15803d;cursor:pointer}.pyCouponX:hover{background:rgba(21,128,61,.12)}.pyCouponX svg{width:16px;height:16px} #pyAccepted{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;list-style:none} #pyAccepted .bm{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:28px;min-width:44px;padding:0 10px;border:1px solid var(--cl-line);border-radius:7px;background:#fff;font-size:11.5px;font-weight:800;color:#33445e} #pyAccepted .bm svg{width:15px;height:15px;fill:currentColor;stroke:currentColor;stroke-width:1.6;stroke-linecap:round} #pyAccepted .pix{color:#0f9d75}#pyAccepted .pix svg{fill:currentColor;stroke:none} #pyAccepted .visa{background:#1434cb;border-color:#1434cb;color:#fff;font-style:italic;font-size:13px;letter-spacing:.5px} #pyAccepted .mc{padding:0 12px;gap:0}#pyAccepted .mc i{width:16px;height:16px;border-radius:50%;background:#eb001b;mix-blend-mode:multiply}#pyAccepted .mc i+i{margin-left:-6px;background:#f79e1b} #pyAccepted .elo{background:#000;border-color:#000;color:#fff;font-style:italic;letter-spacing:.3px} @media (max-width:900px){#payment .pyFinishWrap{position:sticky;bottom:0;z-index:20;margin:0 -4px;padding:10px 4px 12px;background:linear-gradient(180deg,rgba(246,249,254,0),#f6f9fe 32%)}} .pyCouponX{font-size:20px;line-height:1} /* Checkout Transparente: PIX na loja, Brick de cartão e botões por método */ .pyGo{width:100%;justify-content:center;margin-top:14px} .pyBrick{margin-top:12px;min-height:60px}.pyBrickNote{margin:8px 0 0;font-size:13px;color:var(--cl-muted)}.pyBrickNote[hidden]{display:none} /* O Brick do Mercado Pago (cartão) desenha o próprio ícone de seta no seletor CPF/CNPJ; a seta nativa do navegador some por cima dela, ficando duas. */ .pyBrick select{-webkit-appearance:none;-moz-appearance:none;appearance:none} .pyPix{display:grid;gap:12px;margin-top:14px;padding:16px;border:1px solid #cfe6d9;border-radius:14px;background:#f6fcf8} .pyPix header{display:flex;align-items:center;justify-content:space-between;gap:10px}.pyPix h3{margin:0;font-size:17px} .pyPixBadge{padding:4px 12px;border-radius:999px;background:#fef3d7;color:#b45309;font-size:12.5px;font-weight:700}.pyPixBadge.ok{background:#dff5e7;color:#15803d}.pyPixBadge.off{background:#eef2f7;color:#5f7391} .pyPixHelp{margin:0;font-size:13.5px;color:#33507a} .pyPixBody{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.pyQr{width:200px;height:200px;border:1px solid #e3e9f2;border-radius:12px;background:#fff;padding:8px;box-sizing:border-box;image-rendering:pixelated} .pyPixCode{flex:1;min-width:220px;display:grid;gap:8px}.pyPixCode small{color:#5f7391;font-size:12px;font-weight:700}.pyPixCode code{display:block;max-height:96px;overflow:auto;padding:10px 12px;border:1px solid #e3e9f2;border-radius:10px;background:#fff;font-size:12px;word-break:break-all} .pyCopy{justify-self:start;padding:0 22px;min-height:42px;border:1.5px solid #0b73f0;border-radius:10px;background:#fff;color:#0b73f0;font:inherit;font-weight:700;cursor:pointer}.pyCopy:hover{background:#eef5ff} .pyExpire{margin:0;font-size:14px;color:#33507a}.pyExpire b{font-variant-numeric:tabular-nums;color:#0a1a3a}.pyExpire[hidden]{display:none} .pyPixInfo{display:flex;gap:10px;align-items:center;margin:0;padding:10px 12px;border-radius:10px;background:#eaf2fe;font-size:13px;color:#33507a}.pyPixInfo svg{flex:none;width:18px;height:18px;stroke:#0b73f0;fill:none;stroke-width:1.9} @media (max-width:560px){.pyPixBody{justify-content:center}.pyQr{width:180px;height:180px}} /* Layout do Checkout Transparente: cartões de método com seletor + bloco PIX */ .pySub{margin:-4px 0 14px;font-size:13.5px;color:var(--cl-muted)} .pyTabs{grid-template-columns:repeat(3,1fr)} .pyTab{justify-content:flex-start;gap:12px;min-height:66px;padding:0 16px;text-align:left;position:relative} .pyTab>span{display:grid;gap:2px}.pyTab>span b{font-size:15px;color:#0a1a3a}.pyTab>span small{font-size:12.5px;color:var(--cl-muted);font-weight:400} .pyTab>i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:#e3eefc;color:var(--cl-blue)}.pyTab.pix>i{background:#dff5e9;color:#0f8f56} .pyRadio{margin-left:auto;flex:none;width:22px;height:22px;border:2px solid #b8c6da;border-radius:50%;background:#fff;position:relative}.pyTab.on .pyRadio{border-color:#0b73f0}.pyTab.on .pyRadio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#0b73f0} .pyPixLoading{display:flex;align-items:center;gap:10px;margin:14px 0 0;color:var(--cl-muted);font-size:14px}.pyPixLoading i{width:18px;height:18px;border:2px solid #cfe0f8;border-top-color:#0b73f0;border-radius:50%;animation:pySp .8s linear infinite}@keyframes pySp{to{transform:rotate(360deg)}} .pyPix header{display:flex;align-items:center;gap:14px}.pyPix header>div{flex:1}.pyPixIc{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:#dff5e9;color:#0f8f56}.pyPixIc svg{width:22px;height:22px}.pyPixHelp{margin:2px 0 0!important} .pyOrderNo{margin:-4px 0 12px;font-size:13px;color:var(--cl-muted)} @media (max-width:900px){.pyTabs{grid-template-columns:1fr}} /* ===== Pagamento confirmado ===== */ .odnCard.odnWide{max-width:1120px;padding:24px 28px 32px;background:transparent;border:0;box-shadow:none} .odnCrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;color:var(--cl-muted,#64748b)}.odnCrumb a{color:inherit;text-decoration:none}.odnCrumb b{color:#0a1a3a} .odnGrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start} .odnDone,.odnSide,.odnRecs{background:#fff;border:1px solid var(--cl-line);border-radius:18px;box-shadow:0 12px 34px rgba(10,26,58,.06)} .odnDone{display:grid;justify-items:center;gap:8px;padding:36px 28px;text-align:center} .odnTick{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#dff5e7;color:#15803d;box-shadow:0 0 0 10px #eefaf2}.odnTick svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round} .odnDone h2{margin:14px 0 0;font-size:28px;color:#0a1a3a}.odnDone>p{margin:0;color:#475569} .odnNum{display:grid;gap:4px;margin-top:12px;padding:12px 22px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fbff}.odnNum small{color:#64748b}.odnNum div{display:flex;align-items:center;justify-content:center;gap:10px}.odnNum b{font-size:20px;color:#0a1a3a} .odnNum button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--cl-line);border-radius:8px;background:#fff;cursor:pointer}.odnNum button svg{width:16px;height:16px;fill:none;stroke:#0a1a3a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .odnMailNote{font-size:13.5px;color:#475569!important}.odnDone .odnActions{margin-top:10px} .odnInfo{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.odnInfo>div{display:grid;align-content:start;gap:6px;padding:16px;border:1px solid var(--cl-line);border-radius:14px;background:#fff} .odnInfo svg{width:24px;height:24px;fill:none;stroke:#1d4ed8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.odnInfo b{font-size:13.5px;color:#0a1a3a}.odnInfo small{font-size:12px;line-height:1.4;color:#64748b} .odnInfo a,.odnInfo button{justify-self:start;padding:0;border:0;background:none;font:inherit;font-size:12.5px;font-weight:700;color:#1d4ed8;cursor:pointer;text-decoration:none} .odnSide{padding:22px}.odnSide h3{margin:0 0 14px;font-size:17px;color:#0a1a3a} .odnItems{display:grid;gap:12px;margin:0 0 14px;padding:0 0 14px;list-style:none;border-bottom:1px solid #edf1f7}.odnItems li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center} .odnItems img,.odnImg{width:52px;height:52px;border-radius:10px;object-fit:cover;background:#eef2f8}.odnItems div{display:grid;gap:2px;min-width:0}.odnItems b{font-size:13px;color:#0a1a3a}.odnItems small{font-size:12px;color:#64748b}.odnItems strong{font-size:13px} .odnSide .odnDl{margin:0 0 6px}.odnOff{color:#15803d} .odnTotal{display:flex;justify-content:space-between;align-items:center;margin:8px 0 16px;padding:14px 16px;border-radius:12px;background:#ecfdf3}.odnTotal span{font-weight:700;color:#166534}.odnTotal b{font-size:22px;color:#166534} .odnPay small{display:block;margin-bottom:8px;color:#64748b}.odnPay>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.odnPay span{display:grid;gap:2px}.odnPay span small{margin:0} .odnBadge{padding:4px 10px;border-radius:999px;background:#dff5e7;color:#15803d;font-size:12px;font-weight:700;font-style:normal} .odnRecs{margin-top:22px;padding:22px}.odnRecs h3{margin:0;font-size:18px;color:#0a1a3a}.odnRecs>p{margin:4px 0 16px;color:#64748b;font-size:13px} .odnRecs>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.odnRecs article{display:grid;gap:6px;padding:12px;border:1px solid var(--cl-line);border-radius:14px} .odnRecs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#eef2f8}.odnRecs b{font-size:13px;color:#0a1a3a}.odnRecs button{height:36px;border:1px solid #1d4ed8;border-radius:9px;background:#fff;color:#1d4ed8;font-weight:700;cursor:pointer} @media (max-width:980px){.odnGrid{grid-template-columns:1fr}.odnInfo{grid-template-columns:1fr 1fr}.odnRecs>div{grid-template-columns:1fr 1fr}} @media (max-width:560px){.odnCard.odnWide{padding:16px 4px}.odnInfo{grid-template-columns:1fr}.odnDone{padding:26px 16px}} /* Login / Criar conta (auth-page.js) */ #login{--cl-blue:#0b73f0;--cl-blue-2:#0a5fd1;--cl-navy:#0c2a5b;--cl-muted:#6b7a90;--cl-line:#e3e9f2;background:radial-gradient(circle at 12% 20%,#eaf2ff,transparent 45%),#f4f7fc;font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif;color:#1a2740} #login svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #login .auWrap{max-width:1180px;margin:0 auto;padding:34px 24px 30px} .auCard{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--cl-line);border-radius:22px;background:#fff;box-shadow:0 30px 70px rgba(15,35,80,.14)} .auArt{position:relative;background:#eaf2ff;aspect-ratio:1122/1402} .auArt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top} .auPanel{display:grid;align-content:center;padding:30px 44px} #login .authCard{display:grid;gap:14px;max-width:none;width:100%;margin:0;padding:0;border:0;box-shadow:none;background:none} #login .authLogo{display:flex;align-items:center;gap:10px;justify-self:start;padding:0;border:0;background:none;cursor:pointer;color:#0a1a3a} #login .authLogo img{width:54px;height:54px;object-fit:contain} #login .authLogo span{display:grid;font-size:22px;font-weight:800;line-height:1}#login .authLogo b{color:var(--cl-blue)} #login .authLogo small{margin-top:4px;font-size:7.5px;letter-spacing:.2em;font-weight:700;color:#0a1a3a} #login .authIntro h1{margin:6px 0 4px;font-size:34px;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:#0a1a3a} #login .authIntro p{margin:0;font-size:13.5px;color:#4a5a73} #login .authTabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0 4px;padding:5px;border:0;border-radius:14px;background:#eef2f8} #login .authTabs button{display:flex;align-items:center;justify-content:center;gap:9px;height:46px;width:auto;border:0;border-radius:10px;background:transparent;color:#33445e;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s,color .15s} #login .authTabs button svg{width:17px;height:17px} #login .authTabs button.active,#login .authTabs button[aria-selected="true"]{background:linear-gradient(180deg,#1a86ff,#0b66e0);color:#fff;box-shadow:0 8px 18px rgba(11,115,240,.28)} #login form{display:grid;gap:14px}#login form[hidden]{display:none} .auField{display:grid;gap:6px;margin:0!important;font-size:12.5px;font-weight:700;color:#0c1f45}.auField em{font-style:normal;font-weight:500;color:var(--cl-muted)} .auInput{position:relative;display:block} .auInput>i{position:absolute;left:14px;top:50%;width:17px;height:17px;margin-top:-8.5px;color:#8b98ad;pointer-events:none;display:grid}.auInput>i svg{width:17px;height:17px} #login .auInput input{width:100%;height:48px;margin:0;padding:0 70px 0 44px;border:1.5px solid var(--cl-line);border-radius:11px;background:#f9fbfe;font:inherit;font-size:13.5px;font-weight:500;color:#1a2740;transition:border-color .15s,box-shadow .15s,background .15s} #login .auInput input::placeholder{color:#9aa6b8;font-weight:400} #login .auInput input:focus{outline:0;border-color:var(--cl-blue);background:#fff;box-shadow:0 0 0 3px rgba(11,115,240,.14)} .auField.invalid input{border-color:#e5202e;box-shadow:0 0 0 3px rgba(229,32,46,.1)} .auErr{font-size:11.5px;font-weight:600;color:#d11a2a}.auErr:empty{display:none} #login .auInput button{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:0;border:0;background:none;color:var(--cl-blue);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer} .auRow{display:grid;grid-template-columns:1fr 1fr;gap:14px} #login .authActions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0} #login .authActions #forgotPassword{padding:0;border:0;background:none;color:var(--cl-blue);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer} #login .remember{display:flex;align-items:center;gap:9px;margin:0;font-size:12.5px;font-weight:500;color:#33445e;cursor:pointer;user-select:none} #login .remember input{position:absolute;opacity:0;pointer-events:none;width:auto;height:auto} .auBox{flex:none;display:grid;place-items:center;width:17px;height:17px;border:1.5px solid #b9c6d9;border-radius:4px;background:#fff} #login .remember input:checked+.auBox{background:var(--cl-blue);border-color:var(--cl-blue)} #login .remember input:checked+.auBox:after{content:"";width:8px;height:4px;margin-top:-2px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)} #login .remember input:focus-visible+.auBox{box-shadow:0 0 0 3px rgba(11,115,240,.25)} .auTerms{align-items:flex-start!important}.auTerms.invalid .auBox{border-color:#e5202e} .auLink{padding:0;border:0;background:none;color:var(--cl-blue);font:inherit;font-weight:600;cursor:pointer} #login .passwordHint{margin:-6px 0 0;font-size:11.5px;color:var(--cl-muted)} #login .authMessage{margin:0;padding:10px 14px;border-radius:10px;background:#fdecec;color:#b42318;font-size:12.5px;font-weight:600}#login .authMessage[hidden]{display:none}#login .authMessage.success{background:#e6f7ed;color:#15803d} .auSubmit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border:0;border-radius:12px;background:linear-gradient(180deg,#1a86ff,#0b66e0);color:#fff;font:inherit;font-size:15px;font-weight:700;box-shadow:0 12px 24px rgba(11,115,240,.3);cursor:pointer;transition:filter .15s,transform .15s} .auSubmit i{display:grid}.auSubmit svg{width:19px;height:19px;stroke-width:2.2} .auSubmit:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.auSubmit:disabled{opacity:.75;cursor:progress} #login .authSecure{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:12px;color:var(--cl-muted)} #login .authSecure i{display:grid;color:#16a34a}#login .authSecure svg{width:16px;height:16px} .auBenefits{margin-top:26px;grid-template-columns:repeat(4,1fr);padding:16px 8px;background:transparent;border:0;box-shadow:none}.auBenefits li{justify-content:center} @media (max-width:980px){.auCard{grid-template-columns:.7fr 1fr}.auPanel{padding:26px 28px}} @media (max-width:760px){#login .auWrap{padding:18px 14px 24px}.auCard{grid-template-columns:1fr;border-radius:18px}.auArt{display:none}.auPanel{padding:24px 18px}.auRow{grid-template-columns:1fr}#login .authLogo{justify-self:center}.auBenefits{grid-template-columns:1fr 1fr;gap:12px 0}} @media (max-width:420px){.auBenefits{grid-template-columns:1fr}} #login .auGoogle,#identify .auGoogle{display:grid;justify-items:center;gap:10px;margin-top:14px}#login .auGoogle .auOr,#identify .auGoogle .auOr{display:flex;align-items:center;gap:12px;width:100%;color:#8a97ad;font-size:12px}#login .auGoogle .auOr::before,#login .auGoogle .auOr::after,#identify .auGoogle .auOr::before,#identify .auGoogle .auOr::after{content:"";flex:1;height:1px;background:#e3e9f2}#login .auGoogle .gBtn,#identify .auGoogle .gBtn{min-height:44px}#login .auGoogle small,#identify .auGoogle small{max-width:380px;text-align:center;font-size:11px;line-height:1.4;color:#8a97ad}#login .auGoogle[hidden],#identify .auGoogle[hidden]{display:none} #loginForm[hidden]+.auGoogle,#signupForm[hidden]+.auGoogle{display:none} #identify .idOr+.auGoogle,#identify .auGoogle+.idOr{display:none} /* Footer (azul-marinho, 5 colunas + barra inferior) */ #storeFooter{background:radial-gradient(circle at 0% 100%,rgba(21,133,255,.16),transparent 40%),linear-gradient(180deg,#0a2245 0%,#06142c 100%)!important;color:#c6d2e4;padding:0!important;font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif} #storeFooter svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #storeFooter svg.ctSolid{fill:currentColor;stroke:none} #storeFooter .ftTop{display:grid;grid-template-columns:1.35fr .8fr .95fr 1.05fr 1.3fr;gap:0;padding:38px 18px 30px} #storeFooter .ftTop>*{padding:0 26px;border-left:1px solid rgba(255,255,255,.07)}#storeFooter .ftTop>*:first-child{padding-left:0;border-left:0} .ftLogo{display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:#fff;cursor:pointer} .ftLogo img{width:58px;height:58px;object-fit:contain}.ftLogo span{display:grid;font-size:26px;font-weight:800;line-height:1}.ftLogo b{color:#2b8cff} .ftLogo small{margin-top:5px;font-size:8px;letter-spacing:.24em;font-weight:600;color:#a9bcd6} .ftBrand>p{margin:16px 0 14px;font-size:13.5px;line-height:1.5;color:#dbe6f5} #storeFooter .footSocial{display:flex;gap:10px;margin:0 0 16px} #storeFooter .footSocial a{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.07);color:#e5edf8;transition:background .18s,transform .18s} #storeFooter .footSocial a:hover{background:#0b73f0;color:#fff;transform:translateY(-2px)}#storeFooter .footSocial svg{width:17px;height:17px} .ftMottos{display:flex;gap:0;margin:0;padding:14px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.08)} .ftMottos li{display:flex;align-items:center;gap:10px;padding-right:18px;font-size:11.5px;line-height:1.35;color:#cfdbec}.ftMottos li+li{padding-left:18px;border-left:1px solid rgba(255,255,255,.1)} .ftMottos li>span:first-child{display:grid;color:#4da3ff}.ftMottos svg{width:24px;height:24px} .ftCol h4{margin:0 0 16px;font-size:14px;font-weight:700;letter-spacing:.02em;color:#fff} .ftCol ul{margin:0;padding:0;list-style:none;display:grid;gap:9px} .ftCol ul button{padding:0;border:0;background:none;color:#cfdbec;font:inherit;font-size:13.5px;text-align:left;cursor:pointer;transition:color .15s,padding .15s} .ftCol ul button:hover{color:#4da3ff;padding-left:3px} .ftContact{display:grid;align-content:start;gap:14px}.ftContact h4{margin-bottom:2px} .ftRow{display:flex;align-items:center;gap:12px;color:#e5edf8;text-decoration:none} .ftRow>i{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:rgba(21,133,255,.16);color:#4da3ff;font-style:normal}.ftRow svg{width:18px;height:18px} .ftRow b{display:block;font-size:13.5px;font-weight:600;color:#fff}.ftRow small{display:block;font-size:11.5px;color:#9fb3cf} a.ftRow:hover b{color:#4da3ff} .ftNews p{margin:0 0 14px;font-size:12.5px;line-height:1.5;color:#b6c6dc} .ftNewsForm{display:flex;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(6,18,40,.6)} .ftNewsInput{position:relative;flex:1;display:flex;align-items:center}.ftNewsInput>span{position:absolute;left:16px;display:grid;color:#4da3ff}.ftNewsInput svg{width:17px;height:17px} .ftNewsInput input{width:100%;height:46px;padding:0 14px 0 44px;border:0;background:transparent;color:#fff;font:inherit;font-size:13px}.ftNewsInput input::placeholder{color:#8ea3c0}.ftNewsInput input:focus{outline:0} .ftNewsForm:focus-within{border-color:#2b8cff;box-shadow:0 0 0 3px rgba(43,140,255,.2)} .ftNewsForm button{min-width:104px;border:0;border-radius:999px;background:#0b73f0;color:#fff;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.ftNewsForm button:hover{background:#1a86ff}.ftNewsForm button:disabled{opacity:.7;cursor:progress} .ftConsent{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:11px;color:#b6c6dc;cursor:pointer} .ftConsent input{position:absolute;opacity:0;pointer-events:none} .ftBox{flex:none;display:grid;place-items:center;width:16px;height:16px;border:1.5px solid #5a7194;border-radius:4px} .ftConsent input:checked+.ftBox{background:#0b73f0;border-color:#0b73f0}.ftConsent input:checked+.ftBox:after{content:"";width:8px;height:4px;margin-top:-2px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)} .ftConsent input:focus-visible+.ftBox{box-shadow:0 0 0 3px rgba(43,140,255,.4)} .ftNewsMsg{margin:10px 0 0!important;font-size:12px!important;font-weight:600}.ftNewsMsg[hidden]{display:none}.ftNewsMsg.ok{color:#5be08f!important}.ftNewsMsg.error{color:#ff8c8c!important} .ftGift{display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(21,133,255,.08);color:#fff;text-align:left;font:inherit;font-size:11.5px;cursor:pointer}.ftGift[hidden]{display:none} .ftGift>span:first-child,.ftGift>span:last-child{display:grid;color:#4da3ff}.ftGift svg{width:24px;height:24px}.ftGift>span:nth-child(2){flex:1;color:#b6c6dc}.ftGift b{display:block;font-size:13.5px;color:#fff} .ftBottom{border-top:1px solid rgba(255,255,255,.08)} .ftBottomIn{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;padding:18px} .ftCopy{font-size:12px;color:#dbe6f5}.ftCopy small{display:block;margin-top:3px;font-size:11.5px;color:#9fb3cf} .ftBenefits{display:flex;justify-content:center;gap:0;margin:0;padding:0;list-style:none} .ftBenefits li{display:flex;align-items:center;gap:10px;padding:0 20px;border-left:1px solid rgba(255,255,255,.08);font-size:11px;color:#9fb3cf} .ftBenefits li>span:first-child{display:grid;color:#4da3ff}.ftBenefits svg{width:24px;height:24px}.ftBenefits b{display:block;font-size:12px;color:#fff} .ftPay{display:flex;gap:8px;margin:0;padding:0 0 0 20px;list-style:none;border-left:1px solid rgba(255,255,255,.08)} .ftPay li{padding:6px 12px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:rgba(255,255,255,.06);font-size:11px;font-weight:800;letter-spacing:.04em;color:#e5edf8}.ftPay li.mp{color:#59b1ff} @media (max-width:1180px){#storeFooter .ftTop{grid-template-columns:1fr 1fr 1fr;row-gap:32px}#storeFooter .ftTop>*{border:0;padding:0 14px 0 0}.ftBottomIn{grid-template-columns:1fr;gap:16px}.ftBenefits{justify-content:flex-start;flex-wrap:wrap;row-gap:10px}.ftBenefits li:first-child{border:0;padding-left:0}.ftPay{padding:0;border:0;flex-wrap:wrap}} @media (max-width:720px){#storeFooter .ftTop{grid-template-columns:1fr 1fr;padding:30px 14px 22px}.ftBrand,.ftNews{grid-column:1/-1}.ftContact{grid-column:1/-1}.ftMottos{flex-wrap:wrap;gap:12px}.ftMottos li+li{border:0;padding-left:0}.ftBenefits{flex-direction:column;align-items:flex-start}.ftBenefits li{border:0;padding:0}#storeFooter .footSocial{justify-content:flex-start}} /* Área do cliente: layout, sidebar, cabeçalhos, cards e abas (Pedidos, Favoritos, Dados pessoais, Contato). Prefixos: aa (comum), ao, fv, pd, ct. */ #account{--b:#0b73f0;--b2:#0a5fd1;--ink:#0a1a3a;--mut:#5f7391;--line:#e3e9f2;--soft:#f3f7fd;font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif;color:var(--ink)} #account .aaIc{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #account .wrap.account{display:grid;grid-template-columns:262px minmax(0,1fr);gap:26px;align-items:start;max-width:1500px} #account.aaNoSide .wrap.account{grid-template-columns:minmax(0,1fr)}#account.aaNoSide .profile{display:none} #account .profile.aaSide{text-align:left;padding:18px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(15,35,80,.05);position:sticky;top:96px} #account .profile.aaSide>div.aaHelp{width:auto;height:auto;margin:16px 0 0;border-radius:14px;background:var(--soft);display:block;place-items:initial;font-weight:400;color:inherit;padding:16px} .aaSideTitle{margin:2px 10px 12px;font-size:15px;font-weight:800;color:var(--ink)} .aaNav{display:grid;gap:4px} .aaNav button{display:flex!important;align-items:center;gap:14px;width:100%;padding:12px 14px!important;border:0;border-radius:10px;background:none;color:#2a3b57;font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:background .15s,color .15s} .aaNav button[hidden]{display:none!important} .aaNav button svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .aaNav button:hover{background:#eef5ff}.aaNav button.active{background:var(--b);color:#fff} .aaNav .aaLogout{margin-top:6px;color:#6b7a90;font-weight:500;font-size:13px;border-top:1px solid #edf1f7;border-radius:0 0 10px 10px} .aaHelpTop{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.aaHelpTop>span{display:grid;color:var(--b)}.aaHelpTop svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .aaHelpTop b{display:block;font-size:14px}.aaHelpTop p{margin:2px 0 0;font-size:12px;color:var(--mut);line-height:1.4} .aaHelpBtn{display:flex;align-items:center;justify-content:space-between;width:100%;height:42px;padding:0 14px;border:0;border-radius:10px;background:var(--b);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.aaHelpBtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.aaHelpBtn:hover{background:var(--b2)} .aaContent{min-width:0} .aaCrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;color:var(--mut)}.aaCrumb button{border:0;background:none;padding:0;font:inherit;color:var(--mut);cursor:pointer}.aaCrumb button:hover{color:var(--b)}.aaCrumb i{font-style:normal}.aaCrumb b{color:var(--b);font-weight:600} .aaHead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;flex-wrap:wrap}.aaHead h1{margin:0;font-size:32px;line-height:1.15;font-weight:800;color:var(--ink)}.aaHead p{margin:6px 0 0;color:var(--mut);font-size:14px} .aaCard{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(15,35,80,.045)} .aaBadgeIc{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#e3eefc;color:var(--b)}.aaBadgeIc.ok{background:#dff5e7;color:#15803d}.aaBadgeIc.wait{background:#fdecd0;color:#c26a06}.aaBadgeIc.solid{background:var(--b);color:#fff;border-radius:12px} .aaBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 20px;border:1.5px solid #cfdcf0;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s} .aaBtn:hover{border-color:var(--b);color:var(--b)}.aaBtn.primary{border-color:var(--b);background:var(--b);color:#fff}.aaBtn.primary:hover{background:var(--b2);color:#fff}.aaBtn.small{min-height:36px;padding:0 14px;font-size:13px;color:var(--b);border-color:#a9c9f6}.aaBtn.danger{color:#c62828;border-color:#f0c4c4}.aaBtn:disabled{opacity:.55;cursor:not-allowed} .aaLink{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;color:var(--b);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.aaLink svg{width:14px;height:14px}.aaLink.inline{display:inline;text-decoration:underline} .aaRow{display:flex;gap:12px;flex-wrap:wrap} .aaMsg{margin:12px 0 0;padding:10px 12px;border-radius:9px;font-size:13px}.aaMsg.ok{background:#e8f7ee;color:#15803d}.aaMsg.err{background:#fdeaea;color:#b42318} .aaSkel{display:grid;gap:14px}.aaSkel i{display:block;height:90px;border-radius:14px;background:linear-gradient(90deg,#eef2f8,#f7f9fc,#eef2f8);background-size:200% 100%;animation:aaSh 1.2s infinite}@keyframes aaSh{to{background-position:-200% 0}} .aaError{padding:34px;text-align:center;border:1px solid var(--line);border-radius:14px;background:#fff} .aaBenefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0 0;padding:18px 20px;list-style:none;border:1px solid var(--line);border-radius:14px;background:#fff}.aaBenefits li{display:flex;gap:12px;align-items:center}.aaBenefits svg{width:28px;height:28px;color:var(--b)}.aaBenefits p{margin:0;font-size:12px;color:var(--mut);line-height:1.35}.aaBenefits b{display:block;font-size:13px;color:var(--ink)} .aaCols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.aaMain{display:grid;gap:18px;min-width:0}.aaAside{display:grid;gap:16px} .aaProtect{display:flex;gap:14px;align-items:center;padding:16px;background:#e9f2ff;border-color:#cfe1fb}.aaProtect b{display:block;font-size:14px;color:var(--b2)}.aaProtect p{margin:3px 0 0;font-size:12px;color:#33517f;line-height:1.4} .aaProtect .aaBadgeIc{background:transparent;width:48px;height:48px}.aaProtect .aaIc{width:38px;height:38px;fill:#cfe0fb;stroke:var(--b)} .aaTips{padding:18px;background:#fff8e6;border-color:#f6e2ad}.aaTips h3,.aaSecurity h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:15px}.aaTips h3 i{display:grid;color:#eab308}.aaTips ul,.aaSecurity ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}.aaTips li,.aaSecurity li{display:flex;gap:10px;font-size:12.5px;line-height:1.4;color:#2a3b57} .aaTips li i,.aaSecurity li i{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:var(--b);color:#fff}.aaTips li svg,.aaSecurity li svg{width:12px;height:12px;stroke-width:3} .aaSecurity{padding:18px}.aaSecurity h3 i{display:grid;color:var(--b)}.aaSecurity p{margin:0 0 12px;font-size:12.5px;color:var(--mut)}.aaSecurity li i{background:#16a34a}.aaSecurity .aaLink{margin-top:14px} .aaOverview{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.aaQuick{display:flex;align-items:center;gap:14px;padding:18px;text-align:left;font:inherit;cursor:pointer;color:var(--ink)}.aaQuick:hover{border-color:#a9c9f6}.aaQuick div{flex:1;min-width:0}.aaQuick b{display:block}.aaQuick em{display:block;font-style:normal;font-size:13px;overflow:hidden;text-overflow:ellipsis}.aaQuick small{color:var(--mut)} .aaReturnsGrid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:stretch} .aaReturnCard,.aaPolicyCard{position:relative;display:flex;gap:16px;padding:26px;overflow:hidden} .aaReturnCard h3,.aaPolicyCard h3{margin:0 0 8px;font-size:17px;color:var(--ink)}.aaReturnCard p,.aaPolicyCard p{margin:0 0 16px;line-height:1.6;color:#4a5a73;font-size:13.5px} .aaReturnIc,.aaPolicyIc{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:14px;background:#eef5ff;color:var(--b)}.aaReturnIc svg,.aaPolicyIc svg{width:26px;height:26px} .aaPolicyCard{background:#eef5ff;border-color:#d7e6fb}.aaPolicyIc{background:#fff} .aaPolicyDeco{position:absolute;right:-10px;bottom:-10px;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--b);color:#fff;opacity:.9}.aaPolicyDeco svg{width:28px;height:28px} .aaBtn.outline{border-color:var(--b);color:var(--b);background:#fff}.aaBtn.outline:hover{background:#eef5ff} .aaTipBar{display:flex;align-items:flex-start;gap:14px;margin-top:20px;padding:18px 20px;background:#f6f9fe}.aaTipIc{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#eef5ff;color:var(--b)}.aaTipIc svg{width:18px;height:18px} .aaTipBar b{display:block;font-size:14px;color:var(--ink)}.aaTipBar p{margin:4px 0 0;font-size:12.5px;color:var(--mut)} .aaTipClose{margin-left:auto;flex:none;display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:50%;background:none;color:var(--mut);cursor:pointer}.aaTipClose:hover{background:#e3e9f2}.aaTipClose svg{width:14px;height:14px} @media (max-width:900px){.aaReturnsGrid{grid-template-columns:1fr}} /* ---------- Meus pedidos ---------- */ .aoThanks{display:flex;gap:14px;align-items:center;padding:14px 18px;max-width:330px}.aoThanks b{display:block;font-size:12.5px;color:var(--ink)}.aoThanks p{margin:2px 0 0;font-size:11.5px;color:var(--mut)} .aoStats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.aoStat{display:flex;gap:14px;align-items:center;padding:16px}.aoStat small{display:block;font-size:12px;color:#2a3b57}.aoStat b{display:block;font-size:24px;line-height:1.2}.aoStat em{font-style:normal;font-size:11.5px;color:var(--mut)} .aoFilters{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px} .aoSearch{display:flex;align-items:center;gap:10px;height:52px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--mut)}.aoSearch input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:14px;color:var(--ink)}.aoSearch:focus-within{border-color:var(--b)} .aoSelect{position:relative;display:block;height:52px;border:1px solid var(--line);border-radius:10px;background:#fff}.aoSelect small{position:absolute;left:14px;top:7px;font-size:10.5px;color:var(--mut);pointer-events:none}.aoSelect .aaIc{position:absolute;left:12px;top:19px;width:16px;height:16px;color:var(--mut);pointer-events:none} .aoSelect select{width:100%;height:100%;padding:18px 30px 0 14px;border:0;border-radius:10px;background:transparent;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f7391' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/14px} .aoSelect:has(.aaIc) select{padding-left:38px} .aoChips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.aoChips button{height:34px;padding:0 16px;border:1px solid var(--line);border-radius:99px;background:#fff;color:#2a3b57;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.aoChips button.on{border-color:var(--b);background:var(--b);color:#fff} .aoList{display:grid;gap:12px;transition:opacity .15s}.aoList.loading{opacity:.55} .aoOrder{display:grid;grid-template-columns:150px minmax(0,1fr) 210px 172px;gap:18px;align-items:center;padding:16px 18px} .aoNum button{border:0;background:none;padding:0;font:inherit;font-size:15px;font-weight:800;color:var(--ink);cursor:pointer}.aoNum button:hover{color:var(--b)}.aoNum small{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:var(--mut)} .aoProds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:center;min-width:0}.aoProd{display:flex;gap:12px;align-items:center;min-width:0}.aoProd b{display:block;font-size:12.5px;line-height:1.3;color:var(--ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.aoProd b small{color:var(--mut);font-weight:500}.aoProd>div>small{font-size:12px;color:var(--mut)} .aoThumb{display:grid;place-items:center;flex:none;width:60px;height:60px;border-radius:10px;background:#f1f5fb;overflow:hidden;color:#9fb0c9}.aoThumb img{width:100%;height:100%;object-fit:contain}.aoMore{grid-column:1/-1;font-style:normal;font-size:12px;font-weight:700;color:var(--b)} .aoState{display:grid;gap:6px;justify-items:start}.aoBadge{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 10px;border-radius:99px;font-size:12px;font-weight:700}.aoBadge i{width:8px;height:8px;border-radius:50%;background:currentColor} .aoBadge.wait{background:#fdf0d5;color:#b45309}.aoBadge.blue{background:#e3eefc;color:var(--b2)}.aoBadge.ship{background:#dbeafe;color:#1d4ed8}.aoBadge.ok{background:#dcf5e5;color:#15803d}.aoBadge.bad{background:#fde7e7;color:#b91c1c} .aoTotal{font-size:16px}.aoMethod{display:flex;gap:6px;align-items:flex-start;font-size:12px;color:#2a3b57;line-height:1.35}.aoMethod .aaIc{width:15px;height:15px;margin-top:1px;color:var(--mut)}.aoMethod.ok{color:#15803d}.aoMethod.ok .aaIc{color:#15803d} .aoActions{display:grid;gap:8px}.aoBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 12px;border:0;border-radius:8px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.aoBtn .aaIc{width:16px;height:16px}.aoBtn.primary{background:var(--b);color:#fff}.aoBtn.primary:hover{background:var(--b2)}.aoBtn.soft{background:#e6eefa;color:#1f3a66}.aoBtn.soft:hover{background:#d8e5f8}.aoBtn:disabled{opacity:.6} .aoFoot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;font-size:12px;color:var(--mut)}.aoPager{display:flex;gap:6px;align-items:center}.aoPager button{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink)}.aoPager button.on{background:var(--b);border-color:var(--b);color:#fff}.aoPager button:disabled{opacity:.4;cursor:default}.aoPager .aaIc{width:14px;height:14px} .aoEmpty{display:grid;justify-items:center;gap:10px;padding:54px 20px;text-align:center}.aoEmpty>.aaIc{width:54px;height:54px;color:var(--b);opacity:.85}.aoEmpty h2{margin:6px 0 0;font-size:20px}.aoEmpty p{margin:0 0 8px;color:var(--mut)}.aoEmpty .aoBtn{min-height:42px;padding:0 24px} .aoDetailTop{display:flex;gap:12px;align-items:center}.aoDetail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.aoDetail .aaCard{padding:20px}.aoDetail h3{margin:0 0 12px;font-size:15px}.aoDetail p{margin:0;font-size:13.5px;line-height:1.6;color:#2a3b57} .aoItems{margin:0;padding:0;list-style:none;display:grid;gap:10px}.aoItems li{display:flex;justify-content:space-between;gap:12px;font-size:13.5px}.aoItems small{display:block;color:var(--mut);font-size:12px} .aoDl{margin:0;display:grid;gap:8px}.aoDl>div{display:flex;justify-content:space-between;gap:14px;font-size:13.5px}.aoDl dt{color:var(--mut)}.aoDl dd{margin:0;font-weight:600;text-align:right}.aoDl .tot{padding-top:10px;border-top:1px solid #edf1f7;font-size:16px}.aoDl a{color:var(--b)} .aoDetail .aoBtn{margin-top:14px}.aoTimeline{grid-column:1/-1}.aoTimeline ol{margin:0;padding:0;list-style:none;display:grid;gap:16px}.aoTimeline li{display:flex;gap:14px}.aoTimeline li>i{width:12px;height:12px;margin-top:4px;border-radius:50%;background:var(--b);box-shadow:0 0 0 4px #dbe9fd;flex:none}.aoTimeline li.delivered>i{background:#16a34a;box-shadow:0 0 0 4px #d7f2e0}.aoTimeline li.cancelled>i{background:#dc2626;box-shadow:0 0 0 4px #fbdcdc}.aoTimeline b{display:block;font-size:13.5px}.aoTimeline small{color:var(--mut);font-size:12px}.aoTimeline p{margin-top:2px} .aoDetailActions{margin-top:16px}.aoDetailActions .aoBtn{padding:0 22px;min-height:42px} /* ---------- Meus Favoritos ---------- */ .fvMessage{display:flex;gap:14px;align-items:center;padding:16px 20px;min-width:290px;background:#eaf3ff;border-color:#cfe1fb}.fvMessage>span{display:grid;color:var(--b)}.fvMessage .aaIc{width:34px;height:34px;fill:var(--b)}.fvMessage b{display:block;font-size:13.5px;color:var(--ink)}.fvMessage p{margin:3px 0 0;font-size:12px;color:var(--mut)} .fvTab{margin:-4px 0 14px;border-bottom:1px solid var(--line)}.fvTab span{display:inline-flex;align-items:center;gap:8px;padding:0 10px 10px;border-bottom:2px solid var(--b);font-size:13px;font-weight:700;color:var(--b2)}.fvTab .aaIc{width:16px;height:16px;fill:var(--b)} .fvLayout{display:grid;grid-template-columns:minmax(0,78fr) minmax(0,22fr);gap:20px;align-items:start}.fvSide{display:grid;gap:16px;position:sticky;top:96px} .fvTools{display:flex;gap:14px;justify-content:flex-end;margin-bottom:12px}.fvTools label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mut)}.fvTools select{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-size:12.5px} .fvGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .fvCard{position:relative;display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(15,35,80,.045)} .fvImg{position:relative;display:grid;place-items:center;aspect-ratio:1/.82;border-radius:10px;background:#f1f5fb;overflow:hidden;cursor:pointer;color:#9fb0c9}.fvImg img{width:100%;height:100%;object-fit:contain}.fvImg .aaIc{width:44px;height:44px} .fvBadge{position:absolute;left:8px;top:8px;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:700;font-style:normal;color:#fff;background:var(--b)}.fvBadge.best{background:#1d4ed8}.fvBadge.new{background:#16a34a}.fvBadge.fav{background:#e11d74}.fvBadge.sale{background:#dc2626} .fvOff{position:absolute;inset:0;display:grid;place-items:center;background:rgba(15,25,45,.55);color:#fff;font-size:13px;font-weight:700} .fvCard.off .fvImg img{filter:grayscale(.5)} .fvHeart{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--b);cursor:pointer;box-shadow:0 2px 8px rgba(15,35,80,.15)}.fvHeart .aaIc{width:16px;height:16px;fill:var(--b)}.fvHeart:hover{transform:scale(1.08)} .fvCard h3{margin:4px 0 0;font-size:13.5px;line-height:1.3;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}.fvMeta{font-size:11.5px;color:var(--mut)} .fvRate{font-size:12px;color:#2a3b57}.fvRate.none{color:var(--mut)}.fvStars{position:relative;display:inline-block;letter-spacing:1px;color:#d8dee9;background:linear-gradient(90deg,#f5a623 var(--r,0%),#d8dee9 var(--r,0%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .fvPrice{display:flex;gap:8px;align-items:baseline}.fvPrice b{font-size:17px}.fvPrice s{font-size:12px;color:var(--mut)}.fvDesc{margin:0;min-height:30px;font-size:11.5px;line-height:1.3;color:var(--mut)} .fvBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;margin-top:auto;padding:0 12px;border:1.5px solid var(--b);border-radius:8px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.fvBtn .aaIc{width:16px;height:16px}.fvBtn.primary{background:var(--b);color:#fff}.fvBtn.primary:hover{background:var(--b2)}.fvBtn.ghost{background:#fff;color:var(--b)}.fvBtn.ghost:hover{background:#eef5ff}.fvBtn.white{border-color:#fff;background:#fff;color:var(--b2)}.fvBtn:disabled{opacity:.6} .fvFlash{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:14px;background:linear-gradient(160deg,#0b73f0,#0a4fc0);color:#fff}.fvFlash>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.18);color:#ffd84d}.fvFlash h3{margin:6px 0 0;font-size:19px}.fvFlash p{margin:0;font-size:13px;opacity:.9;line-height:1.4}.fvFlash .fvBtn{margin-top:auto} .fvOffers{padding:16px}.fvOffersHead{display:flex;justify-content:space-between;align-items:center}.fvOffersHead h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px}.fvOffersHead h3 i{display:grid;color:#ef4444}.fvOffers>p{margin:4px 0 12px;font-size:12px;color:var(--mut)} .fvOffer{position:relative;display:flex;gap:10px;align-items:center;margin-bottom:8px;padding:8px 40px 8px 8px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.fvOffer:hover{border-color:#a9c9f6}.fvThumb{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:8px;background:#f1f5fb;overflow:hidden;color:#9fb0c9}.fvThumb img{width:100%;height:100%;object-fit:cover} .fvOffer b{display:block;font-size:12px;line-height:1.3}.fvOffer small{display:block;font-size:11px;color:var(--mut)}.fvOffer s{font-size:11px;color:var(--mut)}.fvOffer strong{font-size:13px}.fvOffer .fvHeart{right:8px;top:50%;transform:translateY(-50%);width:26px;height:26px;box-shadow:none;background:transparent}.fvNoOffer{margin:0;font-size:12.5px;color:var(--mut)} .fvCollections{padding:18px;background:linear-gradient(160deg,#f3f8ff,#e6f0ff)}.fvCollections h3{margin:12px 0 6px;font-size:17px;color:var(--ink)}.fvCollections p{margin:0 0 14px;font-size:12.5px;color:var(--mut);line-height:1.45}.fvCollections .fvBtn{width:100%} .fvEmpty{display:grid;justify-items:center;gap:10px;padding:60px 20px;text-align:center}.fvEmpty>.aaIc{width:64px;height:64px;color:var(--b);fill:#dbe9fd}.fvEmpty h2{margin:6px 0 0;font-size:22px}.fvEmpty p{margin:0 0 10px;color:var(--mut)}.fvEmpty.small{padding:30px}.fvEmpty .fvBtn{margin-top:0;padding:0 24px;min-height:42px} .fvPager{display:flex;gap:6px;justify-content:center;margin-top:18px}.fvPager button{min-width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-weight:600;cursor:pointer}.fvPager button.on{background:var(--b);border-color:var(--b);color:#fff} /* ---------- Dados pessoais e contato ---------- */ .pdCard{padding:22px 24px}.pdSec{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:16px}.pdSec i{display:grid;color:var(--b)}.pdSec .aaLink{margin-left:auto}.pdSec~.pdSec{margin-top:22px;padding-top:20px;border-top:1px solid #edf1f7} .pdGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.pdField{display:grid;gap:6px;font-size:12.5px;font-weight:600;color:#2a3b57}.pdField.wide{grid-column:1/-1} .pdField input,.pdField select{height:44px;padding:0 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:14px;color:var(--ink);outline:0}.pdField input:focus,.pdField select:focus{border-color:var(--b);box-shadow:0 0 0 3px rgba(11,115,240,.1)}.pdField input:disabled{background:#eef1f5;color:#6b7a90;cursor:not-allowed} .pdHint{font-weight:400;font-size:11.5px;color:var(--mut)}.pdLabelRow{display:flex;justify-content:space-between;align-items:center} .pdVerified{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:99px;background:#e0f5e8;color:#15803d;font-size:11.5px;font-weight:700;font-style:normal}.pdVerified .aaIc{width:12px;height:12px;stroke-width:3} .pdNote{display:flex;gap:10px;margin:14px 0 0;padding:10px 12px;border-radius:9px;background:#eef5ff;font-size:12.5px;color:#33517f}.pdNote .aaIc{width:18px;height:18px;color:var(--b);flex:none} .pdAddress{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f5f8fc}.pdAddress>i{display:grid;color:#2a3b57}.pdAddress>i .aaIc{width:26px;height:26px}.pdAddress>div:not(.pdBtns){flex:1;display:grid;gap:2px;justify-items:start;font-size:13px;color:#2a3b57;min-width:0}.pdAddress b{font-size:14px;color:var(--ink)} .pdPill{margin-bottom:4px;padding:2px 10px;border-radius:99px;background:#dcebff;color:var(--b2);font-size:11px;font-weight:700;font-style:normal}.pdAddress.empty{background:#fafbfd}.pdAddress.main{border-color:#a9c9f6} .pdBtns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pdList{display:grid;gap:12px;margin-bottom:16px} .pdActions{display:flex;gap:14px;justify-content:center;margin-top:22px}.pdActions .aaBtn{min-width:190px;min-height:46px} .pdCheck{display:flex;gap:8px;align-items:center;margin-top:14px;font-size:13px} .aaDialog{width:min(560px,calc(100vw - 24px));padding:0;border:0;border-radius:16px;box-shadow:0 30px 80px rgba(9,25,60,.35);font-family:Inter,Arial,sans-serif}.aaDialog::backdrop{background:rgba(9,25,60,.5)} .aaDialog form{padding:22px}.aaDialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.aaDialog h2{margin:0;font-size:18px}.aaX{display:grid;border:0;background:none;cursor:pointer;color:var(--mut)}.aaDialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px} .ctNotice{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid #cfe1fb;border-radius:12px;background:#eaf3ff;font-size:13px;color:#1f3a66}.ctNotice .aaIc{color:var(--b);width:22px;height:22px} .ctCard{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) 250px;gap:18px;padding:22px}.ctIcon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#dbe9fd;color:var(--b)}.ctIcon .aaIc{width:26px;height:26px} .ctMain h3{margin:0 0 4px;font-size:16px}.ctMain>p{margin:0 0 14px;font-size:12.5px;color:var(--mut);line-height:1.45} .ctField{display:grid;gap:6px;margin-bottom:12px;font-size:12.5px;font-weight:600;color:#2a3b57}.ctLabel{display:flex;justify-content:space-between;align-items:center}.ctField input{height:44px;padding:0 12px;border:1.5px solid var(--line);border-radius:10px;font:inherit;font-size:14px;outline:0;background:#fff}.ctField input:focus{border-color:var(--b);box-shadow:0 0 0 3px rgba(11,115,240,.1)}.ctField input:disabled{background:#eef1f5;color:#6b7a90}.req{color:#dc2626} .ctNew{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.ctNew .ctField{margin:0}.ctNew .aaBtn{height:44px;white-space:nowrap}.ctHint{display:block;margin-top:8px;font-size:11.5px;color:var(--mut)} .ctVerify{margin-top:16px;padding:16px;border:1px dashed #a9c9f6;border-radius:12px;background:#f7faff}.ctVerify h4{margin:0 0 4px;font-size:14px}.ctSentTo{margin:0 0 12px;font-size:12.5px;color:var(--mut)} .ctCode{display:flex;gap:8px;margin-bottom:12px}.ctCode input{width:46px;height:52px;padding:0;border:1.5px solid #cfdcf0;border-radius:10px;background:#fff;font:inherit;font-size:22px;font-weight:800;text-align:center;outline:0;color:var(--ink)}.ctCode input:focus{border-color:var(--b);box-shadow:0 0 0 3px rgba(11,115,240,.12)} .ctVerifyRow{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.ctResend{font-size:12.5px;color:var(--mut)} .ctInfo{align-self:start;padding:16px;border-radius:12px;background:#eaf3ff}.ctInfo h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;color:var(--b2)}.ctInfo .aaIc{width:18px;height:18px}.ctInfo ul,.ctInfo ol{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:12px;line-height:1.4;color:#2a3b57}.ctInfo li{padding-left:14px;position:relative}.ctInfo ul li::before{content:"";position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:50%;background:var(--b)} .ctInfo.green{background:#e8f7ee}.ctInfo.green h4{color:#15803d}.ctInfo ol{counter-reset:s}.ctInfo ol li{counter-increment:s;padding-left:28px}.ctInfo ol li::before{content:counter(s);position:absolute;left:0;top:0;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#16a34a;color:#fff;font-size:10px;font-weight:800} @media (max-width:1180px){.aoOrder{grid-template-columns:130px minmax(0,1fr) 180px}.aoActions{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.fvGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.aaCols{grid-template-columns:1fr}.ctCard{grid-template-columns:56px minmax(0,1fr)}.ctInfo{grid-column:2}} @media (max-width:980px){#account .wrap.account{grid-template-columns:minmax(0,1fr)}#account .profile.aaSide{position:static;min-width:0}.aaNav{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.fvLayout{grid-template-columns:1fr}.fvSide{position:static;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.aoStats{grid-template-columns:repeat(2,1fr)}.aoFilters{grid-template-columns:1fr 1fr}.aoSearch{grid-column:1/-1}.aaBenefits{grid-template-columns:repeat(2,1fr)}.aoDetail{grid-template-columns:1fr}} @media (max-width:700px){.aaHead h1{font-size:26px}.aoOrder{grid-template-columns:1fr;gap:12px}.aoProds{grid-template-columns:1fr}.aoActions .aoBtn{width:100%}.fvGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fvFlash{grid-column:1/-1}.pdGrid{grid-template-columns:1fr}.pdActions{flex-direction:column}.pdActions .aaBtn{width:100%}.pdAddress{flex-wrap:wrap}.ctCard{grid-template-columns:1fr}.ctIcon{display:none}.ctInfo{grid-column:1}.ctNew{grid-template-columns:1fr}.ctNew .aaBtn{width:100%}.ctCode input{width:100%;min-width:0;height:48px}.aoFilters{grid-template-columns:1fr}.aoStats{grid-template-columns:1fr 1fr}.aaBenefits{grid-template-columns:1fr}.fvMessage{min-width:0;width:100%}.aoThanks{max-width:none;width:100%}.fvTools{justify-content:space-between}.aoFoot{flex-direction:column}} #account .profile.aaSide>[hidden]{display:none!important} .aoSelect small{z-index:3}.aoSelect .selectSearch{height:100%}.aoSelect .selectSearchButton{height:52px;min-height:52px;border:0!important;background:transparent!important;padding:20px 12px 0 14px!important;font-weight:600;font-size:13.5px}.aoSelect:has(.aaIc) .selectSearchButton{padding-left:38px!important} .aoNum button{font-size:13.5px;text-align:left;word-break:break-all} .fvTools .selectSearchButton{min-height:34px} @media (max-width:980px){#account .profile.aaSide{padding:8px;border-radius:12px}.aaSideTitle,#account .profile.aaSide>div.aaHelp{display:none}.aaNav{display:flex;overflow-x:auto;gap:6px;padding-bottom:2px;scrollbar-width:thin}.aaNav button{width:auto;flex:none;white-space:nowrap;padding:10px 14px!important;font-size:13px}.aaNav .aaLogout{border-top:0;margin-top:0}} .vfDialog .vfText{margin:0 0 14px;font-size:14px;line-height:1.5;color:#33445e}.vfDialog .ctCode{justify-content:center}.vfDialog .vfResend{margin:14px 0 0;text-align:center;font-size:13px;color:#5f7391}.vfDialog footer{justify-content:space-between} .aaVerify{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:14px 18px;border:1px solid #f6e2ad;border-radius:14px;background:#fff8e6}.aaVerify div{flex:1;font-size:13.5px;color:#5b4a14}.aaVerify b{display:block;color:#3d3208} .aaDFoot{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.aaDialog .aaDFoot{background:none;border:0;padding:0} .vfDialog .vfFoot{justify-content:space-between} /* Tela "Definir nova senha" (reset-password.js): overlay de página inteira, sem header da loja. */ html.rpOpen{overflow:hidden} #resetPage{--b:#0b73f0;--b2:#0a5fd1;--ink:#0a1a3a;--mut:#5f7391;--line:#dbe4f2;position:fixed;inset:0;z-index:400;display:flex;overflow:auto;padding:24px 16px;font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif;color:var(--ink);background:radial-gradient(900px 500px at 15% 0%,#e6f0ff 0,transparent 60%),radial-gradient(800px 500px at 100% 100%,#eaf2ff 0,transparent 60%),#f6f9fe} .rpCard{margin:auto;width:min(560px,100%);padding:34px 40px 26px;border:1px solid #e6edf8;border-radius:22px;background:#fff;box-shadow:0 30px 70px rgba(15,50,120,.12);text-align:center} .rpBrand{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 18px}.rpBrand img{height:46px;width:auto}.rpBrand span{display:grid;text-align:left;line-height:1.1}.rpBrand b{font-size:24px;font-weight:800;color:#0c2a5b}.rpBrand b em{font-style:normal;color:var(--b)}.rpBrand small{font-size:7.5px;letter-spacing:.14em;color:var(--mut)} .rpBadge{position:relative;display:grid;place-items:center;width:84px;height:84px;margin:0 auto 14px;border-radius:50%;background:#e4eefd;color:var(--b);box-shadow:0 0 0 12px rgba(11,115,240,.06),0 0 0 26px rgba(11,115,240,.035)} .rpBadge svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .rpBadge.ok{background:#dcf5e5;color:#15803d;box-shadow:0 0 0 12px rgba(21,128,61,.07),0 0 0 26px rgba(21,128,61,.04)}.rpBadge.bad{background:#fde7e7;color:#b91c1c;box-shadow:0 0 0 12px rgba(185,28,28,.06)}.rpBadge.warn{background:#fdf0d5;color:#b45309;box-shadow:0 0 0 12px rgba(180,83,9,.06)} #resetPage h1{margin:26px 0 8px;font-size:32px;line-height:1.15;font-weight:800;color:var(--ink)} .rpSub{margin:0 0 24px;font-size:15px;line-height:1.5;color:var(--mut)} #rpForm{text-align:left} .rpField{display:grid;gap:8px;margin-bottom:14px}.rpField label{font-size:14px;font-weight:700} .rpInput{display:flex;align-items:center;gap:10px;height:54px;padding:0 6px 0 16px;border:1.5px solid var(--line);border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s} .rpInput:focus-within{border-color:var(--b);box-shadow:0 0 0 4px rgba(11,115,240,.12)} .rpInput>i{display:grid;color:#6b7a90}.rpInput svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .rpInput input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:inherit;font-size:15px;color:var(--ink)}.rpInput input::placeholder{color:#9aa9c0} .rpEye{display:grid;place-items:center;width:44px;height:44px;border:0;border-left:1px solid var(--line);border-radius:0 10px 10px 0;background:none;color:#5f7391;cursor:pointer}.rpEye:hover{color:var(--b)}.rpEye:focus-visible,.rpSave:focus-visible,.rpBack:focus-visible{outline:3px solid rgba(11,115,240,.45);outline-offset:2px} .rpReqs{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 12px;padding:12px 16px;list-style:none;border-radius:12px;background:#f3f7fd} .rpReqs li{display:flex;align-items:center;gap:8px;font-size:13px;color:#7d8ca5;transition:color .15s}.rpReqs li i{display:grid}.rpReqs svg{width:20px;height:20px;fill:#e3e9f3;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:fill .15s} .rpReqs li.ok{color:#15803d;font-weight:600}.rpReqs li.ok svg{fill:#16a34a} .rpStrength{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:12.5px;color:var(--mut)}.rpStrength .bar{display:flex;flex:1;gap:5px}.rpStrength .bar i{display:block;flex:1;height:6px;width:auto;border-radius:99px;background:#e3e9f3;transition:background .2s} .rpStrength em{min-width:44px;font-style:normal;font-weight:700} .rpStrength[data-level="1"] .bar i:nth-child(1){background:#ef4444}.rpStrength[data-level="1"] em{color:#dc2626} .rpStrength[data-level="2"] .bar i:nth-child(-n+2){background:#f59e0b}.rpStrength[data-level="2"] em{color:#d97706} .rpStrength[data-level="3"] .bar i{background:#16a34a}.rpStrength[data-level="3"] em{color:#15803d} .rpMatch{min-height:20px;margin:-4px 0 6px;font-size:13px;font-weight:600}.rpMatch.ok{color:#15803d}.rpMatch.bad{color:#dc2626} .rpError{margin:0 0 12px;padding:10px 12px;border-radius:9px;background:#fdeaea;color:#b42318;font-size:13px} .rpSave{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:56px;margin-top:6px;border:0;border-radius:12px;background:linear-gradient(180deg,#1a83ff,#0b6de6);color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 12px 26px rgba(11,115,240,.3);transition:filter .15s,opacity .15s} .rpSave svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.rpSave:hover:not(:disabled){filter:brightness(1.06)}.rpSave:disabled{opacity:.55;cursor:not-allowed;box-shadow:none} .rpFoot{margin-top:22px;padding-top:16px;border-top:1px solid #edf1f7}.rpBack{border:0;background:none;color:var(--b);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.rpBack:hover{text-decoration:underline} .rpFoot p{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0;font-size:12.5px;color:var(--mut)}.rpFoot svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .rpLoading{display:flex;align-items:center;justify-content:center;gap:10px;padding:60px 0;color:var(--mut)}.rpLoading i{width:18px;height:18px;border:3px solid #cfe0f7;border-top-color:var(--b);border-radius:50%;animation:rpSpin .8s linear infinite}@keyframes rpSpin{to{transform:rotate(360deg)}} @media (max-width:600px){.rpCard{padding:26px 20px 20px;border-radius:18px}#resetPage h1{font-size:26px}.rpReqs{flex-direction:column}.rpInput{height:52px}} /* Minha conta › Sua conta (dashboard) */ .ovWelcome{display:flex;gap:14px;align-items:center;padding:16px 20px;min-width:300px;max-width:360px}.ovWelcome b{display:block;font-size:14px;color:var(--ink,#0a1a3a)}.ovWelcome p{margin:3px 0 0;font-size:12.5px;line-height:1.4;color:#5f7391} .ovStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px} .ovStat{display:flex;gap:14px;align-items:center;padding:16px 18px;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s,transform .15s}.ovStat:hover{border-color:#a9c9f6;transform:translateY(-1px)} .ovStat small{display:block;font-size:12.5px;color:#2a3b57}.ovStat b{display:block;font-size:26px;line-height:1.15;color:#0a1a3a}.ovStat em{display:block;font-style:normal;font-size:12px;color:#5f7391} .ovGrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;margin-bottom:16px;align-items:stretch} .ovCard{padding:20px 22px}.ovCardHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.ovCardHead h3{margin:0;font-size:16px;color:#0a1a3a}.ovCardHead p{margin:3px 0 0;font-size:12.5px;color:#5f7391} .ovQuickGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .ovQuick{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e3e9f2;border-radius:12px;background:#fff;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s,background .15s}.ovQuick:hover{border-color:#a9c9f6;background:#f7faff} .ovQuick .aaBadgeIc{width:38px;height:38px}.ovQuick .aaBadgeIc svg{width:18px;height:18px}.ovQuick div{flex:1;min-width:0}.ovQuick b{display:block;font-size:13px;color:#0a1a3a}.ovQuick small{display:block;font-size:11.5px;color:#5f7391;line-height:1.3}.ovQuick>.aaIc{width:16px;height:16px;color:#7d8ca5} .ovRows{display:grid}.ovRow{display:grid;grid-template-columns:22px 130px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 0;border-top:1px solid #edf1f7;font-size:13.5px}.ovRow:first-child{border-top:0} .ovRow>i{display:grid;color:#5f7391}.ovRow>i svg{width:18px;height:18px}.ovRow>span{color:#2a3b57}.ovRow b{font-weight:600;color:#0a1a3a;word-break:break-word}.ovRow b small{font-weight:400;color:#33445e;font-size:13px;line-height:1.5}.ovRow .pdVerified{white-space:nowrap} .ovOrder{display:grid;grid-template-columns:minmax(120px,1fr) 52px minmax(70px,auto) auto auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid #edf1f7}.ovOrder:first-of-type{border-top:0} .ovNum b{display:block;font-size:13.5px;color:#0a1a3a}.ovNum small,.ovTot small{display:block;font-size:12px;color:#5f7391}.ovTot b{font-size:13.5px} .ovThumb{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#f1f5fb;overflow:hidden;color:#9fb0c9}.ovThumb img{width:100%;height:100%;object-fit:contain}.ovThumb svg{width:22px;height:22px} .ovEmpty{display:grid;justify-items:center;gap:10px;padding:26px 10px;text-align:center;color:#5f7391}.ovEmpty>svg{width:42px;height:42px;color:#0b73f0}.ovEmpty b{color:#0a1a3a}.ovEmpty .aoBtn{min-height:38px;padding:0 20px} .ovAct{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px} .ovBox{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #e3e9f2;border-radius:12px;background:#fff;text-align:left;font:inherit;color:inherit} .ovBoxHead{display:flex;justify-content:space-between;align-items:center;gap:8px}.ovBoxHead b{font-size:13px;color:#0a1a3a} .ovThumbs{display:flex;gap:8px;flex-wrap:wrap}.ovFav{padding:0;border:1px solid #e3e9f2;border-radius:10px;background:#fff;cursor:pointer}.ovFav:hover{border-color:#0b73f0}.ovFav .ovThumb{width:52px;height:52px} .ovMuted{margin:0;font-size:12.5px;color:#5f7391} .ovAddr{flex-direction:row;align-items:center;cursor:pointer}.ovAddr:hover,.ovOffers:hover{border-color:#a9c9f6;background:#f7faff}.ovAddr div{flex:1;min-width:0}.ovAddr b{display:block;font-size:13px;color:#0a1a3a}.ovAddr small{display:block;margin-top:2px;font-size:12px;line-height:1.45;color:#33445e}.ovAddr>.aaIc,.ovOffers>.aaIc{width:16px;height:16px;color:#7d8ca5;flex:none} .ovOffers{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid #d6e6fb;border-radius:12px;background:#f2f7ff;text-align:left;font:inherit;color:inherit;cursor:pointer}.ovOffers div{flex:1}.ovOffers b{display:block;font-size:13px;color:#0a1a3a}.ovOffers small{display:block;font-size:12px;color:#5f7391;line-height:1.4} .ovBenefits{padding:16px 22px}.ovBenHead h3{margin:0;font-size:15px;color:#0a1a3a}.ovBenHead p{margin:2px 0 12px;font-size:12.5px;color:#5f7391} .ovBenefits ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.ovBenefits li{display:flex;gap:12px;align-items:center}.ovBenefits li svg{width:26px;height:26px;color:#0b73f0;flex:none}.ovBenefits li p{margin:0;font-size:12px;line-height:1.35;color:#5f7391}.ovBenefits li b{display:block;font-size:13px;color:#0a1a3a} @media (max-width:1180px){.ovGrid{grid-template-columns:1fr}.ovOrder{grid-template-columns:minmax(110px,1fr) 52px auto}.ovOrder .aoBadge{grid-column:1/3}.ovOrder .aoBtn{grid-column:3;grid-row:1/3}} @media (max-width:980px){.ovStats{grid-template-columns:repeat(2,minmax(0,1fr))}.ovBenefits ul{grid-template-columns:1fr 1fr}.ovWelcome{max-width:none;width:100%}} @media (max-width:640px){.ovQuickGrid{grid-template-columns:1fr 1fr}.ovAct{grid-template-columns:1fr}.ovRow{grid-template-columns:22px 1fr}.ovRow>span{grid-column:2;font-size:12px;color:#5f7391}.ovRow b{grid-column:2}.ovRow .pdVerified{grid-column:2;justify-self:start}.ovBenefits ul{grid-template-columns:1fr}.ovStats{grid-template-columns:1fr 1fr;gap:10px}.ovOrder .aoBtn{width:100%}} .ovGrid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.ovQuick{padding:10px;gap:8px}.ovQuick .aaBadgeIc{width:34px;height:34px}.ovQuick b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ovQuick small{font-size:11px}.ovQuick>.aaIc{width:14px;height:14px} /* Sino do cliente (header) e abas Notificações / Minhas mensagens */ .custBell{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #e3e9f2;border-radius:12px;background:#fff;color:#33445e;cursor:pointer} .custBell[hidden]{display:none}.custBell:hover{border-color:#a9c9f6;color:#0b73f0}.custBell svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .custBell em{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#e11d48;color:#fff;font-size:11px;font-weight:800;font-style:normal;line-height:19px;text-align:center}.custBell em[hidden]{display:none} .custNotifMenu{position:fixed;z-index:130;border:1px solid #e3e9f2;border-radius:14px;background:#fff;box-shadow:0 20px 50px rgba(9,25,60,.22);overflow:hidden;font-family:Inter,"Segoe UI",Arial,sans-serif}.custNotifMenu[hidden]{display:none} .cnHead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #edf1f7}.cnHead b{font-size:14px;color:#0a1a3a}.cnHead button{border:0;background:none;color:#0b73f0;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.cnHead button:disabled{color:#98a4b8;cursor:default} .cnList{max-height:380px;overflow:auto}.cnEmpty{margin:0;padding:26px 14px;text-align:center;font-size:13px;color:#5f7391} .cnItem{display:flex;gap:11px;align-items:flex-start;width:100%;padding:11px 14px;border:0;border-bottom:1px solid #f0f3f8;background:none;text-align:left;font:inherit;cursor:pointer}.cnItem:hover{background:#f4f8ff}.cnItem.unread{background:#eef5ff} .cnItem>i{flex:none;font-style:normal;font-size:17px;line-height:1.4}.cnItem span{display:grid;gap:1px;min-width:0}.cnItem b{font-size:13px;color:#0a1a3a}.cnItem small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:#5f7391}.cnItem em{font-style:normal;font-size:11px;color:#8a97ad} .cnAll{width:100%;padding:11px;border:0;border-top:1px solid #edf1f7;background:#fafcff;color:#0b73f0;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.cnAll:hover{background:#eef5ff} .cnPage .cnItem{padding:14px 18px}.cnPage .cnItem small{-webkit-line-clamp:3} .msgSection{padding:20px 22px;margin-bottom:16px}.msgSection h3{margin:0 0 12px;font-size:16px} .msgCard{padding:14px 0;border-top:1px solid #edf1f7}.msgCard:first-of-type{border-top:0}.msgCard header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.msgCard header b{font-size:14px;color:#0a1a3a}.msgCard small{color:#7d8ca5;font-size:12px} .msgQ{margin:8px 0;font-size:13.5px;line-height:1.55;color:#33445e;white-space:pre-line}.msgA{margin-top:8px;padding:12px 14px;border-left:3px solid #0b73f0;border-radius:0 10px 10px 0;background:#eef5ff}.msgA b{display:block;margin-bottom:4px;font-size:12px;color:#0a5fd1}.msgA p{margin:0;font-size:13.5px;line-height:1.55;color:#0a1a3a;white-space:pre-line} /* Painel: modal de mensagem */ .msgDialog .msgMeta{margin:0 0 10px;font-size:13px;color:#5f7391}.msgDialog .msgBody{margin:0 0 12px;padding:12px 14px;border-radius:10px;background:#f4f7fb;font-size:14px;line-height:1.6;white-space:pre-line}.msgDialog .msgReplied{margin:0 0 12px;padding:12px 14px;border-left:3px solid #16a34a;border-radius:0 10px 10px 0;background:#eef9f1}.msgDialog .msgReplied b{font-size:12px;color:#15803d}.msgDialog .msgReplied p{margin:4px 0 0;font-size:13.5px;white-space:pre-line} .msgExcerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:340px;font-size:12.5px} @media (max-width:640px){.custBell{width:40px;height:40px}} /* Sino do header: sem borda e com respiro entre o botão da conta e Favoritos */ .quick .custBell{border:0;background:transparent;width:40px;height:40px;margin:0 14px 0 10px;border-radius:50%;box-shadow:none} .quick .custBell:hover{background:#eef4fd;color:#0b73f0} .quick .custBell em{top:-2px;right:-2px} /* Painel lateral "Adicionado ao carrinho" */ .cdWrap{position:fixed;inset:0;z-index:300;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#0a1a3a} .cdShade{position:absolute;inset:0;background:rgba(9,25,60,.45);opacity:0;transition:opacity .2s}.cdWrap.open .cdShade{opacity:1} .cdPanel{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:min(440px,100vw);background:#fff;box-shadow:-20px 0 60px rgba(9,25,60,.25);transform:translateX(100%);transition:transform .22s ease}.cdWrap.open .cdPanel{transform:none} .cdX{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;border-radius:9px;background:none;font-size:18px;color:#5f7391;cursor:pointer}.cdX:hover{background:#eef3fa} .cdHead{display:flex;gap:16px;align-items:center;padding:22px 24px 18px;border-bottom:1px solid #edf1f7} .cdThumb{position:relative;display:grid;place-items:center;flex:none;width:76px;height:76px;border:3px solid #16a34a;border-radius:50%;background:#fff;overflow:hidden}.cdThumb img{width:100%;height:100%;object-fit:contain}.cdThumb i{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#16a34a;color:#fff;font-style:normal;font-size:14px;font-weight:800} .cdHead h2{margin:0;font-size:20px}.cdName{margin:2px 0;font-size:14px;color:#33445e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cdHead small{color:#5f7391;font-size:13px} .cdBody{flex:1;overflow:auto;padding:18px 24px}.cdBody h3{margin:0 0 12px;font-size:14px;color:#33445e} .cdShip{margin-bottom:18px}.cdShip p{margin:0 0 8px;font-size:15px;line-height:1.4}.cdShip b{color:#0b73f0}.cdShip.ok b:first-child{color:#16a34a}.cdShip i{display:block;height:7px;border-radius:99px;background:#e3e9f2;overflow:hidden}.cdShip i em{display:block;height:100%;border-radius:99px;background:#0b73f0;transition:width .3s}.cdShip.ok i em{background:#16a34a} .cdGrid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e3e9f2;border-radius:12px;overflow:hidden} .cdCard{display:flex;flex-direction:column;border-right:1px solid #e3e9f2;border-bottom:1px solid #e3e9f2}.cdCard:nth-child(2n){border-right:0}.cdCard:nth-last-child(-n+2){border-bottom:0} .cdCardBtn{display:grid;gap:6px;padding:12px;border:0;background:none;text-align:left;font:inherit;cursor:pointer}.cdCardBtn:hover b{color:#0b73f0}.cdCardBtn img,.cdNoImg{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#f1f5fb}.cdNoImg{display:grid;place-items:center;color:#9fb0c9;font-size:28px} .cdCardBtn b{font-size:12.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#0a1a3a}.cdCardBtn span{font-size:15px;font-weight:800;color:#0a1a3a} .cdAdd{margin:0 12px 12px;height:34px;border:1.5px solid #0b73f0;border-radius:8px;background:#fff;color:#0b73f0;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.cdAdd:hover{background:#eef5ff} .cdFoot{display:grid;gap:10px;padding:16px 24px 20px;border-top:1px solid #edf1f7;background:#fff} .cdBtn{height:46px;border:0;border-radius:10px;background:#e3edfc;color:#0b73f0;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.cdBtn.primary{background:#0b73f0;color:#fff}.cdBtn:hover{filter:brightness(.97)}.cdBtn:focus-visible,.cdAdd:focus-visible{outline:3px solid rgba(11,115,240,.4);outline-offset:2px} @media (max-width:520px){.cdHead{padding:18px 16px 14px}.cdBody{padding:14px 16px}.cdFoot{padding:12px 16px 16px}} /* Link do produto dentro do carrinho e do histórico */ .cxThumb[data-product],.cxProduct h3 [data-product],.aoProd[data-product],.aoLink[data-product]{cursor:pointer} .cxNameLink{padding:0;border:0;background:none;font:inherit;font-weight:inherit;color:inherit;text-align:left;cursor:pointer}.cxNameLink:hover,.aoProd[data-product]:hover b,.aoLink:hover{color:#0b73f0;text-decoration:underline} .cxCouponTag{display:inline-flex;align-items:center;gap:6px}.cxCouponTag svg{width:15px;height:15px;fill:none;stroke:#15803d;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .cxCouponMsg.ok::before{content:"🎟️";margin-right:6px} /* Modal "Complete seus dados" (antes da primeira compra) */ .pgDialog{--b:#0b73f0;--b2:#0a5fd1;--ink:#0a1a3a;--mut:#5f7391;--line:#e3e9f2;width:min(560px,94vw);padding:0;border:0;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 30px 80px rgba(9,25,60,.35);font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif} .pgDialog::backdrop{background:rgba(9,25,60,.55)} .pgForm{display:grid;gap:16px;padding:24px 26px 22px} .pgHead{display:flex;gap:14px;align-items:flex-start}.pgHead>div{flex:1}.pgHead h2{margin:0;font-size:20px}.pgHead p{margin:5px 0 0;font-size:13px;color:var(--mut);line-height:1.45} .pgX{flex:none;width:34px;height:34px;border:0;border-radius:9px;background:none;font-size:22px;line-height:1;color:var(--mut);cursor:pointer}.pgX:hover{background:#eef3fa} .pgGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px} .pgField{display:grid;gap:6px;min-width:0;font-size:12.5px;font-weight:600;color:#2a3b57}.pgField.wide{grid-column:1/-1} .pgField input{width:100%;height:44px;padding:0 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:14px;font-weight:400;color:var(--ink);outline:0} .pgField input:focus{border-color:var(--b);box-shadow:0 0 0 3px rgba(11,115,240,.14)}.pgField input:disabled{background:#f1f5fb;color:#6b7a90;cursor:not-allowed} .pgField.invalid input{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}.pgErr{min-height:0;font-size:12px;font-weight:500;color:#dc2626}.pgErr:empty{display:none} .pgMsg{margin:0;padding:10px 12px;border-radius:9px;background:#fdeaea;color:#b42318;font-size:13px}.pgMsg[hidden]{display:none} .pgActions{display:flex;gap:12px;justify-content:flex-end;margin-top:4px} .pgBtn{min-height:46px;padding:0 24px;border:1.5px solid #cfdcf0;border-radius:11px;background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.pgBtn:hover{border-color:var(--b);color:var(--b)} .pgBtn.primary{border-color:var(--b);background:var(--b);color:#fff}.pgBtn.primary:hover{background:var(--b2);color:#fff}.pgBtn:disabled{opacity:.7;cursor:progress} @media (max-width:560px){.pgGrid{grid-template-columns:1fr}.pgForm{padding:20px 18px}.pgActions{flex-direction:column-reverse}.pgBtn{width:100%}} /* Servidor e Sistema */ #ad-server{--sv-ok:#16a34a;--sv-warn:#f59e0b;--sv-bad:#dc2626;--sv-blue:#0b73f0;--sv-purple:#8b5cf6} .srvHeadTools{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:12px}.srvHeadTools small{color:var(--a-muted,#64748b);font-size:12px} .srvAuto{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--a-muted,#64748b);cursor:pointer}.srvAuto input{accent-color:var(--sv-blue);width:16px;height:16px} #srvRefresh .btnIcon svg{width:16px;height:16px}#srvRefresh.busy .btnIcon{animation:srvSpin .8s linear infinite}@keyframes srvSpin{to{transform:rotate(360deg)}} #ad-server .adminHeadActions{display:flex;flex-direction:column;align-items:flex-end} .srvAlert{display:flex;gap:12px;align-items:flex-start;margin:0 0 14px;padding:14px 18px;border-radius:14px;border:1px solid}.srvAlert svg{flex:none;width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}.srvAlert b{display:block}.srvAlert span{font-size:13px} .srvAlert.warning{background:#fff7e6;border-color:#fcd9a0;color:#9a5b00}.srvAlert.critical{background:#fdecec;border-color:#f6b8b8;color:#b3261e} .srvCard{padding:18px 20px;min-width:0}.srvCard h3{margin:0 0 14px;font-size:15px} .srvTop{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:16px} .srvRow{display:grid;gap:16px;margin-bottom:16px}.srvRow.r1{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr) minmax(0,1.15fr)}.srvRow.r2{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr)}.srvRow.r3{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,.9fr)} .srvStat{display:flex;gap:14px;align-items:flex-start}.srvStat>div{flex:1;min-width:0} .srvIc{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;font-style:normal}.srvIc svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .srvIc.green{background:#e3f6ea;color:var(--sv-ok)}.srvIc.blue{background:#e4effe;color:var(--sv-blue)}.srvIc.amber{background:#fdf0d6;color:#d98a00}.srvIc.red{background:#fdecec;color:var(--sv-bad)} .srvLabel{display:block;font-size:12.5px;font-weight:700;color:var(--a-text,#0f172a)}.srvStat small{display:block;color:var(--a-muted,#64748b);font-size:12px;margin-top:4px} .srvBig{display:block;margin:2px 0 6px;font-size:26px;line-height:1.1}.srvMid{display:block;font-size:14px;margin:2px 0 8px}.srvHost{display:block;margin:4px 0 8px;font-size:14.5px;word-break:break-all} .srvOk,.srvBad{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--sv-ok)}.srvOk i,.srvBad i{width:8px;height:8px;border-radius:50%;background:currentColor}.srvBad{color:var(--sv-bad)} .srvBar{display:block;height:6px;border-radius:99px;background:#e6ecf5;overflow:hidden}.srvBar em{display:block;height:100%;border-radius:99px;background:var(--sv-blue);transition:width .4s}.srvBar.warn em{background:var(--sv-warn)}.srvBar.crit em{background:var(--sv-bad)} .srvFail{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:10px;background:#fdf3e3;color:#9a5b00;font-size:12.5px}.srvFail svg{flex:none;width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2} .srvRes{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--a-border,#e3e9f2)}.srvRes:last-child{border:0}.srvRes>div{flex:1;min-width:0}.srvRes b{display:block;font-size:13px}.srvRes small{display:block;color:var(--a-muted,#64748b);font-size:11.5px;margin:1px 0 6px}.srvRes strong{font-size:13px} .srvIcSm{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#f1f5fb;color:#475569;font-style:normal}.srvIcSm svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7} .srvRate{display:flex;gap:16px;margin-top:4px;font-size:12.5px;font-weight:700}.srvRate em{font-style:normal}.srvRate .up{color:var(--sv-ok)}.srvRate .down{color:var(--sv-blue)} .srvCardHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.srvCardHead h3{margin:0} .srvBadge{padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700}.srvBadge.cpu{background:#e4effe;color:var(--sv-blue)}.srvBadge.memory{background:#efe8fd;color:#6d3fe0} .srvChart{width:100%;height:auto;display:block}.srvChart .g{stroke:#e3e9f2;stroke-width:1}.srvChart text{font-size:10px;fill:#64748b} .srvEmptyChart{margin:40px 8px;text-align:center;color:var(--a-muted,#64748b);font-size:13px} .srvInfo{margin:0}.srvInfo>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--a-border,#eef2f7);font-size:12.5px}.srvInfo>div:last-child{border:0} .srvInfo i{display:grid;place-items:center;flex:none;width:22px;color:#64748b}.srvInfo svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7} .srvInfo dt{flex:1;color:var(--a-muted,#64748b)}.srvInfo dd{margin:0;font-weight:700;text-align:right;max-width:58%;overflow-wrap:anywhere} .srvSvc{margin:0;padding:0;list-style:none}.srvSvc li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--a-border,#eef2f7);font-size:13px}.srvSvc li:last-child{border:0}.srvSvc li>span{flex:1}.srvSvc small{display:block;color:var(--a-muted,#64748b);font-size:11px} .dot{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:#94a3b8}.dot.ok{background:var(--sv-ok)}.dot.bad{background:var(--sv-bad)} .srvPill{padding:3px 11px;border-radius:99px;font-size:11.5px;font-weight:700;font-style:normal;background:#e7ebf2;color:#475569}.srvPill.ok{background:#dff5e7;color:#15803d}.srvPill.bad{background:#fdecec;color:var(--sv-bad)}.srvPill.warnp{background:#fdf0d6;color:#9a5b00} .srvDonut{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.srvDonut svg{width:150px;height:150px;flex:none}.srvDonut .bg{fill:none;stroke:#e6ecf5;stroke-width:18}.srvDonut .fg{fill:none;stroke:var(--sv-blue);stroke-width:18}.srvDonut .fg.warn{stroke:var(--sv-warn)}.srvDonut .fg.crit{stroke:var(--sv-bad)} .srvDonut .v{font-size:26px;font-weight:800;fill:var(--a-text,#0f172a)}.srvDonut .l{font-size:11px;fill:#64748b} .srvDonut ul{margin:0;padding:0;list-style:none;flex:1;min-width:130px}.srvDonut li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px}.srvDonut li span{flex:1;color:var(--a-muted,#64748b)}.dot.used{background:var(--sv-warn)}.dot.used.ok{background:var(--sv-blue)}.dot.used.crit{background:var(--sv-bad)}.dot.free{background:var(--sv-ok)}.dot.total{background:#94a3b8} .srvParts{margin-top:12px;border-top:1px solid var(--a-border,#eef2f7);padding-top:10px}.srvParts p{display:flex;justify-content:space-between;gap:10px;margin:4px 0;font-size:12.5px}.srvParts span{color:var(--a-muted,#64748b)} .srvLogTabs{display:flex;gap:4px}.srvLogTabs button{padding:4px 12px;border:1px solid var(--a-border,#e3e9f2);border-radius:99px;background:#fff;color:#475569;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer}.srvLogTabs button.on{border-color:var(--sv-blue);background:#e4effe;color:var(--sv-blue)} .srvLogs{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;min-height:150px;padding:10px 12px;border:1px solid var(--a-border,#e3e9f2);border-radius:10px;background:#fbfcfe}.srvLogs p{display:flex;gap:8px;align-items:baseline;margin:0;padding:5px 0;border-bottom:1px dashed #eef2f7}.srvLogs p:last-child{border:0}.srvLogs time{color:#64748b;white-space:nowrap}.srvLogs span{flex:1;min-width:0;overflow-wrap:anywhere}.srvLogs .none{color:#64748b;font-family:inherit} .srvLogs .lv{font-style:normal;font-weight:800;font-size:10.5px;padding:1px 6px;border-radius:5px}.lv.info{background:#dff5e7;color:#15803d}.lv.warn{background:#fdf0d6;color:#9a5b00}.lv.err{background:#fdecec;color:var(--sv-bad)} .srvLink{margin-top:10px;padding:0;border:0;background:none;color:var(--sv-blue);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer} .srvBk{display:grid;gap:2px;margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#f4f7fc;font-size:12.5px}.srvBk b{font-size:12px}.srvBk span{color:#475569}.srvBk .err{color:var(--sv-bad)}.srvBk.run{display:flex;align-items:center;gap:10px;color:#0a5fd1} .srvBk .spin{width:14px;height:14px;border:2px solid #bcd5f8;border-top-color:var(--sv-blue);border-radius:50%;animation:srvSpin .8s linear infinite} .srvActs{display:grid;gap:8px}.srvAct{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--a-border,#e3e9f2);border-radius:11px;background:#fff;color:var(--a-text,#0f172a);font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer} .srvAct:hover:not(:disabled){border-color:var(--sv-blue);background:#f5f9ff}.srvAct:disabled{opacity:.5;cursor:not-allowed}.srvAct span{flex:1}.srvAct b{color:#94a3b8;font-size:18px} .srvAct i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;font-style:normal}.srvAct i svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8} .srvAct.red i{background:#fdecec;color:var(--sv-bad)}.srvAct.blue i{background:#e4effe;color:var(--sv-blue)}.srvAct.green i{background:#dff5e7;color:var(--sv-ok)}.srvAct.purple i{background:#efe8fd;color:#6d3fe0}.srvAct.gray i{background:#eef1f6;color:#475569} .srvDialog{width:min(520px,94vw)}.srvDlgBody{padding:4px 2px 10px;font-size:13.5px;line-height:1.5}.srvVerdict{margin:0 0 10px;font-weight:700}.srvVerdict.ok{color:var(--sv-ok)}.srvVerdict.warn{color:#9a5b00}.srvVerdict.fail{color:var(--sv-bad)} .srvChecks{margin:0;padding:0;list-style:none}.srvChecks li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #eef2f7}.srvChecks li:last-child{border:0}.srvChecks small{display:block;color:#64748b} .btn.danger{background:var(--sv-bad,#dc2626);border-color:var(--sv-bad,#dc2626)} .srvS{display:block;height:12px;margin:10px 0;border-radius:6px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:200% 100%;animation:srvShine 1.2s infinite}.srvS.big{height:26px}.srvS.w40{width:40%}.srvS.w60{width:60%}.srvS.w80{width:80%}.srvS.w90{width:90%}@keyframes srvShine{to{background-position:-200% 0}} .srvCard.tall{min-height:220px} @media (max-width:1280px){.srvTop{grid-template-columns:repeat(3,minmax(0,1fr))}.srvRow.r1,.srvRow.r2,.srvRow.r3{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:820px){.srvTop{grid-template-columns:repeat(2,minmax(0,1fr))}.srvRow.r1,.srvRow.r2,.srvRow.r3{grid-template-columns:1fr}#ad-server .adminHeadActions{align-items:flex-start;width:100%}.srvHeadTools{justify-content:flex-start}} @media (max-width:520px){.srvTop{grid-template-columns:1fr}} /* Backups (admin) e modal "Executar backup agora?" */ .bkOpts{display:grid;gap:12px}.bkOpt{position:relative;display:flex;align-items:flex-start;gap:14px;padding:16px;border:1.5px solid #e3e9f2;border-radius:14px;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.bkOpt:hover{border-color:#b9d3f7}.bkOpt.on{border-color:#0b73f0;background:#f2f8ff} .bkOpt input{position:absolute;opacity:0;pointer-events:none}.bkRadio{flex:none;width:20px;height:20px;margin-top:2px;border:2px solid #b8c6da;border-radius:50%;background:#fff;position:relative}.bkOpt.on .bkRadio{border-color:#0b73f0}.bkOpt.on .bkRadio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#0b73f0} .bkOpt:has(input:focus-visible){outline:3px solid rgba(11,115,240,.4);outline-offset:2px} .bkIc{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:12px;background:#e4effe;color:#0b73f0}.bkIc svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .bkTxt{display:grid;gap:5px;min-width:0}.bkTxt>b{font-size:15px;color:#0a1a3a}.bkTxt>small{font-size:13px;color:#5f7391;line-height:1.45}.bkTxt>em{display:flex;align-items:center;gap:8px;margin-top:4px;padding:8px 12px;border-radius:8px;background:#e4effe;font-style:normal;font-size:13px;color:#0a1a3a}.bkTxt>em svg{width:16px;height:16px;stroke:#0b73f0;fill:none;stroke-width:1.9} .bkInfo{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:#eef5ff;border:1px solid #d5e4f8;text-align:left}.bkInfo svg{flex:none;width:24px;height:24px;stroke:#0b73f0;fill:none;stroke-width:1.9}.bkInfo b{color:#0b5fd1;font-size:14px}.bkInfo p{margin:2px 0 0;font-size:13px;color:#33507a} .bkAlert{margin:0 0 12px;padding:12px 14px;border-radius:10px;background:#fdecec;color:#b42318;font-size:13.5px;font-weight:600} .bkTable td{vertical-align:middle}.bkName{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.bkErr{display:block;color:#b91c1c;font-weight:400;white-space:normal} .bkBadge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:7px;font-size:12px;font-weight:700}.bkBadge.ok{background:#dff5e7;color:#15803d}.bkBadge.bad{background:#fdecec;color:#b91c1c}.bkBadge.run{background:#e4effe;color:#0b5fd1}.bkBadge.wait{background:#fef3d7;color:#b45309} .bkSpin{width:10px;height:10px;border:2px solid #b9d3f7;border-top-color:#0b73f0;border-radius:50%;animation:bkSp .8s linear infinite}@keyframes bkSp{to{transform:rotate(360deg)}} .bkTable td small{display:block;color:#5f7391;font-size:11.5px;margin-top:2px} .bkActs{white-space:nowrap}.bkBtn{display:inline-block;margin-right:6px;padding:6px 12px;border:1.5px solid #cfdcf0;border-radius:8px;background:#fff;color:#0a1a3a;font:inherit;font-size:12.5px;font-weight:600;text-decoration:none;cursor:pointer}.bkBtn:hover{border-color:#0b73f0;color:#0b73f0}.bkBtn.danger{color:#b91c1c;border-color:#f3b4b4}.bkBtn.danger:hover{background:#fdecec;border-color:#dc2626} .bkEmpty{display:grid;justify-items:center;gap:6px;padding:40px 16px;border:1px dashed #d5e0f0;border-radius:14px;background:#fff;color:#5f7391;text-align:center}.bkEmpty b{color:#0a1a3a}.bkEmpty p{margin:0} .bkSkel{display:grid;gap:10px}.bkSkel i{display:block;height:56px;border-radius:12px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:200% 100%;animation:bkSh 1.2s infinite}@keyframes bkSh{to{background-position:-200% 0}} .bkDl{display:grid;gap:10px;margin:0}.bkDl div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #eef2f7}.bkDl dt{color:#5f7391;font-size:13px}.bkDl dd{margin:0;overflow-wrap:anywhere;font-weight:600}.bkDl code{font-size:11.5px;font-weight:400} .bkFile{margin:0;padding:10px 12px;border-radius:10px;background:#f3f6fb;font-family:Consolas,monospace;font-size:12.5px;overflow-wrap:anywhere} @media (max-width:560px){.bkOpt{flex-wrap:wrap}.bkIc{width:44px;height:44px}.bkDl div{grid-template-columns:1fr;gap:2px}} .bkOpt{font-weight:400}.bkTxt>small{font-weight:400}.bkTxt>em{font-weight:400}.bkTxt>em b{font-weight:700} /* Integridade do sistema / Alerta do servidor */ .hlWrap{display:grid;gap:12px}.hlList{display:grid;gap:10px} .hlDialog .dlgHead.row{align-items:center}.hlDialog .dlgHeadIc{background:#e4effe;color:#0b73f0}.hlDialog.hlWarning .dlgHeadIc{background:#fef0d5;color:#d97706}.hlDialog.hlError .dlgHeadIc{background:#fdecec;color:#dc2626} .hlBadge{display:inline-flex;align-items:center;gap:6px;margin-left:auto;margin-right:40px;padding:6px 14px;border-radius:999px;background:#dff5e7;color:#15803d;font-size:13px;font-weight:700}.hlBadge svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2} .hlSummary{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:12px;border:1px solid #f3c4c4;background:#fdecec}.hlSummary.warning{border-color:#f5dca0;background:#fef6e3}.hlSummary b{font-size:15px}.hlSummary p{margin:2px 0 0;font-size:13px;color:#5f7391} .hlIc{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#e4effe;color:#0b73f0}.hlIc svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hlIc.warning{background:#fef0d5;color:#d97706}.hlIc.error{background:#fdecec;color:#dc2626} .hlItem{border:1px solid #e3e9f2;border-radius:12px;background:#fff;overflow:hidden}.hlItem.error{border-color:#f3c4c4}.hlItem.warning{border-color:#f5dca0} .hlRow{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;padding:12px 16px;border:0;background:none;text-align:left;font:inherit;cursor:pointer} .hlName{display:grid;gap:2px;min-width:0}.hlName b{font-size:15px;color:#0a1a3a}.hlName small{color:#5f7391;font-size:13px;overflow-wrap:anywhere} .hlState{display:grid;gap:2px;justify-items:start;min-width:150px}.hlState b{display:inline-flex;align-items:center;gap:8px;font-size:14px}.hlState b i{width:9px;height:9px;border-radius:50%}.hlState small{color:#5f7391;font-size:12.5px} .hlState.ok b{color:#15803d}.hlState.ok b i{background:#16a34a}.hlState.warning b{color:#d97706}.hlState.warning b i{background:#f59e0b}.hlState.error b{color:#dc2626}.hlState.error b i{background:#dc2626} .hlChev svg{width:18px;height:18px;stroke:#5f7391;fill:none;stroke-width:2;transition:transform .2s}.hlItem.open .hlChev svg{transform:rotate(180deg)} .hlMore{display:none;padding:12px 16px 14px;border-top:1px solid #eef2f7;background:#f8fafd;gap:6px}.hlItem.open .hlMore{display:grid}.hlMore.error{background:#fdecec;border-top-color:#f3c4c4}.hlMore.warning{background:#fef6e3;border-top-color:#f5dca0} .hlMore p{margin:0;font-size:13.5px;color:#7f1d1d}.hlMore.ok p{color:#33507a}.hlMore.warning p{color:#92590a}.hlDur{color:#5f7391;font-size:12px} .hlLink{justify-self:start;padding:6px 14px;border:1.5px solid #cfdcf0;border-radius:8px;background:#fff;font:inherit;font-size:12.5px;font-weight:600;color:#0a1a3a;cursor:pointer}.hlLink:hover{border-color:#0b73f0;color:#0b73f0}.hlTech{display:block;padding:8px 10px;border-radius:8px;background:#fff;border:1px solid #e3e9f2;font-family:Consolas,monospace;font-size:12px;color:#33507a;overflow-wrap:anywhere} .hlFoot{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;background:#eef5ff;border:1px solid #d5e4f8}.hlFi svg{width:30px;height:30px;stroke:#0b73f0;fill:none;stroke-width:1.9}.hlFt{flex:1;min-width:0}.hlFt b{color:#0b5fd1;font-size:14px}.hlFt p{margin:2px 0 0;font-size:13px;color:#33507a} .hlWhen{display:grid;gap:2px;text-align:right}.hlWhen small{color:#5f7391;font-size:12px}.hlWhen b{font-size:13.5px} .hlRefresh{display:grid;place-items:center;flex:none;width:38px;height:38px;border:0;border-radius:10px;background:none;color:#0b73f0;cursor:pointer}.hlRefresh:hover{background:#dfeafd}.hlRefresh:disabled{opacity:.5}.hlRefresh svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2} .hlSkel{height:64px;border-radius:12px;border:1px solid #e3e9f2;background:#fff;overflow:hidden}.hlSkel i{display:block;height:100%;background:linear-gradient(90deg,#f1f4f9,#fafbfd,#f1f4f9);background-size:200% 100%;animation:hlSh 1.2s infinite}@keyframes hlSh{to{background-position:-200% 0}} .hlFail{display:grid;justify-items:center;gap:8px;padding:30px 16px;border-radius:12px;background:#fdecec;text-align:center}.hlFail b{color:#b91c1c}.hlFail p{margin:0;color:#5f7391;font-size:13px}.hlRetry{padding:10px 20px;border:0;border-radius:10px;background:#0b73f0;color:#fff;font:inherit;font-weight:600;cursor:pointer} @media (max-width:640px){.hlRow{grid-template-columns:auto minmax(0,1fr) auto}.hlState{grid-column:2/3;grid-row:2;min-width:0}.hlChev{grid-row:1;grid-column:3}.hlFoot{flex-wrap:wrap}.hlWhen{text-align:left}.hlBadge{display:none}} /* Configurações › Redes sociais */ .snCard{display:grid;gap:16px;padding:22px 24px;border:1px solid #e3e9f2;border-radius:16px;background:#fff} .snHead{display:flex;align-items:center;gap:16px}.snHead>div{flex:1;min-width:0}.snHead h3{margin:0;font-size:22px}.snHead p{margin:4px 0 0;color:#5f7391;font-size:14px}.snHead small{font-size:13px} .snHeadIc{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:16px;background:#e4effe;color:#0b73f0}.snHeadIc svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .snAdd{display:inline-flex;align-items:center;gap:10px;padding:0 22px;min-height:46px;border:0;border-radius:11px;background:#0b73f0;color:#fff;font:inherit;font-weight:700;font-size:14.5px;cursor:pointer;white-space:nowrap}.snAdd:hover{background:#0a5fd1}.snAdd svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.4} .snTip{display:flex;gap:14px;align-items:flex-start;padding:14px 18px;border-radius:12px;background:#eaf2fe;border:1px solid #d5e4f8}.snTip>svg{flex:none;width:32px;height:32px;padding:5px;border-radius:50%;background:#0b73f0;stroke:#fff;fill:none;stroke-width:2;box-sizing:border-box}.snTip b{color:#0b5fd1}.snTip p{margin:2px 0 0;font-size:13.5px;color:#33507a} .snList{display:grid;gap:10px;margin:0;padding:0;list-style:none} .snRow{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;align-items:center;gap:14px;padding:12px 16px;border:1px solid #e3e9f2;border-radius:12px;background:#fff;transition:box-shadow .15s,border-color .15s}.snRow:hover{border-color:#cfdcf0}.snRow.drag{opacity:.55;border-color:#0b73f0;box-shadow:0 8px 24px rgba(11,115,240,.18)} .snIc{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:11px;color:#fff;background:#5f7391}.snIc svg{width:24px;height:24px}.snIc.sm{width:36px;height:36px;border-radius:9px}.snIc.sm svg{width:19px;height:19px} .snIc.instagram{background:linear-gradient(135deg,#f9a825,#e1306c 55%,#833ab4)}.snIc.facebook{background:#1877f2}.snIc.whatsapp{background:#25c15d}.snIc.youtube{background:#ff0000}.snIc.tiktok{background:#000}.snIc.linkedin{background:#0a66c2}.snIc.x{background:#111}.snIc.pinterest{background:#e60023}.snIc.threads{background:#111}.snIc.telegram{background:#229ed9}.snIc.discord{background:#5865f2}.snIc.custom{background:#0b73f0} .snInfo{display:grid;gap:3px;min-width:0}.snInfo b{font-size:15px}.snInfo small{color:#5f7391;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .snBadge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border:0;border-radius:999px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.snBadge i{width:9px;height:9px;border-radius:50%}.snBadge.on{background:#dff5e7;color:#15803d}.snBadge.on i{background:#16a34a}.snBadge.off{background:#e8edf4;color:#5f7391}.snBadge.off i{background:#8a99b0}.snBadge:disabled{cursor:default} .snBtn{display:inline-flex;align-items:center;gap:8px;padding:0 16px;min-height:40px;border:1.5px solid #dbe4f0;border-radius:9px;background:#fff;color:#0a1a3a;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}.snBtn:hover{border-color:#0b73f0;color:#0b73f0}.snBtn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9}.snBtn.danger{background:#fdecec;border-color:#fdecec;color:#dc2626}.snBtn.danger:hover{border-color:#dc2626} .snGrip{display:grid;place-items:center;width:32px;height:36px;color:#8a99b0;cursor:grab}.snGrip:active{cursor:grabbing}.snGrip svg{width:18px;height:18px;fill:currentColor;stroke:none} .snFoot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.snHint{display:inline-flex;align-items:center;gap:10px;color:#5f7391;font-size:13px}.snHint svg{width:16px;height:16px;fill:currentColor} .snImportant{display:flex;gap:12px;align-items:flex-start;padding:12px 18px;border-radius:12px;background:#eaf2fe;min-width:280px}.snImportant svg{flex:none;width:30px;height:30px;padding:5px;border-radius:50%;background:#0b73f0;stroke:#fff;fill:none;stroke-width:2;box-sizing:border-box}.snImportant b{color:#0b5fd1;font-size:14px}.snImportant p{margin:2px 0 0;font-size:13px;color:#33507a} .snPreview{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #eef2f7}.snPreview>b{font-size:13px;color:#5f7391}.snPrevRow{display:flex;gap:8px} .snEmpty{display:grid;justify-items:center;gap:8px;padding:36px 16px;border:1px dashed #d5e0f0;border-radius:14px;text-align:center;color:#5f7391}.snEmpty>span{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#e4effe;color:#0b73f0}.snEmpty>span svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8}.snEmpty b{color:#0a1a3a;font-size:16px}.snEmpty p{margin:0 0 6px} .snSkel{display:grid;gap:10px}.snSkel i{display:block;height:62px;border-radius:12px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:200% 100%;animation:snSh 1.2s infinite}@keyframes snSh{to{background-position:-200% 0}} .snErr{margin:0;padding:12px 14px;border-radius:10px;background:#fdecec;color:#b42318;font-size:13.5px}.snLink{border:0;background:none;color:#0b73f0;font:inherit;font-weight:700;cursor:pointer} .snForm{display:grid;gap:14px}.snField{display:grid;gap:6px;font-size:13px;font-weight:600;color:#2a3b57}.snField b{color:#e11d48}.snField small{font-weight:400;color:#5f7391;font-size:12px}.snFieldErr{color:#b91c1c!important;font-weight:600!important}.snFieldErr:empty{display:none} .snField input,.snField select{width:100%;box-sizing:border-box;height:46px;padding:0 14px;border:1.5px solid #e3e9f2;border-radius:10px;background:#fff;font:inherit;font-size:14.5px;font-weight:400;color:#0a1a3a;outline:0}.snField input:focus,.snField select:focus{border-color:#0b73f0;box-shadow:0 0 0 3px rgba(11,115,240,.14)} .snCustom{display:grid;grid-template-columns:1fr 1fr;gap:12px}.snCustom[hidden]{display:none}.snTwo{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start} .snSwitch{display:flex;align-items:center;gap:12px;cursor:pointer;padding-top:20px}.snSwitch input{position:absolute;opacity:0}.snTrack{position:relative;flex:none;width:44px;height:24px;border-radius:999px;background:#c7d2e2;transition:background .15s}.snTrack:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.snSwitch input:checked+.snTrack{background:#0b73f0}.snSwitch input:checked+.snTrack:after{transform:translateX(20px)}.snSwitch input:focus-visible+.snTrack{outline:3px solid rgba(11,115,240,.4);outline-offset:2px}.snSwitch b{display:block;font-size:14px}.snSwitch small{font-size:12px;color:#5f7391;font-weight:400} .snDelName{margin:0;padding:10px 12px;border-radius:10px;background:#f3f6fb;font-size:13px;overflow-wrap:anywhere} @media (max-width:900px){.snRow{display:flex;flex-wrap:wrap}.snRow>.snInfo{flex:1 1 200px}.snHead{flex-wrap:wrap}} @media (max-width:560px){.snCustom,.snTwo{grid-template-columns:1fr}.snImportant{min-width:0;width:100%}.snAdd{width:100%;justify-content:center}} /* Página pública: Dúvidas frequentes */ #faq{background:#f6f9fd}.fqWrap{max-width:1180px;margin:0 auto;padding:22px 20px 56px} .fqCrumb{display:flex;gap:8px;align-items:center;margin-bottom:14px;font-size:13px;color:#5f7391}.fqCrumb button{border:0;background:none;color:#0b5fd1;font:inherit;cursor:pointer;padding:0}.fqCrumb b{color:#0a1a3a} .fqHero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.fqHero h1{margin:0 0 8px;font-size:clamp(30px,4vw,44px);letter-spacing:-.03em;color:#0a1a3a}.fqHero p{margin:0;font-size:16px;color:#33507a;line-height:1.55} .fqBubble{display:grid;place-items:center;flex:none;width:130px;height:120px;border-radius:38px 38px 38px 8px;background:linear-gradient(140deg,#4da3ff,#0b6bf0);box-shadow:0 16px 36px rgba(11,107,240,.3);color:#fff;font-size:76px;font-weight:800;line-height:1} .fqSearch{display:flex;align-items:center;gap:12px;height:56px;padding:0 20px;border:1.5px solid #dbe6f5;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(15,35,80,.05)}.fqSearch:focus-within{border-color:#0b73f0;box-shadow:0 0 0 3px rgba(11,115,240,.14)}.fqSearch span{display:grid;place-items:center;color:#5f7391}.fqSearch svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round}.fqSearch input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:16px;color:#0a1a3a} .fqLayout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;margin-top:22px;align-items:start} .fqCats{display:grid;gap:4px;padding:12px;border:1px solid #e3e9f2;border-radius:16px;background:#fff}.fqCats button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:0;border-radius:11px;background:none;font:inherit;font-size:14.5px;color:#0a1a3a;text-align:left;cursor:pointer}.fqCats button span{display:flex;align-items:center;gap:12px}.fqCats svg{width:19px;height:19px;stroke:#5f7391;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fqCats em{display:grid;place-items:center;min-width:26px;height:24px;padding:0 8px;border-radius:999px;background:#eef2f7;color:#5f7391;font-style:normal;font-size:12px;font-weight:700} .fqCats button:hover{background:#f3f7fd}.fqCats button.on{background:#e4effe;color:#0b5fd1;font-weight:700}.fqCats button.on svg{stroke:#0b73f0}.fqCats button.on em{background:#0b73f0;color:#fff} .fqList{display:grid;gap:12px}.fqItem{border:1px solid #e3e9f2;border-radius:14px;background:#fff;overflow:hidden}.fqItem.open{border-color:#c9dcf7;box-shadow:0 8px 22px rgba(15,35,80,.06)} .fqItem h2{margin:0;font-size:16px}.fqItem h2 button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:18px 22px;border:0;background:none;font:inherit;font-size:16px;font-weight:700;color:#0a1a3a;text-align:left;cursor:pointer}.fqItem h2 button svg{flex:none;width:20px;height:20px;stroke:#0a1a3a;fill:none;stroke-width:2;stroke-linecap:round;transition:transform .2s}.fqItem.open h2 button svg{transform:rotate(180deg)} .fqItem h2 button:focus-visible{outline:3px solid rgba(11,115,240,.4);outline-offset:-3px} .fqPanel{padding:0 22px 20px;color:#33507a;font-size:14.5px;line-height:1.7}.fqPanel p{margin:0 0 10px}.fqPanel ul,.fqPanel ol{margin:0 0 10px;padding-left:22px}.fqPanel a{color:#0b5fd1}.fqPanel[hidden]{display:none} .fqHelp{display:flex;align-items:center;gap:20px;margin-top:26px;padding:22px 28px;border-radius:16px;background:#e6f0fd}.fqHelp>div{flex:1}.fqHelp b{display:block;font-size:22px;color:#0b5fd1}.fqHelp p{margin:4px 0 0;color:#33507a}.fqHelpIc{display:grid;place-items:center;flex:none;width:60px;height:60px;color:#0b73f0}.fqHelpIc svg{width:52px;height:52px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round} .fqBtn{padding:0 30px;min-height:50px;border:0;border-radius:12px;background:#0b73f0;color:#fff;font:inherit;font-weight:700;font-size:15px;cursor:pointer}.fqBtn:hover{background:#0a5fd1} .fqEmpty{display:grid;justify-items:center;gap:8px;padding:38px 18px;border:1px dashed #d5e0f0;border-radius:14px;background:#fff;text-align:center;color:#5f7391;margin-top:22px}.fqEmpty b{color:#0a1a3a;font-size:17px}.fqEmpty p{margin:0}.fqLink{border:0;background:none;color:#0b73f0;font:inherit;font-weight:700;cursor:pointer} .fqSkel{display:grid;gap:12px}.fqSkel i{display:block;height:64px;border-radius:14px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:200% 100%;animation:fqSh 1.2s infinite}@keyframes fqSh{to{background-position:-200% 0}} @media (max-width:860px){.fqLayout{grid-template-columns:1fr}.fqCats{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding:8px}.fqBubble{display:none}.fqHelp{flex-wrap:wrap}.fqHelp .fqBtn{width:100%}} /* Configurações › Dúvidas frequentes */ .fqaCard{display:grid;gap:16px;padding:22px 24px;border:1px solid #e3e9f2;border-radius:16px;background:#fff} .fqaHead{display:flex;align-items:center;gap:16px}.fqaHead>div{flex:1;min-width:0}.fqaHead h3{margin:0;font-size:22px}.fqaHead p{margin:4px 0 0;color:#5f7391;font-size:14px}.fqaHead small{font-size:13px} .fqaHeadIc{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:16px;background:#e4effe;color:#0b73f0}.fqaHeadIc svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .fqaAdd{display:inline-flex;align-items:center;gap:10px;padding:0 22px;min-height:46px;border:0;border-radius:11px;background:#0b73f0;color:#fff;font:inherit;font-weight:700;font-size:14.5px;cursor:pointer;white-space:nowrap}.fqaAdd:hover{background:#0a5fd1}.fqaAdd svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.4} .fqaTip,.fqaImportant{display:flex;gap:14px;align-items:flex-start;padding:14px 18px;border-radius:12px;background:#eaf2fe;border:1px solid #d5e4f8}.fqaTip>svg,.fqaImportant>svg{flex:none;width:32px;height:32px;padding:5px;border-radius:50%;background:#0b73f0;stroke:#fff;fill:none;stroke-width:2;box-sizing:border-box}.fqaTip b,.fqaImportant b{color:#0b5fd1}.fqaTip p,.fqaImportant p{margin:2px 0 0;font-size:13.5px;color:#33507a} .fqaTools{display:grid;grid-template-columns:minmax(0,1fr) 220px 200px auto;gap:12px}.fqaSearch{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border:1.5px solid #e3e9f2;border-radius:11px;background:#fff}.fqaSearch svg{width:18px;height:18px;stroke:#8a99b0;fill:none;stroke-width:1.9}.fqaSearch input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:14px;background:none}.fqaSearch:focus-within{border-color:#0b73f0} .fqaTools select{height:46px;padding:0 12px;border:1.5px solid #e3e9f2;border-radius:11px;background:#fff;font:inherit;font-size:14px;color:#0a1a3a}.fqaOrder{display:inline-flex;align-items:center;gap:8px;padding:0 18px;min-height:46px;border:1.5px solid #dbe4f0;border-radius:11px;background:#fff;font:inherit;font-weight:600;font-size:14px;cursor:pointer}.fqaOrder:hover{border-color:#0b73f0;color:#0b73f0}.fqaOrder svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9} .fqaTableWrap{overflow-x:auto}.fqaTable{width:100%;border-collapse:collapse;font-size:14px}.fqaTable th{padding:10px 12px;text-align:left;font-size:12.5px;color:#5f7391;font-weight:600;border-bottom:1px solid #e3e9f2;white-space:nowrap}.fqaTable td{padding:12px;border-bottom:1px solid #eef2f7;vertical-align:middle}.fqaTable tr.drag{opacity:.5;background:#eef5ff} .fqaQ{min-width:240px}.fqaQ b{display:block;font-size:14.5px}.fqaQ small{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:#5f7391;font-size:12.5px;margin-top:2px} .fqaNum,.fqaOrd{color:#5f7391;text-align:center}.fqaDate{color:#5f7391;white-space:nowrap}.fqaGripCell{width:34px}.fqaGrip{display:grid;place-items:center;width:28px;height:32px;color:#8a99b0;cursor:grab}.fqaGrip.off{opacity:.3;cursor:not-allowed}.fqaGrip svg{width:18px;height:18px;fill:currentColor;stroke:none} .fqaCat{display:inline-block;padding:4px 12px;border-radius:7px;font-size:12.5px;font-weight:700;white-space:nowrap;background:#e4effe;color:#0b5fd1}.fqaCat.green{background:#dff5e7;color:#15803d}.fqaCat.purple{background:#efe6fd;color:#7c3aed}.fqaCat.orange{background:#fef0d5;color:#c2410c}.fqaCat.red{background:#fdecec;color:#b91c1c}.fqaCat.indigo{background:#e6e9fd;color:#4338ca}.fqaCat.teal{background:#d9f5f2;color:#0f766e}.fqaCat.pink{background:#fde8f1;color:#be185d}.fqaCat.gray{background:#eef2f7;color:#5f7391} .fqaBadge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border:0;border-radius:999px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.fqaBadge i{width:9px;height:9px;border-radius:50%}.fqaBadge.on{background:#dff5e7;color:#15803d}.fqaBadge.on i{background:#16a34a}.fqaBadge.off{background:#e8edf4;color:#5f7391}.fqaBadge.off i{background:#8a99b0}.fqaBadge:disabled{cursor:default} .fqaActs{white-space:nowrap}.fqaBtn{display:inline-flex;align-items:center;gap:8px;margin-right:8px;padding:0 14px;min-height:38px;border:1.5px solid #dbe4f0;border-radius:9px;background:#fff;color:#0a1a3a;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.fqaBtn:hover{border-color:#0b73f0;color:#0b73f0}.fqaBtn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9}.fqaBtn.danger{background:#fdecec;border-color:#fdecec;color:#dc2626}.fqaBtn.danger:hover{border-color:#dc2626} .fqaFoot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.fqaHint{display:inline-flex;align-items:center;gap:10px;color:#5f7391;font-size:13px}.fqaHint svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9} .fqaPager{display:flex;align-items:center;gap:10px;color:#5f7391;font-size:13px}.fqaPager button{display:grid;place-items:center;width:34px;height:34px;border:1.5px solid #dbe4f0;border-radius:9px;background:#fff;cursor:pointer}.fqaPager button:disabled{opacity:.4;cursor:default}.fqaPager button svg{width:16px;height:16px;stroke:#0a1a3a;fill:none;stroke-width:2}.fqaPager b{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#0b73f0;color:#fff} .fqaEmpty{display:grid;justify-items:center;gap:8px;padding:36px 16px;border:1px dashed #d5e0f0;border-radius:14px;text-align:center;color:#5f7391}.fqaEmpty>span{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#e4effe;color:#0b73f0}.fqaEmpty>span svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8}.fqaEmpty b{color:#0a1a3a;font-size:16px}.fqaEmpty p{margin:0 0 6px} .fqaSkel{display:grid;gap:10px}.fqaSkel i{display:block;height:56px;border-radius:12px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:200% 100%;animation:fqaSh 1.2s infinite}@keyframes fqaSh{to{background-position:-200% 0}} .fqaErr{margin:0;padding:12px 14px;border-radius:10px;background:#fdecec;color:#b42318;font-size:13.5px}.fqaLink{border:0;background:none;color:#0b73f0;font:inherit;font-weight:700;cursor:pointer} /* Formulário */ .fqaCols{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px;align-items:start}.fqaColMain,.fqaColSide{display:grid;gap:16px} .fqaField{display:grid;gap:6px;font-size:13px;font-weight:600;color:#2a3b57}.fqaField b{color:#e11d48}.fqaField small{font-weight:400;color:#5f7391;font-size:12px}.fqaFe{color:#b91c1c!important;font-weight:600!important}.fqaFe:empty{display:none} .fqaField input,.fqaField select{width:100%;box-sizing:border-box;height:46px;padding:0 14px;border:1.5px solid #e3e9f2;border-radius:10px;background:#fff;font:inherit;font-size:14.5px;font-weight:400;color:#0a1a3a;outline:0}.fqaField input:focus,.fqaField select:focus{border-color:#0b73f0;box-shadow:0 0 0 3px rgba(11,115,240,.14)} .fqaEditorBox{border:1.5px solid #e3e9f2;border-radius:10px;overflow:hidden;background:#fff}.fqaEditorBox:focus-within{border-color:#0b73f0;box-shadow:0 0 0 3px rgba(11,115,240,.14)} .fqaTb{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border-bottom:1px solid #e3e9f2;background:#f8fbff}.fqaTb button{min-width:34px;height:32px;padding:0 9px;border:0;border-radius:7px;background:none;font:inherit;font-weight:600;cursor:pointer;color:#33507a}.fqaTb button:hover{background:#e4effe} .fqaEditor{min-height:170px;max-height:300px;overflow:auto;padding:12px 14px;font-size:14.5px;font-weight:400;line-height:1.6;outline:0}.fqaEditor:empty:before{content:attr(data-placeholder);color:#8a99b0}.fqaEditor p{margin:0 0 8px}.fqaEditor ul,.fqaEditor ol{margin:0 0 8px;padding-left:22px}.fqaEditor a{color:#0b5fd1} .fqaSwitch{display:flex;align-items:center;gap:12px;cursor:pointer}.fqaSwitch input{position:absolute;opacity:0}.fqaTrack{position:relative;flex:none;width:44px;height:24px;border-radius:999px;background:#c7d2e2;transition:background .15s}.fqaTrack:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.fqaSwitch input:checked+.fqaTrack{background:#16a34a}.fqaSwitch input:checked+.fqaTrack:after{transform:translateX(20px)}.fqaSwitch b{display:block;font-size:14px}.fqaSwitch small{font-size:12px;color:#5f7391;font-weight:400} .fqaDel{margin:0;padding:10px 12px;border-radius:10px;background:#f3f6fb;font-size:13.5px;overflow-wrap:anywhere} @media (max-width:900px){.fqaTools{grid-template-columns:1fr 1fr}.fqaSearch{grid-column:1/-1}.fqaCols{grid-template-columns:1fr}.fqaHead{flex-wrap:wrap}.fqaBtn span{display:none}.fqaBtn{padding:0 10px}} @media (max-width:560px){.fqaTools{grid-template-columns:1fr}.fqaAdd{width:100%;justify-content:center}} /* UserFormDialog (Novo/Editar usuário) */ .udWrap{display:grid;gap:16px}.udGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px} .udCard{display:grid;gap:8px;align-content:start;padding:14px 16px;border:1px solid #e3e9f2;border-radius:14px;background:#fff}.udCard[hidden]{display:none}.udCard.bad{border-color:#f0b4b4;background:#fffafa} .udLabel{display:flex;align-items:center;gap:10px;font-size:14px}.udLabel b{font-weight:700;color:#0a1a3a} .udIc{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:#e4effe;color:#0b73f0}.udIc svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .udCard input:not([type=checkbox]),.udCard select{width:100%;box-sizing:border-box;height:46px;padding:0 14px;border:1.5px solid #e3e9f2;border-radius:10px;background:#fff;font:inherit;font-size:14.5px;color:#0a1a3a;outline:0}.udCard input:focus,.udCard select:focus{border-color:#0b73f0;box-shadow:0 0 0 3px rgba(11,115,240,.14)} .udPw{position:relative}.udPw input{padding-right:46px!important}.udEye{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:none;color:#5f7391;cursor:pointer}.udEye:hover{background:#eef3fa}.udEye svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8} .udBars{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.udBars i{height:5px;border-radius:4px;background:#dfe6f0}.udBars[data-level="1"] i.on{background:#dc2626}.udBars[data-level="2"] i.on{background:#f97316}.udBars[data-level="3"] i.on{background:#f5b400}.udBars[data-level="4"] i.on,.udBars[data-level="5"] i.on{background:#16a34a} .udStr{min-height:14px;font-size:12px;font-weight:700;color:#5f7391}.udStr[data-level="1"]{color:#dc2626}.udStr[data-level="2"]{color:#c2410c}.udStr[data-level="3"]{color:#b45309}.udStr[data-level="4"],.udStr[data-level="5"]{color:#15803d} .udHelp{color:#5f7391;font-size:12.5px}.udErr{color:#b91c1c;font-size:12.5px;font-weight:600}.udErr:empty{display:none} .udInfo{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:14px;background:#eaf2fe;border:1px solid #d5e4f8}.udInfo>svg{flex:none;width:34px;height:34px;padding:6px;border-radius:50%;background:#0b73f0;stroke:#fff;fill:none;stroke-width:2;box-sizing:border-box}.udInfo b{color:#0b5fd1}.udInfo p{margin:3px 0 0;font-size:13.5px;color:#33507a;line-height:1.5} .udActive{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.udActive input{position:absolute;opacity:0}.udBox{flex:none;width:22px;height:22px;margin-top:1px;border:2px solid #b8c6da;border-radius:6px;background:#fff;position:relative}.udActive input:checked+.udBox{background:#0b73f0;border-color:#0b73f0}.udActive input:checked+.udBox:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.udActive input:focus-visible+.udBox{outline:3px solid rgba(11,115,240,.4);outline-offset:2px}.udActive input:disabled+.udBox{opacity:.5} .udActive b{display:block;font-size:14.5px}.udActive small{color:#5f7391;font-size:13px} @media (max-width:700px){.udGrid{grid-template-columns:1fr}} /* Área E-mails (admin) */ .emTabs{display:flex;gap:6px;margin:4px 0 16px;border-bottom:1px solid #e3e9f2;overflow-x:auto}.emTabs button{padding:11px 16px;border:0;border-bottom:3px solid transparent;background:none;font:inherit;font-weight:600;font-size:14px;color:#5f7391;cursor:pointer;white-space:nowrap}.emTabs button.on{color:#0b73f0;border-bottom-color:#0b73f0} .emStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px} .emTools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.emTools select{height:42px;padding:0 12px;border:1.5px solid #e3e9f2;border-radius:10px;background:#fff;font:inherit;font-size:13.5px} .emSearch{display:flex;align-items:center;gap:8px;flex:1 1 240px;height:42px;padding:0 12px;border:1.5px solid #e3e9f2;border-radius:10px;background:#fff}.emSearch svg{width:18px;height:18px;stroke:#8a99b0;fill:none;stroke-width:1.8}.emSearch input{flex:1;border:0;outline:0;font:inherit;font-size:14px;background:none;min-width:0}.emSearch:focus-within{border-color:#0b73f0} .emCols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start} .emList{display:grid;gap:10px} .emCard{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid #e3e9f2;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}.emCard:hover{border-color:#b9d3f7}.emCard.sel{border-color:#0b73f0;background:#f4f9ff;box-shadow:0 0 0 3px rgba(11,115,240,.1)} .emIco{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:12px;background:#e4effe;color:#0b73f0}.emIco svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .emInfo{display:grid;gap:4px;min-width:0;flex:1}.emInfo b{font-size:15px}.emInfo small{color:#5f7391;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emInfo em{font-style:normal;font-size:12px;color:#8a99b0} .emBadges{display:flex;gap:6px;flex-wrap:wrap}.emBadge{display:inline-block;padding:3px 10px;border-radius:7px;font-size:12px;font-weight:700;background:#eef2f7;color:#5f7391}.emBadge.cat{background:#e4effe;color:#0b5fd1}.emBadge.ok{background:#dff5e7;color:#15803d}.emBadge.off{background:#eef2f7;color:#5f7391}.emBadge.bad{background:#fdecec;color:#b91c1c} .emActs{display:flex;gap:6px}.emIconBtn{display:grid;place-items:center;width:36px;height:36px;border:1.5px solid #e3e9f2;border-radius:9px;background:#fff;color:#33507a;cursor:pointer}.emIconBtn:hover{border-color:#0b73f0;color:#0b73f0}.emIconBtn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9} .emPreview{position:sticky;top:12px;padding:16px;border:1px solid #e3e9f2;border-radius:14px;background:#fff}.emPvHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.emPvHead h3{margin:0;font-size:15px} .emPvSubject{display:grid;gap:2px;margin:0 0 10px}.emPvSubject small{color:#5f7391}.emFrame{width:100%;height:520px;border:1px solid #e3e9f2;border-radius:10px;background:#f3f6fc}.emPvNote{display:block;margin-top:8px;color:#8a99b0}.emErr{color:#b91c1c} .emEmpty{display:grid;justify-items:center;gap:6px;padding:36px 16px;text-align:center;color:#5f7391;border:1px dashed #d5e0f0;border-radius:14px;background:#fff}.emEmpty svg{width:32px;height:32px;stroke:#93a4bd;fill:none;stroke-width:1.5}.emEmpty b{color:#0a1a3a}.emEmpty p{margin:0} .emSkel{display:grid;gap:10px}.emSkel i{display:block;height:74px;border-radius:14px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:200% 100%;animation:emShine 1.2s infinite}@keyframes emShine{to{background-position:-200% 0}} .emMenu{position:absolute;z-index:60;min-width:190px;padding:6px;border:1px solid #e3e9f2;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(15,35,80,.16)}.emMenu[hidden]{display:none}.emMenu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:8px;background:none;font:inherit;font-size:13.5px;text-align:left;cursor:pointer}.emMenu button:hover{background:#f0f6ff}.emMenu button.danger{color:#b91c1c}.emMenu svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9} .emPager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px;font-size:13px;color:#5f7391}.emPager button{padding:8px 14px;border:1.5px solid #e3e9f2;border-radius:9px;background:#fff;font:inherit;cursor:pointer}.emPager button:disabled{opacity:.5;cursor:not-allowed}.emLogErr{display:block;margin-top:3px;color:#b91c1c;font-size:11.5px} .emSmtp{display:grid;gap:16px;padding:20px;border:1px solid #e3e9f2;border-radius:14px;background:#fff}.emSmtpHead{display:flex;align-items:center;gap:14px}.emSmtpHead div{flex:1}.emSmtpHead h3{margin:0}.emSmtpHead p{margin:2px 0 0;color:#5f7391;font-size:13.5px} .emDl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.emDl div{padding:12px 14px;border-radius:10px;background:#f8fbff;border:1px solid #e3e9f2}.emDl dt{font-size:12px;color:#5f7391}.emDl dd{margin:3px 0 0;font-weight:600;overflow-wrap:anywhere}.emSmtpActs{display:flex;gap:10px;flex-wrap:wrap} /* Editor */ .emForm{display:grid;grid-template-columns:1fr 1fr;gap:14px}.emF{display:grid;gap:6px;font-size:13px;font-weight:600;color:#2a3b57;min-width:0}.emF.wide{grid-column:1/-1}.emF b{color:#e11d48} .emF input,.emF select,.emF textarea{width:100%;box-sizing:border-box;border:1.5px solid #e3e9f2;border-radius:10px;background:#fff;font:inherit;font-size:14px;font-weight:400;color:#0a1a3a;outline:0}.emF input,.emF select{height:44px;padding:0 12px}.emF textarea{padding:10px 12px;resize:vertical}.emF input:focus,.emF select:focus,.emF textarea:focus{border-color:#0b73f0;box-shadow:0 0 0 3px rgba(11,115,240,.14)} .emEdHead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.emVars{display:flex;align-items:center;gap:10px}.emVars select{height:36px;max-width:230px;font-size:12.5px}.emLink{border:0;background:none;color:#0b73f0;font:inherit;font-weight:600;cursor:pointer} .emTb{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border:1.5px solid #e3e9f2;border-bottom:0;border-radius:10px 10px 0 0;background:#f8fbff}.emTb.dis{opacity:.45;pointer-events:none}.emTb button{min-width:34px;height:32px;padding:0 8px;border:1px solid transparent;border-radius:7px;background:none;font:inherit;font-weight:700;cursor:pointer;color:#33507a}.emTb button:hover{background:#e4effe} .emEditor,.emCode{min-height:240px;max-height:340px;overflow:auto;padding:12px;border:1.5px solid #e3e9f2;border-radius:0 0 10px 10px;background:#fff;font-size:14px;font-weight:400;outline:0}.emCode{width:100%;box-sizing:border-box;font-family:Consolas,monospace;font-size:12.5px;resize:vertical}.emEditor:focus,.emCode:focus{border-color:#0b73f0}.emEditor img{max-width:100%}.emEditor[hidden],.emCode[hidden]{display:none} @media (max-width:1000px){.emCols{grid-template-columns:1fr}.emPreview{position:static}.emStats{grid-template-columns:repeat(2,minmax(0,1fr))}.emDl{grid-template-columns:1fr 1fr}} @media (max-width:640px){.emForm{grid-template-columns:1fr}.emStats{grid-template-columns:1fr}.emDl{grid-template-columns:1fr}.emFrame{height:380px}.emCard{flex-wrap:wrap}} .emSubNav{display:grid;gap:2px;margin:2px 0 4px 34px;padding-left:10px;border-left:2px solid #dbe6f5}.emSubNav[hidden]{display:none} .emSubNav button{padding:8px 10px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;font-size:13px;text-align:left;cursor:pointer;opacity:.8}.emSubNav button:hover,.emSubNav button.on{opacity:1;background:rgba(11,115,240,.14)}.emSubNav button.on{font-weight:700} /* filtros em uma única linha, compactos */ .emTools{flex-wrap:nowrap;align-items:center}.emTools .emSearch{flex:1 1 200px;min-width:150px} .emTools .selectSearch{display:block;flex:0 0 172px;width:172px;min-width:0}.emTools .selectSearchButton{height:42px;min-height:42px;padding:0 12px;font-size:13.5px;border:1.5px solid #e3e9f2;border-radius:10px;background:#fff}.emTools select{flex:0 0 172px;width:172px} @media (max-width:820px){.emTools{flex-wrap:wrap}.emTools .selectSearch,.emTools select{flex:1 1 150px;width:auto}} .emIconBtn svg{stroke-linecap:round;stroke-linejoin:round}.emIconBtn[data-em-more] svg{stroke-width:3.2} .emCheck{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e3e9f2;border-radius:10px;background:#f8fbff;font-size:14px;font-weight:600}.emCheck.wide{grid-column:1/-1}.emCheck small{flex-basis:100%;font-weight:400;color:#5f7391;font-size:12px}.emCheck input{width:18px;height:18px} .emF small{font-weight:400;color:#5f7391;font-size:12px}.emNote{margin:0;color:#5f7391;font-size:13px}.emTestRow{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.emTestRow .emF{flex:1 1 260px} .emSmtp{max-width:none} .emSmtp .btn.ghost,.emPvHead .btn.ghost{background:#fff;color:#0b73f0;border:1.5px solid #0b73f0}.emSmtp .btn.ghost:hover,.emPvHead .btn.ghost:hover{background:#eef5ff} /* Design system de diálogos: tokens + variantes (success, error, warning, info, confirm, danger, form, loading, custom) */ :root{ --dlg-radius:18px;--dlg-shadow:0 30px 80px rgba(9,25,60,.35);--dlg-overlay:rgba(9,25,60,.5);--dlg-blur:4px; --dlg-ink:#0a1a3a;--dlg-mut:#5f7391;--dlg-line:#e3e9f2;--dlg-btn-h:44px;--dlg-gap:16px; --dlg-primary:#0b73f0;--dlg-primary-h:#0a5fd1;--dlg-success:#16a34a;--dlg-danger:#dc2626;--dlg-danger-h:#b91c1c;--dlg-warning:#f59e0b;--dlg-warning-h:#d97706;--dlg-info:#0b73f0; --dlg-success-bg:#dff5e7;--dlg-danger-bg:#fdecec;--dlg-warning-bg:#fef3d7;--dlg-info-bg:#e4effe; } html.dlgLock{overflow:hidden} dialog.dlg{width:min(400px,calc(100% - 32px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:var(--dlg-radius);background:#fff;color:var(--dlg-ink);box-shadow:var(--dlg-shadow);font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif;overflow:auto;z-index:9999;animation:dlgIn .18s ease-out} dialog.dlg.medium{width:min(560px,calc(100% - 32px))}dialog.dlg.large{width:min(820px,calc(100% - 32px))} dialog.dlg::backdrop{background:var(--dlg-overlay);backdrop-filter:blur(var(--dlg-blur));animation:dlgFade .18s ease-out} dialog.dlg.closing{animation:dlgOut .16s ease-in forwards}dialog.dlg.closing::backdrop{animation:dlgFadeOut .16s ease-in forwards} @keyframes dlgIn{from{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes dlgOut{to{opacity:0;transform:scale(.97)}}@keyframes dlgFade{from{opacity:0}}@keyframes dlgFadeOut{to{opacity:0}} @media (prefers-reduced-motion:reduce){dialog.dlg,dialog.dlg::backdrop,dialog.dlg.closing{animation:none}} .dlgBox{position:relative;display:grid;gap:var(--dlg-gap);padding:28px 26px 24px} .dlgX{position:absolute;right:14px;top:12px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;background:none;color:#7b8ba3;cursor:pointer}.dlgX:hover{background:#eef3fa;color:var(--dlg-ink)}.dlgX svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round} .dlgHead{display:grid;justify-items:center;gap:6px;text-align:center}.dlgHead h2{margin:4px 0 0;font-size:20px;line-height:1.25;letter-spacing:-.01em}.dlgHead p{margin:0;font-size:14px;line-height:1.5;color:var(--dlg-mut);overflow-wrap:anywhere}.dlgHead p[hidden]{display:none} dialog.dlg.left .dlgHead{justify-items:start;text-align:left;padding-right:34px} .dlgIcon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--dlg-info-bg);color:var(--dlg-info)}.dlgIcon svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} dialog.dlg.success .dlgIcon{background:var(--dlg-success-bg);color:var(--dlg-success)}dialog.dlg.error .dlgIcon,.dlgIcon.err,dialog.dlg.danger .dlgIcon{background:var(--dlg-danger-bg);color:var(--dlg-danger)}dialog.dlg.warning .dlgIcon{background:var(--dlg-warning-bg);color:var(--dlg-warning)} .dlgBody:empty{display:none}.dlgBody{display:grid;gap:12px;font-size:14px;color:var(--dlg-ink)} .dlgField{display:grid;gap:6px;font-size:13px;font-weight:600;color:#2a3b57}.dlgField b{color:#e11d48} .dlgField input,.dlgField textarea{width:100%;padding:0 12px;height:44px;border:1.5px solid var(--dlg-line);border-radius:10px;background:#fff;font:inherit;font-size:14px;font-weight:400;color:var(--dlg-ink);outline:0}.dlgField textarea{height:auto;padding:10px 12px;resize:vertical} .dlgField input:focus,.dlgField textarea:focus{border-color:var(--dlg-primary);box-shadow:0 0 0 3px rgba(11,115,240,.14)}.dlgErr{min-height:0;font-size:12px;font-weight:500;color:var(--dlg-danger)}.dlgErr:empty{display:none} .dlgFoot{display:flex;gap:12px;justify-content:center}.dlgFoot .dlgBtn{flex:1 1 0} dialog.dlg.left .dlgFoot{justify-content:flex-end}dialog.dlg.left .dlgFoot .dlgBtn{flex:0 0 auto;min-width:110px} .dlgBtn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--dlg-btn-h);padding:0 22px;border:1.5px solid transparent;border-radius:10px;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s} .dlgBtn.primary{background:var(--dlg-primary);color:#fff}.dlgBtn.primary:hover:not(:disabled){background:var(--dlg-primary-h)} .dlgBtn.secondary{background:#fff;border-color:#cfdcf0;color:var(--dlg-ink)}.dlgBtn.secondary:hover:not(:disabled){border-color:var(--dlg-primary);color:var(--dlg-primary)} .dlgBtn.danger{background:var(--dlg-danger);color:#fff}.dlgBtn.danger:hover:not(:disabled){background:var(--dlg-danger-h)} .dlgBtn.warning{background:var(--dlg-warning);color:#fff}.dlgBtn.warning:hover:not(:disabled){background:var(--dlg-warning-h)} .dlgBtn:disabled{background:#e9edf3;border-color:transparent;color:#98a4b6;cursor:not-allowed}.dlgBtn:focus-visible,.dlgX:focus-visible{outline:3px solid rgba(11,115,240,.4);outline-offset:2px} .dlgSpin{width:52px;height:52px;border:4px solid #dbe7f8;border-top-color:var(--dlg-primary);border-radius:50%;animation:dlgSpin .8s linear infinite}@keyframes dlgSpin{to{transform:rotate(360deg)}} dialog.dlg.loading .dlgBox{padding:34px 26px} @media (max-width:480px){.dlgBox{padding:24px 18px 20px}.dlgFoot{flex-direction:column-reverse}dialog.dlg.left .dlgFoot .dlgBtn{width:100%}} /* Cabeçalho com ícone à esquerda, mensagens e botões extras */ .dlgHead.row{display:flex;align-items:center;gap:16px;justify-items:unset}.dlgHeadText{min-width:0;display:grid;gap:4px}.dlgHead.row h2{margin:0;font-size:22px} .dlgHeadIc{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:14px;background:var(--dlg-info-bg);color:var(--dlg-info)}.dlgHeadIc svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .dlgMsg{margin:0;padding:10px 12px;border-radius:10px;background:var(--dlg-danger-bg);color:#b42318;font-size:13px}.dlgMsg[hidden]{display:none} .dlgBtn.outlineDanger{background:#fff;border-color:#f3b4b4;color:var(--dlg-danger)}.dlgBtn.outlineDanger:hover:not(:disabled){background:var(--dlg-danger-bg);border-color:var(--dlg-danger)} .dlgBtnIc{width:18px;height:18px;margin-right:8px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} dialog.dlg.left .dlgFoot{position:sticky;bottom:-24px;margin:0 -26px -24px;padding:16px 26px 20px;border-top:1px solid var(--dlg-line);background:#fff} dialog.dlg.left .dlgFoot .dlgBtn.outlineDanger,dialog.dlg.left .dlgFoot .dlgBtn[data-dlg-extra]{margin-right:auto} /* Modal Ajustar estoque */ .stkTop{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.6fr);gap:0;padding:14px;border:1px solid #dbe6f5;border-radius:14px;background:#f6faff} .stkProd{display:flex;align-items:center;gap:16px;padding-right:16px;min-width:0}.stkImg{display:grid;place-items:center;flex:none;width:90px;height:90px;border-radius:12px;background:#fff;border:1px solid #e3e9f2;overflow:hidden}.stkImg img{width:100%;height:100%;object-fit:cover}.stkImg svg{width:36px;height:36px;stroke:#93a4bd;fill:none;stroke-width:1.5} .stkInfo{display:grid;gap:6px;min-width:0}.stkInfo b{font-size:17px;overflow-wrap:anywhere}.stkInfo small{color:#5f7391;font-size:13px;overflow-wrap:anywhere}.stkCat{justify-self:start;padding:3px 12px;border-radius:999px;background:#e9eef6;color:#33507a;font-size:12px;font-weight:600} .stkStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.stkStat{display:flex;align-items:flex-start;gap:10px;padding:0 14px;border-left:1px solid #dbe6f5;min-width:0}.stkStat>div{display:grid;gap:2px;justify-items:start}.stkStat small{font-size:13px;font-weight:700;color:#0a1a3a}.stkStat b{font-size:28px;line-height:1.1;letter-spacing:-.02em}.stkStat em{font-style:normal;font-size:12px;color:#5f7391} .stkSi{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px}.stkSi svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.stkSi.sm{width:26px;height:26px;border-radius:7px}.stkSi.sm svg{width:15px;height:15px} .stkSi.blue{background:#e4effe;color:#0b73f0}.stkSi.amber{background:#fef0d5;color:#d97706}.stkSi.green{background:#dff5e7;color:#16a34a} .stkBadge{display:inline-block;margin-top:4px;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:700}.stkBadge.ok{background:#dff5e7;color:#15803d}.stkBadge.low{background:#fef3d7;color:#b45309}.stkBadge.out{background:#fdecec;color:#b91c1c} .stkCols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stkCard{display:grid;gap:12px;align-content:start;padding:16px;border:1px solid #e3e9f2;border-radius:14px;background:#fff}.stkCard.wide{grid-column:1/-1} .stkCard h4,.stkPreview h4{display:flex;align-items:center;gap:10px;margin:0;font-size:15px}.stkCard h4>span:last-child{display:grid;gap:2px}.stkCard h4 small{font-weight:400;color:#5f7391;font-size:12px} .stkNum{position:relative;display:flex;align-items:stretch}.stkNum input{flex:1;min-width:0;height:48px;padding:0 14px;border:1.5px solid #e3e9f2;border-left:0;border-right:0;text-align:center;font:inherit;font-size:16px;font-weight:600;outline:0;background:#fff;color:#0a1a3a} .stkNum button{width:44px;flex:none;border:1.5px solid #e3e9f2;background:#f1f5fa;color:#33507a;font-size:20px;font-weight:700;cursor:pointer}.stkNum button:first-child{border-radius:10px 0 0 10px}.stkNum button:last-child{border-radius:0 10px 10px 0}.stkNum button:hover{background:#e4effe;color:#0b73f0} .stkNum input:focus{border-color:#0b73f0;box-shadow:0 0 0 3px rgba(11,115,240,.14)}.stkNum input.bad{border-color:#dc2626} .stkHint{color:#5f7391;font-size:12.5px} .stkCard select,.stkCard [data-reason-other]{width:100%;box-sizing:border-box;height:44px;padding:0 12px;border:1.5px solid #e3e9f2;border-radius:10px;font:inherit;font-size:14px;outline:0;color:#0a1a3a;background:#fff} .stkCard select:focus,.stkCard [data-reason-other]:focus{border-color:#0b73f0;box-shadow:0 0 0 3px rgba(11,115,240,.14)} .stkCard textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid #e3e9f2;border-radius:10px;font:inherit;font-size:14px;resize:vertical;outline:0;color:#0a1a3a}.stkCard textarea:focus{border-color:#0b73f0;box-shadow:0 0 0 3px rgba(11,115,240,.14)}.stkCount{text-align:right;color:#5f7391;font-size:12px} .stkCopy{border:0;background:none;padding:2px;color:#5f7391;cursor:pointer;vertical-align:middle}.stkCopy:hover{color:#0b73f0}.stkCopy svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2} .stkPills{display:flex;gap:8px;margin-top:6px}.stkPill{padding:3px 12px;border-radius:999px;font-size:12px;font-weight:700}.stkPill.ok{background:#dff5e7;color:#15803d}.stkPill.off{background:#eef1f6;color:#5f7391} .stkPreviewText{margin:0;font-size:13.5px;color:#33507a;line-height:1.5}.stkPreviewText b{display:block;color:#0b5fd1;font-size:15px;margin-bottom:2px} .stkPreview{display:grid;gap:14px;padding:16px;border-radius:14px;background:#eef5ff;border:1px solid #d5e4f8} .stkEq{display:grid;grid-template-columns:1fr auto 1fr auto 1.15fr;gap:12px;align-items:center}.stkEq>i{font-style:normal;font-size:26px;font-weight:700;color:#33507a} .stkBox{display:grid;gap:2px;justify-items:center;padding:14px 10px;border-radius:12px;background:#fff;border:1px solid #e3e9f2;text-align:center}.stkBox small{font-size:13px;color:#33507a}.stkBox b{font-size:30px;line-height:1.1;letter-spacing:-.02em}.stkBox em{font-style:normal;font-size:12px;color:#5f7391} .stkBox.now{background:#e4effe;border:1.5px solid #0b73f0}.stkBox.now b{color:#0b73f0;font-size:36px}.stkBox.now.bad{background:#fdecec;border-color:#dc2626}.stkBox.now.bad b{color:#b91c1c} .stkWarn{margin:0;padding:10px 12px;border-radius:10px;font-size:13.5px;font-weight:600}.stkWarn[hidden]{display:none}.stkWarn.amber{background:#fef3d7;color:#92590a}.stkWarn.bad{background:#fdecec;color:#b91c1c} .stkInfoCard{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:#eef5ff;border:1px solid #d5e4f8}.stkInfoCard svg{flex:none;width:24px;height:24px;stroke:#0b73f0;fill:none;stroke-width:1.9}.stkInfoCard b{color:#0b5fd1;font-size:14px}.stkInfoCard p{margin:2px 0 0;font-size:13px;color:#33507a} @media (max-width:820px){.stkTop{grid-template-columns:1fr;gap:14px}.stkProd{padding-right:0}.stkStat:first-child{border-left:0;padding-left:0}.stkCols{grid-template-columns:1fr}} @media (max-width:560px){.stkStats{grid-template-columns:1fr;gap:12px}.stkStat{border-left:0;padding:0}.stkEq{grid-template-columns:1fr;gap:6px}.stkEq>i{text-align:center;font-size:20px}.stkProd{flex-direction:column;align-items:flex-start}} /* Modal Pergunta (admin) */ .qmWrap{display:grid;gap:16px} .qmInfo{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:0;padding:16px 8px;border:1px solid #e3e9f2;border-radius:14px;background:#f8fbff} .qmInfo>div{display:flex;align-items:center;gap:14px;padding:4px 18px;min-width:0}.qmInfo>div+div{border-left:1px solid #e3e9f2} .qmProd>div:last-child,.qmPart>div:last-child{display:grid;gap:4px;min-width:0}.qmProd b,.qmPart b{font-size:15px;overflow-wrap:anywhere}.qmPart small,.qmProd small{color:#5f7391;font-size:12.5px}.qmPart a{color:#33507a;font-size:13px;overflow-wrap:anywhere;text-decoration:none} .qmImg{display:grid;place-items:center;flex:none;width:100px;height:100px;border-radius:12px;background:#fff;border:1px solid #e3e9f2;overflow:hidden}.qmImg img{width:100%;height:100%;object-fit:contain}.qmImg svg{width:38px;height:38px;stroke:#93a4bd;fill:none;stroke-width:1.5} .qmTag{justify-self:start;padding:2px 10px;border-radius:7px;background:#e4effe;color:#0b5fd1;font-size:12px;font-weight:600} .qmIc{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:12px;background:#e4effe;color:#0b73f0}.qmIc svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .qmCols{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch} .qmCard{display:grid;gap:14px;align-content:start;padding:16px 18px;border:1px solid #e3e9f2;border-radius:14px;background:#fff} .qmCardHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.qmCardHead h3{display:flex;align-items:center;gap:10px;margin:0;font-size:15px}.qmCardHead svg{width:22px;height:22px;stroke:#0b73f0;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .qmBadge{padding:4px 12px;border-radius:8px;font-size:12px;font-weight:700}.qmBadge.ok{background:#dff5e7;color:#15803d}.qmBadge.wait{background:#fef3d7;color:#b45309} .qmBubble{padding:14px 16px;border-radius:10px;background:#eef5ff;font-size:14.5px;overflow-wrap:anywhere;white-space:pre-wrap}.qmBubble.ok{background:#eaf8ef}.qmBubble.empty{color:#8a99b0} .qmMeta{font-size:12.5px;color:#5f7391} .qmField{display:grid;gap:6px;font-size:13px;font-weight:600;color:#2a3b57}.qmField small{font-weight:400;color:#5f7391}.qmField em{text-align:right;font-style:normal;font-size:12px;font-weight:400;color:#5f7391} .qmField textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid #e3e9f2;border-radius:10px;font:inherit;font-size:14px;font-weight:400;resize:vertical;outline:0}.qmField textarea:focus{border-color:#0b73f0;box-shadow:0 0 0 3px rgba(11,115,240,.14)} .qmTip{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:#eef5ff;border:1px solid #d5e4f8}.qmTip svg{flex:none;width:26px;height:26px;stroke:#0b73f0;fill:none;stroke-width:1.9}.qmTip b{color:#0b5fd1}.qmTip p{margin:2px 0 0;font-size:13px;color:#33507a} @media (max-width:760px){.qmInfo{grid-template-columns:1fr;gap:12px}.qmInfo>div+div{border-left:0;border-top:1px solid #e3e9f2;padding-top:12px}.qmCols{grid-template-columns:1fr}} /* Modal Avaliação (admin) */ .rmWrap{display:grid;gap:16px} .rmGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .rmCell{display:grid;gap:5px;align-content:start;padding:14px 16px;border:1px solid #e3e9f2;border-radius:12px;background:#fff;min-width:0}.rmCell small{color:#5f7391;font-size:12px}.rmCell b{font-size:14.5px;overflow-wrap:anywhere}.rmCell a{color:#33507a;font-size:13px;overflow-wrap:anywhere;text-decoration:none}.rmCell.hl{background:#eef5ff;border-color:#d5e4f8}.rmCell.hl b{color:#0b5fd1} .rmProd{display:flex;align-items:center;gap:10px}.rmThumb{display:block;flex:none;width:44px;height:44px;border-radius:9px;background:#f3f6fb;border:1px solid #e3e9f2;overflow:hidden}.rmThumb img{width:100%;height:100%;object-fit:contain} .rmCell .rvStars svg{width:20px;height:20px}.rmCell .rvStars svg.on{fill:#f5b400;stroke:#f5b400} .rmSec{display:grid;gap:8px}.rmSec h4{margin:0;font-size:14px} .rmQuote{padding:14px 16px;border-radius:10px;background:#eef5ff;border-left:4px solid #0b73f0;font-size:14.5px;white-space:pre-wrap;overflow-wrap:anywhere}.rmQuote.ok{background:#eaf8ef;border-left-color:#16a34a} .rmTags{display:flex;flex-wrap:wrap;gap:8px}.rmTags span{padding:5px 12px;border-radius:999px;background:#e4effe;color:#0b5fd1;font-size:12.5px;font-weight:600} .rmPhotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.rmPhotos button{padding:0;border:1px solid #e3e9f2;border-radius:10px;background:#fff;overflow:hidden;cursor:zoom-in;aspect-ratio:1}.rmPhotos img{width:100%;height:100%;object-fit:cover;display:block} .rmNone{margin:0;font-size:13.5px;color:#8a99b0}.rmMeta{color:#5f7391;font-size:12.5px}.rmCount{text-align:right;font-style:normal;font-size:12px;color:#5f7391} .rmSec textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid #e3e9f2;border-radius:10px;font:inherit;font-size:14px;resize:vertical;outline:0}.rmSec textarea:focus{border-color:#0b73f0;box-shadow:0 0 0 3px rgba(11,115,240,.14)} .dlgField select{width:100%;height:44px;padding:0 12px;border:1.5px solid var(--dlg-line);border-radius:10px;font:inherit;background:#fff} .rmLight{position:fixed;inset:0;z-index:10001;display:grid;place-items:center;background:rgba(5,12,30,.88)}.rmLight img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:8px} .rmLight button{position:absolute;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:30px;line-height:1;width:44px;height:44px;border-radius:50%;cursor:pointer}.rmLX{top:16px;right:16px}.rmLP{left:16px;top:50%}.rmLN{right:16px;top:50%} @media (max-width:760px){.rmGrid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.rmGrid{grid-template-columns:1fr}} /* Modal "Avalie seu produto" (Meus pedidos) */ dialog.orDialog{--b:#0b73f0;--ink:#0a1a3a;--mut:#5f7391;--line:#e3e9f2;width:min(560px,94vw);max-height:94vh;padding:0;border:0;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 30px 80px rgba(9,25,60,.4);overflow:auto;font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif} dialog.orDialog::backdrop{background:rgba(9,25,60,.55);backdrop-filter:blur(4px)} .orForm{position:relative;display:grid;gap:16px;padding:22px 26px 24px} .orX{position:absolute;right:16px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:none;color:#334155;font-size:24px;line-height:1;cursor:pointer}.orX:hover{background:#eef3fa} .orTop{display:grid;justify-items:center;gap:6px;text-align:center}.orHeroSvg{width:110px;height:82px}.orTop h2{margin:2px 0 0;font-size:24px;letter-spacing:-.02em}.orTop p{margin:0;max-width:420px;font-size:13px;line-height:1.5;color:var(--mut)}.orStep{padding:3px 12px;border-radius:99px;background:#e6f0fd;color:#0a5fd1;font-weight:700;font-size:12px} .orProduct{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}.orProduct>div:nth-child(2){flex:1;min-width:0}.orProduct b{display:block;font-size:14px}.orProduct small{display:block;color:var(--mut);font-size:12px} .orImg{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:10px;background:#f1f5fb;overflow:hidden;color:#9fb0c9}.orImg img{width:100%;height:100%;object-fit:contain}.orImg svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.7} .orPrice{text-align:right}.orPrice b{font-size:15px} .orRate{display:grid;justify-items:center;gap:6px;text-align:center}.orRate>b{font-size:15px} .orStars{display:inline-flex;flex-direction:row-reverse;gap:8px}.orStars input{position:absolute;opacity:0;width:0;height:0}.orStars label{display:grid;cursor:pointer} .orStars svg{width:40px;height:40px;fill:none;stroke:#f5b400;stroke-width:1.6;stroke-linejoin:round;transition:fill .12s} .orStars label:hover svg,.orStars label:hover~label svg,.orStars input:checked~label svg{fill:#f5b400}.orStars input:focus-visible+label{outline:2px solid var(--b);outline-offset:3px;border-radius:6px} .orLabel{min-height:18px;font-size:13px;color:var(--mut)} .orField{display:grid;gap:6px;font-size:13.5px;font-weight:700;color:#1e2f4d}.orField>span span,.orField span span{font-weight:400;color:var(--mut)} .orField textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-size:14px;font-weight:400;color:var(--ink);resize:vertical;outline:0}.orField textarea:focus{border-color:var(--b);box-shadow:0 0 0 3px rgba(11,115,240,.14)} .orCount{justify-self:end;font-weight:400;color:var(--mut);font-size:12px} .orPhotoRow{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch} .orDrop{display:grid;place-content:center;justify-items:center;gap:4px;flex:1 1 220px;min-height:92px;padding:12px;border:1.5px dashed #b9d3f5;border-radius:12px;background:#f8fbff;color:#334155;font:inherit;font-size:12.5px;font-weight:400;text-align:center;cursor:pointer}.orDrop[hidden]{display:none}.orDrop:hover,.orDrop.over{border-color:var(--b);background:#eef5ff}.orDrop svg{width:24px;height:24px;stroke:var(--b);fill:none;stroke-width:1.7}.orDrop b{color:var(--b)}.orDrop small{color:var(--mut);font-size:11px} .orPhotos{display:flex;gap:10px;flex-wrap:wrap}.orPhotos:empty{display:none} .orThumb{position:relative;width:88px;height:88px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.orThumb img{width:100%;height:100%;object-fit:cover;display:block}.orThumb button{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:50%;background:rgba(9,25,60,.75);color:#fff;font-size:15px;line-height:1;cursor:pointer} .orAdd{width:88px;height:88px;border:1.5px dashed #b9d3f5;border-radius:12px;background:#f8fbff;color:var(--b);font-size:28px;cursor:pointer}.orAdd:hover{background:#eef5ff} .orErr{min-height:0;font-size:12.5px;font-weight:600;color:#dc2626}.orErr:empty{display:none}.orMsg{margin:0;padding:10px 12px;border-radius:10px;background:#fdeaea;color:#b42318;font-size:13px}.orMsg[hidden]{display:none} .orActions{display:grid;grid-template-columns:1fr 1.5fr;gap:12px}.orBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1.5px solid #cfdcf0;border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:14.5px;font-weight:700;cursor:pointer}.orBtn:hover{border-color:var(--b);color:var(--b)}.orBtn.primary{border-color:var(--b);background:var(--b);color:#fff}.orBtn.primary:hover{background:#0a5fd1;color:#fff}.orBtn:disabled{opacity:.7;cursor:progress}.orBtn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2} .orDone{display:grid;justify-items:center;gap:8px;padding:56px 28px;text-align:center}.orDone>span{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#e6f7ef;color:#12a865;font-size:34px;font-weight:800}.orDone h2{margin:8px 0 0;font-size:22px}.orDone p{margin:0;color:var(--mut)} @media (max-width:520px){.orForm{padding:18px 16px 20px}.orActions{grid-template-columns:1fr}.orActions .orBtn.primary{order:-1}.orStars svg{width:44px;height:44px}.orProduct{flex-wrap:wrap}.orPrice{text-align:left;flex:1 1 100%}} /* Campo de data dd/mm/aaaa (ver date-inputs.js) */ .brDate{position:relative;display:block;width:100%} .brDate .brDateText{width:100%;padding-right:42px} .brDateBtn{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:none;color:#5f7391;cursor:pointer}.brDateBtn:hover{background:#eef3fa;color:#0b73f0} .brDateBtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .brDateNative{position:absolute!important;right:0;bottom:0;width:1px!important;height:1px!important;padding:0!important;border:0!important;opacity:0;pointer-events:none;overflow:hidden} .brDateText.invalid{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.1)!important} /* Categorias */ #ad-types .adminHeadActions{display:flex;flex-direction:column;align-items:flex-end;gap:14px} .catLayout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.catMain{min-width:0}.catSide{position:sticky;top:12px} .catFilters{align-items:flex-end}.catFilters .rvSearch{flex:1 1 220px} .catThumb{display:grid;place-items:center;width:52px;height:44px;border-radius:10px;overflow:hidden;background:#eef2f8;color:#94a3b8;border:1px solid var(--a-border,#e3e9f2)}.catThumb img{width:100%;height:100%;object-fit:cover;display:block}.catThumb svg{width:20px!important;height:20px!important;stroke:currentColor;fill:none;stroke-width:1.7}.catThumb.lg{width:84px;height:72px;flex:none;border-radius:14px} .catTable{min-width:640px}.catTable th.c,.catTable td.catCount{text-align:center}.catName{font-size:13.5px} .catDesc{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--a-muted,#64748b);font-size:12.5px} .catStatus{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;font-size:11.5px;font-weight:700}.catStatus i{width:6px;height:6px;border-radius:50%;background:currentColor}.catStatus.on{background:#dff5e7;color:#15803d}.catStatus.off{background:#fdecec;color:#dc2626} .catForm{padding:20px}.catForm h3{margin:0;font-size:16px}.catSub{margin:4px 0 14px;font-size:12.5px;color:var(--a-muted,#64748b)} .catField{display:grid;gap:6px;margin-bottom:14px;font-size:12.5px;font-weight:700;color:var(--a-text,#0f172a)}.catField .req{color:#dc2626;font-weight:700} .catField input:not([type=checkbox]):not([type=file]),.catField textarea{width:100%;padding:10px 12px;border:1.5px solid var(--a-border,#dfe6ef);border-radius:10px;background:var(--d-card,#fff);font:inherit;font-size:13px;font-weight:400;color:inherit;resize:vertical} .catField input:focus,.catField textarea:focus{outline:0;border-color:var(--a-primary,#0b73f0);box-shadow:0 0 0 3px rgba(11,115,240,.14)} .catCounter,.catHint{font-weight:400;font-size:11.5px;color:var(--a-muted,#64748b)}.catCounter{justify-self:end}.catErr{min-height:0;font-size:12px;font-weight:500;color:#dc2626}.catErr:empty{display:none} .catDrop{display:grid;justify-items:center;gap:4px;padding:22px 12px;border:1.5px dashed #b9c9e0;border-radius:12px;background:#f8fbff;color:#33445e;font:inherit;cursor:pointer}.catDrop:hover{border-color:var(--a-primary,#0b73f0);background:#eef5ff}.catDrop svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.6}.catDrop small{font-weight:400;color:var(--a-muted,#64748b)} .catPreview{display:grid;gap:8px}.catPreview img{width:100%;max-height:170px;object-fit:cover;border-radius:12px;border:1px solid var(--a-border,#e3e9f2)}.catPreview>div{display:flex;gap:16px} .rvLinkBtn.danger{color:#dc2626} .catSwitch{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-weight:400}.catSwitch input{position:absolute;opacity:0;width:0;height:0}.catSwitch .track{position:relative;flex:none;width:40px;height:22px;border-radius:99px;background:#cbd5e1;transition:background .15s}.catSwitch .track::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s} .catSwitch input:checked+.track{background:var(--a-primary,#0b73f0)}.catSwitch input:checked+.track::after{transform:translateX(18px)}.catSwitch input:focus-visible+.track{box-shadow:0 0 0 3px rgba(11,115,240,.3)}.catSwitch b{display:block;color:inherit;font-size:13px}.catSwitch small{display:block;color:var(--a-muted,#64748b);font-size:11.5px} .catMsg{margin:0 0 12px;padding:10px 12px;border-radius:9px;background:#fdeaea;color:#b42318;font-size:13px}.catMsg[hidden]{display:none} .catSave{width:100%;justify-content:center;min-height:44px}.catCancel{display:block;width:100%;margin-top:10px;padding:8px;border:0;background:none;color:var(--a-muted,#64748b);font:inherit;font-weight:600;cursor:pointer}.catCancel:hover{color:var(--a-text,#0f172a)} .catView{width:min(600px,94vw)}.catView footer button{white-space:nowrap}.catViewBody{display:flex;gap:16px;align-items:flex-start;padding:4px 2px 14px}.catViewBody b{display:block;font-size:17px;margin-bottom:6px}.catViewBody p{margin:10px 0 0;color:var(--a-muted,#64748b);font-size:13px} @media (max-width:1100px){.catLayout{grid-template-columns:1fr}.catSide{position:static}#ad-types .adminHeadActions{align-items:flex-start}} @media (max-width:640px){.catNewBtn{width:100%;justify-content:center}.catFilters .rvField{flex:1 1 100%}} .catThumb.none{padding:0}.catThumb.lg svg{width:30px!important;height:30px!important}#ad-types .catTable td{vertical-align:middle} /* Botões do preview da imagem e modal "Categoria" (espaçamento interno e layout) */ .catPreview>div{display:flex;gap:10px;flex-wrap:wrap} .catPreview .rvLinkBtn{padding:8px 16px;border:1.5px solid #cfdcf0;border-radius:10px;background:#fff;color:var(--a-text,#0f172a);font:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer} .catPreview .rvLinkBtn:hover{border-color:var(--a-primary,#0b73f0);color:var(--a-primary,#0b73f0)} .catPreview .rvLinkBtn.danger{border-color:#f3c4c4;color:#dc2626}.catPreview .rvLinkBtn.danger:hover{background:#fdecec;border-color:#dc2626;color:#dc2626} dialog.catView .catViewBody{padding:22px 28px 6px} dialog.catView .auDl{padding:8px 28px 22px;gap:18px 24px} dialog.catView footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 28px 20px} dialog.catView footer button{min-height:42px;padding:0 18px;border:1.5px solid #cfdcf0;border-radius:11px;background:#fff;color:var(--a-text,#0f172a);font:inherit;font-weight:700;cursor:pointer} dialog.catView footer button:hover{border-color:var(--a-primary,#0b73f0);color:var(--a-primary,#0b73f0)} dialog.catView footer .btn{border-color:var(--a-primary,#0b73f0);background:var(--a-primary,#0b73f0);color:#fff}dialog.catView footer .btn:hover{color:#fff;background:#0a5fd1} @media (max-width:520px){dialog.catView .catViewBody,dialog.catView .auDl,dialog.catView footer{padding-left:18px;padding-right:18px}dialog.catView footer button{flex:1 1 45%}} /* SEO da categoria */ .catSeo{display:grid;gap:12px;margin-top:6px;padding-top:14px;border-top:1px solid #e3e9f2}.catSeo h4{margin:0;font-size:14px}.catSeoNote{margin:0;color:#5f7391;font-size:12.5px} .catGoogle{padding:12px;border-radius:10px;background:#f8fbff;border:1px solid #e3e9f2;display:grid;gap:3px}.catGoogle small{color:#4d5156;font-size:11.5px;overflow-wrap:anywhere}.catGoogle b{color:#1a0dab;font-size:16px;font-weight:400;overflow-wrap:anywhere}.catGoogle p{margin:0;color:#4d5156;font-size:12.5px;overflow-wrap:anywhere} /* Modal de produto (Novo/Editar) em 4 abas */ dialog#productDialog.pfDialog{--pf-b:#0b73f0;--pf-ink:#0c2a5b;--pf-mut:#64748b;--pf-line:#e3e9f2;--pf-soft:#eef5ff;width:min(1120px,96vw);max-width:none;max-height:92vh;padding:0;border:0;border-radius:22px;background:#fff;color:var(--pf-ink);box-shadow:0 40px 100px rgba(9,25,60,.4);overflow:hidden;font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif} dialog#productDialog.pfDialog::backdrop{background:rgba(9,25,60,.55);backdrop-filter:blur(4px)} dialog#productDialog .pfForm{display:flex;flex-direction:column;max-height:92vh;padding:0} .pfHead{display:flex;align-items:center;gap:18px;padding:26px 36px 18px}.pfHead>div{flex:1;min-width:0} .pfHeadIc{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:16px;background:var(--pf-soft);color:var(--pf-b)}.pfHeadIc .pfIc{width:30px;height:30px} .pfHead h2{margin:0;font-size:26px;letter-spacing:-.02em;color:var(--pf-ink)}.pfHead p{margin:4px 0 0;font-size:15px;color:var(--pf-mut)} .pfX{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:12px;background:#eef1f6;color:#334155;cursor:pointer}.pfX:hover{background:#e3e8f0}.pfX:disabled{opacity:.5;cursor:not-allowed}.pfX .pfIc{width:20px;height:20px} .pfIc{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .pfTabs{display:flex;gap:6px;margin:0 36px;border-bottom:1.5px solid var(--pf-line);overflow-x:auto} .pfTab{position:relative;display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border:0;border-radius:12px 12px 0 0;background:none;color:#334155;font:inherit;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap}.pfTab:hover{background:#f6f9fd} .pfTab.active{background:var(--pf-soft);color:var(--pf-b)}.pfTab.active::after{content:"";position:absolute;left:0;right:0;bottom:-1.5px;height:3px;border-radius:3px 3px 0 0;background:var(--pf-b)} .pfTab .pfIc{width:22px;height:22px}.pfDot{display:none;width:8px;height:8px;border-radius:50%;background:#dc2626}.pfTab.err .pfDot{display:inline-block} .pfBody{flex:1;min-height:0;overflow:auto;padding:22px 36px 12px}.pfPanel[hidden]{display:none} .pfSummary{display:flex;align-items:center;gap:18px;margin-bottom:24px;padding:18px 20px;border:1px solid #d9e6f8;border-radius:16px;background:linear-gradient(180deg,#f3f8ff,#f8fbff)} .pfSumImg{display:grid;place-items:center;flex:none;width:84px;height:84px;border-radius:14px;overflow:hidden;background:#dfe9f6;color:#8aa0bd}.pfSumImg img{width:100%;height:100%;object-fit:cover;display:block}.pfSumImg .pfIc{width:30px;height:30px} .pfSumMain{min-width:0;flex:0 1 46%}.pfSumMain b{display:block;font-size:20px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pfSumMain p{margin:4px 0 8px;color:var(--pf-mut);font-size:14.5px} .pfBadgeSt{display:inline-flex;align-items:center;gap:8px;padding:5px 16px;border-radius:99px;font-size:14px;font-weight:700}.pfBadgeSt i{width:9px;height:9px;border-radius:50%;background:currentColor}.pfBadgeSt.on{background:#dff5e7;color:#15803d}.pfBadgeSt.off{background:#fdecec;color:#dc2626} .pfSumNote{display:flex;gap:10px;align-items:flex-start;flex:1;min-width:0;padding-left:22px;margin-left:6px;border-left:1px solid #d5e2f3;color:#475569;font-size:14.5px;line-height:1.55}.pfSumNote .pfIc{margin-top:3px;color:#5b6b85} .pfGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px 36px}.pfField.wide,.pfCustom.wide{grid-column:1/-1}.pfField[hidden]{display:none} .pfField{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0} .pfField>label{display:flex;align-items:center;gap:10px;font-size:15px;color:#1e2f4d}.pfField>label b{font-weight:700}.pfField>label .pfIc{width:20px;height:20px;color:#475569}.req{color:#e11d48;font-style:normal;font-weight:700} .pfField input,.pfField select,.pfField textarea{width:100%;padding:0 16px;height:52px;border:1.5px solid #d5dde9;border-radius:12px;background:#fff;color:var(--pf-ink);font:inherit;font-size:16px;outline:0;transition:border-color .15s,box-shadow .15s} .pfField textarea{height:auto;min-height:96px;padding:14px 16px;resize:vertical;line-height:1.5} .pfField input::placeholder,.pfField textarea::placeholder{color:#94a3b8} .pfField select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230b73f0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 18px center;padding-right:44px} .pfField input:focus,.pfField select:focus,.pfField textarea:focus{border-color:var(--pf-b);box-shadow:0 0 0 4px rgba(11,115,240,.13)} .pfField.invalid input,.pfField.invalid select,.pfField.invalid textarea{border-color:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.1)} .pfHint{color:var(--pf-mut);font-size:13.5px;padding-right:70px}.pfErr{font-size:13px;font-weight:600;color:#dc2626}.pfErr:empty{display:none} .pfCount{position:absolute;right:0;bottom:1px;font-size:13.5px;color:var(--pf-mut)}.pfField:has(.pfErr:not(:empty)) .pfCount{bottom:auto;top:auto}.pfCount.over{color:#dc2626;font-weight:700} .pfField textarea + .pfCount{position:static;align-self:flex-end;margin:-4px 0 -2px} .pfCustom{padding:16px 18px;border:1.5px dashed #d5dde9;border-radius:14px;background:#fbfdff}.pfCustomHead{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.pfCustomHead small{color:var(--pf-mut)} .pfCustomRow{display:grid;grid-template-columns:1fr 1.4fr 44px;gap:10px;margin-bottom:10px}.pfCustomRow input{height:46px;padding:0 14px;border:1.5px solid #d5dde9;border-radius:11px;font:inherit;font-size:15px;outline:0}.pfCustomRow input:focus{border-color:var(--pf-b);box-shadow:0 0 0 4px rgba(11,115,240,.13)} .pfIconBtn{display:grid;place-items:center;width:44px;height:46px;border:1.5px solid #f3c4c4;border-radius:11px;background:#fff;color:#dc2626;cursor:pointer}.pfIconBtn:hover{background:#fdecec} .pfLink{display:inline-flex;align-items:center;gap:8px;padding:6px 0;border:0;background:none;color:var(--pf-b);font:inherit;font-size:15px;font-weight:700;cursor:pointer} .pfVariants{margin-top:4px} .pfVarHead{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.pfVarHead small{color:var(--pf-mut)} .pfVarInfo{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;border-radius:10px;background:#eef5ff;color:#0a4fa0;font-size:12.5px;font-weight:600}.pfVarInfo .pfIc{width:16px;height:16px;flex:none;stroke:currentColor} .pfVarRow{display:grid;grid-template-columns:.8fr 1.6fr 40px;gap:10px;align-items:start;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--pf-line)} .pfVarRow label{display:grid;gap:5px;font-size:12.5px;font-weight:700;color:var(--pf-mut)} .pfVarRow input,.pfVarRow select{width:100%;box-sizing:border-box;height:44px;padding:0 12px;border:1.5px solid #d5dde9;border-radius:10px;font:inherit;font-size:14.5px;outline:0} .pfVarRow input:focus,.pfVarRow select:focus{border-color:var(--pf-b);box-shadow:0 0 0 4px rgba(11,115,240,.13)} .pfVarRow .pfIconBtn{align-self:start;height:44px;margin-top:20px} .pfLinkPrev{display:flex;align-items:center;gap:10px;margin-top:8px;padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px solid var(--pf-line)} .pfLinkPrev.self{color:#0b73f0;font-weight:700;font-size:13px}.pfLinkPrev.self .pfIc{width:16px;height:16px} .pfLinkPrevImg{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:8px;background:#fff;border:1px solid var(--pf-line);overflow:hidden}.pfLinkPrevImg img{width:100%;height:100%;object-fit:cover}.pfLinkPrevImg .pfIc{width:16px;height:16px;color:#93a4bd} .pfLinkPrev b{display:block;font-size:13px}.pfLinkPrev small{color:var(--pf-mut);font-size:11.5px} @media (max-width:720px){.pfVarRow{grid-template-columns:1fr 40px}.pfVarRow .pfIconBtn{margin-top:0}} .pfImgLayout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.pfImgMain h3{margin:4px 0 6px;font-size:22px}.pfLead{margin:0 0 18px;color:var(--pf-mut);font-size:15px} .pfDrop{display:grid;justify-items:center;gap:8px;padding:34px 20px;border:2px dashed #b9d3f5;border-radius:18px;background:#f5f9ff;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}.pfDrop:hover,.pfDrop.over{border-color:var(--pf-b);background:#eaf3ff}.pfDrop:focus-visible{outline:3px solid rgba(11,115,240,.4);outline-offset:3px} .pfDrop .pfIc.big{width:56px;height:56px;color:var(--pf-b);stroke-width:1.5}.pfDrop p{margin:0;font-size:19px;color:#1e2f4d}.pfDrop small{color:#7a8ba3;font-size:14.5px} .pfBtnGhost{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:11px 26px;border:1.5px solid #b9d3f5;border-radius:12px;background:#eaf3ff;color:var(--pf-b);font-weight:700;font-size:15.5px} .pfImgErr{margin:12px 0 0;padding:10px 14px;border-radius:10px;background:#fdeaea;color:#b42318;font-size:13.5px}.pfImgErr[hidden]{display:none} .pfImgBar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px;color:#64748b;font-size:15px}.pfImgHelp{display:inline-flex;align-items:center;gap:8px} .pfImgGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px} .pfImg{overflow:hidden;border:1.5px solid var(--pf-line);border-radius:14px;background:#fff;cursor:grab}.pfImg.cover{border:2px solid var(--pf-b);box-shadow:0 0 0 3px rgba(11,115,240,.12)}.pfImg:active{cursor:grabbing} .pfImgThumb{position:relative;aspect-ratio:1/.95;background:#eef2f8;cursor:pointer}.pfImgThumb img{width:100%;height:100%;object-fit:cover;display:block} .pfCover{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9px;background:var(--pf-b);color:#fff;font-size:13.5px;font-weight:700}.pfCover .pfIc{width:14px;height:14px;fill:#fff} .pfImgActs{display:flex;align-items:center;justify-content:space-around;padding:8px 6px;border-top:1px solid var(--pf-line)}.pfImgActs button,.pfGrip{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:none;color:#1e2f4d;cursor:pointer}.pfGrip{cursor:grab}.pfImgActs button:hover{background:#eef3fa}.pfImgActs .del{color:#dc2626} .pfImgAdd{display:grid;place-content:center;justify-items:center;gap:8px;min-height:190px;border:2px dashed #cbd9ee;border-radius:14px;background:#f8fbff;color:#5b6b85;font:inherit;font-size:14.5px;line-height:1.35;cursor:pointer}.pfImgAdd:hover{border-color:var(--pf-b);color:var(--pf-b)}.pfImgAdd .pfIc.circle{width:52px;height:52px;padding:14px;border-radius:50%;background:#e6f0fd;color:var(--pf-b)} .pfTips{padding:22px;border:1px solid var(--pf-line);border-radius:16px;background:#f8fbff}.pfTipHead{display:flex;align-items:center;gap:14px;margin-bottom:20px}.pfTipHead b{font-size:17px} .pfTipHead>span,.pfTip>span{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#e6f0fd;color:var(--pf-b)}.pfTip>span{border-radius:12px;width:42px;height:42px} .pfTip{display:flex;gap:14px;margin-bottom:20px}.pfTip b{display:block;font-size:15.5px;margin-bottom:2px}.pfTip p{margin:0;color:#475569;font-size:15px}.pfTip small{display:block;margin-top:4px;color:#64748b;font-size:14px}.pfTip ul{margin:4px 0 0;padding-left:20px;color:#64748b;font-size:14.5px;line-height:1.6} .pfLightbox{max-width:92vw;max-height:92vh;padding:0;border:0;border-radius:14px;background:#000;overflow:hidden}.pfLightbox::backdrop{background:rgba(0,0,0,.75)}.pfLightbox img{display:block;max-width:92vw;max-height:88vh;object-fit:contain} .pfFoot{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;padding:18px 36px 22px;border-top:1.5px solid var(--pf-line);background:#fff}.pfMsg{flex:1 1 100%;margin:0;padding:10px 14px;border-radius:10px;background:#fdeaea;color:#b42318;font-size:14px}.pfMsg[hidden]{display:none} .pfBtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 34px;border:0;border-radius:14px;background:#eaeef5;color:#0c2a5b;font:inherit;font-size:17px;font-weight:700;cursor:pointer}.pfBtn:hover{background:#dfe5ef}.pfBtn.primary{background:var(--pf-b);color:#fff}.pfBtn.primary:hover{background:#0a5fd1}.pfBtn:disabled{opacity:.65;cursor:progress}.pfBtn .pfIc{width:22px;height:22px} @media (max-width:1000px){.pfImgLayout{grid-template-columns:1fr}.pfSumNote{display:none}} @media (max-width:720px){.pfHead,.pfFoot,.pfBody{padding-left:18px;padding-right:18px}.pfTabs{margin:0 18px}.pfGrid{grid-template-columns:1fr}.pfHead h2{font-size:21px}.pfHead p{font-size:13.5px}.pfSumMain{flex-basis:auto}.pfFoot{flex-direction:column-reverse}.pfBtn{width:100%}.pfCustomRow{grid-template-columns:1fr 44px}.pfCustomRow .pfCValue{grid-column:1/2}} /* Garante o layout dos rótulos/campos contra regras globais de label e input do painel */ dialog#productDialog .pfField>label{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;margin:0;padding:0;font-size:15px;font-weight:400;color:#1e2f4d} dialog#productDialog .pfField>label b{display:inline;font-weight:700} dialog#productDialog .pfField>label .req{display:inline} dialog#productDialog .pfField input,dialog#productDialog .pfField select,dialog#productDialog .pfField textarea{margin:0;box-shadow:none} dialog#productDialog .pfField input:focus,dialog#productDialog .pfField select:focus,dialog#productDialog .pfField textarea:focus{box-shadow:0 0 0 4px rgba(11,115,240,.13)} dialog#productDialog .pfField.invalid input,dialog#productDialog .pfField.invalid select,dialog#productDialog .pfField.invalid textarea{box-shadow:0 0 0 4px rgba(220,38,38,.1)} dialog#productDialog small{display:block} /* SEO do produto */ .pfSeo{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;align-items:start}.pfSeoForm{display:grid;gap:16px}.pfSeoForm h3{margin:0} .pfSlug{display:flex;align-items:stretch;border:1.5px solid #e3e9f2;border-radius:10px;overflow:hidden;background:#fff}.pfSlug span{display:grid;place-items:center;padding:0 12px;background:#f1f5fa;color:#5f7391;font-size:13px}.pfSlug input{flex:1;min-width:0;border:0!important;border-radius:0!important;outline:0} .pfSeoCount{justify-self:end;font-size:12px;color:#5f7391}.pfSeoCount.over{color:#b45309;font-weight:700} .pfSeoPrev{display:grid;gap:10px;padding:16px;border:1px solid #e3e9f2;border-radius:14px;background:#f8fbff}.pfSeoPrev h4{margin:0;font-size:13px;color:#33507a} .pfGoogle{padding:14px;border-radius:10px;background:#fff;border:1px solid #e3e9f2;display:grid;gap:3px}.pfGoogle small{color:#4d5156;font-size:12px;overflow-wrap:anywhere}.pfGoogle b{color:#1a0dab;font-size:18px;font-weight:400;line-height:1.3;overflow-wrap:anywhere}.pfGoogle p{margin:0;color:#4d5156;font-size:13px;line-height:1.5;overflow-wrap:anywhere} .pfShare{display:grid;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e3e9f2}.pfShare img{width:100%;max-height:200px;object-fit:cover;background:#eef2f7}.pfShareNo{display:grid;place-items:center;height:120px;background:#eef2f7;color:#93a4bd}.pfShareNo svg{width:34px;height:34px}.pfShare>div{display:grid;gap:2px;padding:10px 12px}.pfShare small{color:#5f7391;font-size:11.5px}.pfShare b{font-size:14px}.pfShare p{margin:0;color:#5f7391;font-size:12.5px;overflow-wrap:anywhere} @media (max-width:900px){.pfSeo{grid-template-columns:1fr}} /* Modal de cupom (Novo/Editar) */ dialog.cfDialog{--cf-b:#0b73f0;--cf-ink:#0c2a5b;--cf-mut:#64748b;--cf-line:#dfe6ef;width:min(760px,96vw);max-width:none;max-height:92vh;padding:0;border:0;border-radius:20px;background:#fff;color:var(--cf-ink);box-shadow:0 40px 100px rgba(9,25,60,.4);overflow:hidden;font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif} dialog.cfDialog::backdrop{background:rgba(9,25,60,.55);backdrop-filter:blur(3px)} dialog.cfDialog form{display:flex;flex-direction:column;max-height:92vh;padding:0} .cfHead{display:flex;align-items:flex-start;gap:14px;padding:26px 30px 14px}.cfHead>div{flex:1}.cfHead h2{margin:0;font-size:23px;letter-spacing:-.02em}.cfHead p{margin:4px 0 0;font-size:14px;color:var(--cf-mut)} .cfX{display:grid;place-items:center;flex:none;width:40px;height:40px;border:0;border-radius:11px;background:#eef1f6;color:#334155;cursor:pointer}.cfX:hover{background:#e3e8f0}.cfIc{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .cfBody{flex:1;min-height:0;overflow:auto;padding:6px 30px 18px} .cfInfo{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding:16px 18px;border:1px solid #d5e5fa;border-radius:14px;background:#eef5ff} .cfInfoIc{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--cf-b);color:#fff}.cfInfoIc .cfIc{width:18px;height:18px} .cfInfoMain{flex:1;min-width:0}.cfInfoMain b{display:block;font-size:14.5px}.cfInfoMain p{margin:3px 0 0;font-size:12.5px;color:#475569;line-height:1.45} .cfInfo ul{flex:0 0 42%;margin:0;padding:0 0 0 16px;list-style:none;border-left:1px solid #cfe0f6;display:grid;gap:8px;font-size:12.5px;color:#475569}.cfInfo li{display:flex;align-items:center;gap:10px}.cfInfo li span{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:7px;background:#dbe9fd;color:var(--cf-b)}.cfInfo li .cfIc{width:14px;height:14px} .cfGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.wide{grid-column:1/-1}.cfField[hidden]{display:none} .cfField{display:flex;flex-direction:column;gap:3px;min-width:0}.cfField>label{margin:0;font-size:14px;color:#1e2f4d}.cfField>label b{font-weight:700}.req{color:#e11d48;font-style:normal} .cfHint{margin:0 0 6px;font-size:12px;color:var(--cf-mut);line-height:1.4}.cfErr{font-size:12.5px;font-weight:600;color:#dc2626}.cfErr:empty{display:none} .cfField input:not([type=checkbox]),.cfField select{width:100%;height:48px;padding:0 14px;border:1.5px solid var(--cf-line);border-radius:11px;background:#fff;color:var(--cf-ink);font:inherit;font-size:15px;outline:0;transition:border-color .15s,box-shadow .15s} .cfField select{appearance:none;font-weight:700;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230b73f0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;padding-right:40px} .cfField input:focus,.cfField select:focus{border-color:var(--cf-b);box-shadow:0 0 0 4px rgba(11,115,240,.13)} .cfField.invalid input,.cfField.invalid select{border-color:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.1)} .cfField input::placeholder{color:#a3b0c4} .cfAffix{display:flex;align-items:stretch;border:1.5px solid var(--cf-line);border-radius:11px;overflow:hidden;background:#fff}.cfAffix:focus-within{border-color:var(--cf-b);box-shadow:0 0 0 4px rgba(11,115,240,.13)} .cfField.invalid .cfAffix{border-color:#dc2626}.cfAffix input{flex:1;min-width:0;border:0!important;border-radius:0!important;box-shadow:none!important} .cfAffix .pre,.cfAffix .suf{display:grid;place-items:center;padding:0 16px;background:#f3f6fb;color:#475569;font-weight:700;font-size:14.5px}.cfAffix .pre{border-right:1.5px solid var(--cf-line)}.cfAffix .suf{border-left:1.5px solid var(--cf-line)}.cfAffix [hidden]{display:none} .cfToggles{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:4px} .cfToggle{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.cfToggle input{position:absolute;opacity:0;width:0;height:0}.cfBox{position:relative;flex:none;width:22px;height:22px;margin-top:1px;border:1.5px solid #b8c5d8;border-radius:6px;background:#fff;transition:all .15s} .cfToggle input:checked+.cfBox{border-color:var(--cf-b);background:var(--cf-b)}.cfToggle input:checked+.cfBox::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)} .cfToggle input:focus-visible+.cfBox{box-shadow:0 0 0 4px rgba(11,115,240,.25)}.cfToggle b{display:block;font-size:14.5px}.cfToggle small{display:block;margin-top:2px;font-size:12px;color:var(--cf-mut);line-height:1.4} .cfUsage{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;border:1px solid #d5e5fa;border-radius:12px;background:#f5f9ff}.cfUsage[hidden]{display:none}.cfUsage b{font-size:14px}.cfUsage span{padding:3px 12px;border-radius:99px;background:#dbe9fd;color:#0a5fd1;font-weight:700;font-size:13px}.cfUsage small{flex:1 1 100%;color:var(--cf-mut);font-size:12px} .cfFoot{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding:16px 30px 20px;border-top:1.5px solid var(--cf-line);background:#fff}.cfMsg{flex:1 1 100%;margin:0;padding:10px 14px;border-radius:10px;background:#fdeaea;color:#b42318;font-size:13.5px}.cfMsg[hidden]{display:none} .cfBtn{min-height:46px;padding:0 30px;border:0;border-radius:12px;background:#eaeef5;color:var(--cf-ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer}.cfBtn:hover{background:#dfe5ef}.cfBtn.primary{background:var(--cf-b);color:#fff}.cfBtn.primary:hover{background:#0a5fd1}.cfBtn:disabled{opacity:.65;cursor:progress} .cfField .brDate{display:block} @media (max-width:720px){.cfHead,.cfBody,.cfFoot{padding-left:18px;padding-right:18px}.cfGrid,.cfToggles{grid-template-columns:1fr}.cfInfo{flex-wrap:wrap}.cfInfo ul{flex:1 1 100%;padding:12px 0 0;border-left:0;border-top:1px solid #cfe0f6}.cfFoot{flex-direction:column-reverse}.cfBtn{width:100%}} /* Logs de auditoria */ #ad-audit .auditTable{min-width:760px}#ad-audit .auditTable td{padding-top:12px;padding-bottom:12px;vertical-align:middle} #ad-audit .auditTable tbody tr:hover{background:rgba(11,115,240,.045)} .auDate{display:flex;align-items:center;gap:10px}.auDate>i{display:grid;place-items:center;flex:none;color:#5b7fb0}.auDate svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}.auDate span{display:flex;flex-direction:column;font-size:13px;font-weight:600}.auDate small{font-size:11.5px;font-weight:400;color:var(--a-muted,#64748b)} .auAvatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#e6f0fd;color:#1d4ed8;font-size:12px;font-weight:800} .auBadge{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap}.auBadge svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .auBadge.blue{background:#e5f0fe;color:#1d5fd0}.auBadge.green{background:#dff5e7;color:#15803d}.auBadge.purple{background:#efe8fd;color:#6d3fe0}.auBadge.orange{background:#fdf0d6;color:#b26a00}.auBadge.gray{background:#e9edf3;color:#475569}.auBadge.red{background:#fde7ea;color:#c0264b}.auBadge.yellow{background:#fdf4d3;color:#a16207} .auRec{display:flex;align-items:center;gap:10px;font-size:13px}.auRec>i{display:grid;place-items:center;color:#475569}.auRec svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8} .auMenuCell{width:44px;text-align:right}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .auMenu{position:absolute;z-index:40;min-width:200px;padding:6px;border:1px solid var(--a-border,#e3e9f2);border-radius:12px;background:var(--d-card,#fff);box-shadow:0 12px 32px rgba(15,35,80,.16)}.auMenu[hidden]{display:none} .auMenu button{display:block;width:100%;padding:9px 12px;border:0;border-radius:8px;background:none;color:var(--a-text,#0f172a);font:inherit;font-size:13px;text-align:left;cursor:pointer}.auMenu button:hover{background:#eef4fd;color:#0a5fd1} .auSkel{display:grid;gap:0;padding:6px 0}.auSkel>div{display:flex;gap:24px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--a-border,#eef2f7)}.auSkel i{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:200% 100%;animation:auShine 1.2s infinite}.auSkel .w15{width:15%}.auSkel .w20{width:20%}.auSkel .w25{width:25%}@keyframes auShine{to{background-position:-200% 0}} .auDetail{width:min(680px,94vw)}.auDetailBody{padding:20px 28px 8px;max-height:64vh;overflow:auto}.auDetailTop{display:flex;align-items:center;gap:12px;margin-bottom:16px}.auDetailTop b{font-size:16px} .auDetail .auDl{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin:0 0 18px;padding:0}.auDetail .auDl .wide{grid-column:1/-1}.auDetail dt{font-size:11.5px;color:var(--a-muted,#64748b)}.auDetail dd{margin:2px 0 0;font-weight:700;overflow-wrap:anywhere} .auDetail h3{margin:6px 0 10px;font-size:14px}.auDiff{width:100%;border-collapse:collapse;font-size:12.5px}.auDiff th,.auDiff td{padding:8px 10px;border:1px solid var(--a-border,#e3e9f2);text-align:left;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere}.auDiff thead th{background:#f5f8fc}.auDiff .old{background:#fff5f5;color:#9f1c1c}.auDiff .new{background:#f1faf4;color:#15803d} .auPre{margin:0;padding:12px;border-radius:10px;background:#f5f8fc;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.auNone{color:var(--a-muted,#64748b);font-size:13px}.auDetail footer{padding:14px 28px 20px;display:flex;justify-content:flex-end} @media (max-width:640px){.auDetailBody{padding:16px 18px}.auDetail .auDl{grid-template-columns:1fr}.auDetail footer{padding:12px 18px 16px}} /* Relatórios */ #ad-reports{--rp-blue:#0b73f0} .rpHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:18px} .rpEyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--rp-blue)}.rpEyebrow svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2} .rpHeader h2{margin:4px 0 2px;font-size:32px;letter-spacing:-.02em;color:var(--a-text,#0f172a)}.rpHeader p{margin:0;color:var(--a-muted,#64748b);font-size:14px} .rpDate{display:flex;align-items:center;gap:10px;text-align:right}.rpDate i{display:grid;place-items:center;color:#64748b}.rpDate svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.rpDate span{display:flex;flex-direction:column}.rpDate b{font-size:13.5px;font-weight:600}.rpDate small{font-size:11.5px;color:var(--a-muted,#64748b)} .rpCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px} .rpCard{position:relative;display:flex;align-items:center;gap:14px;padding:18px 18px 18px 20px;border:1px solid var(--a-border,#e6ecf5);border-left:4px solid var(--tone);border-radius:14px;background:var(--d-card,#fff);box-shadow:0 2px 10px rgba(15,35,80,.05);overflow:hidden} .rpCard.green{--tone:#22b573}.rpCard.blue{--tone:#3b8cf0}.rpCard.purple{--tone:#8b5cf6}.rpCard.orange{--tone:#f59e0b} .rpIc{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:12px;background:color-mix(in srgb,var(--tone) 14%,white);color:var(--tone);font-style:normal}.rpIc svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .rpBody{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rpLabel{font-size:12.5px;color:var(--a-muted,#64748b)}.rpValue{font-size:26px;line-height:1.1;letter-spacing:-.02em;color:var(--a-text,#0f172a)} .rpDelta{font-size:11.5px;color:var(--a-muted,#64748b)}.rpDelta em{font-style:normal;font-weight:800}.rpDelta.up em{color:#15803d}.rpDelta.down em{color:#dc2626}.rpDelta.flat em{color:#64748b} .rpSpark{position:absolute;right:12px;top:14px;width:92px;height:40px;color:var(--tone);stroke:var(--tone);fill:none;opacity:.9}.rpSpark stop{stop-color:var(--tone)}.rpSpark path[fill]{stroke:none} .rpCard.green .rpSpark,.rpCard.green .rpSpark stop{--tone:#22b573}.rpCard.blue .rpSpark{--tone:#3b8cf0}.rpCard.purple .rpSpark{--tone:#8b5cf6}.rpCard.orange .rpSpark{--tone:#f59e0b} .rpPanel{margin-bottom:18px;padding:20px 22px 18px;border:1px solid var(--a-border,#e6ecf5);border-radius:16px;background:var(--d-card,#fff);box-shadow:0 2px 10px rgba(15,35,80,.05)} .rpHead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px} .rpTitle{display:flex;align-items:center;gap:14px}.rpTitle>i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:#e6f0fd;color:var(--rp-blue)}.rpTitle svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}.rpTitle h3{margin:0;font-size:17px}.rpTitle p{margin:2px 0 0;font-size:12.5px;color:var(--a-muted,#64748b)} .rpTools{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap} .rpSearch{position:relative;display:block;width:220px}.rpSearch i{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:grid;color:#94a3b8;pointer-events:none}.rpSearch svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2} .rpSearch input,.rpSel select{height:40px;border:1.5px solid var(--a-border,#dfe6ef);border-radius:10px;background:var(--d-card,#fff);color:inherit;font:inherit;font-size:13px;outline:0}.rpSearch input{width:100%;padding:0 12px 0 36px} .rpSel{display:grid;gap:4px}.rpSel small{font-size:11px;font-weight:700;color:var(--a-muted,#64748b)}.rpSel select{min-width:130px;padding:0 10px}.rpSel select:disabled{opacity:.6} .rpSearch input:focus,.rpSel select:focus{border-color:var(--rp-blue);box-shadow:0 0 0 3px rgba(11,115,240,.13)}.rpExport{height:40px;display:inline-flex;align-items:center;gap:8px} .rpScroll{overflow-x:auto;border:1px solid var(--a-border,#e6ecf5);border-radius:12px}.rpTable table{width:100%;min-width:520px;border-collapse:collapse} .rpTable th{padding:12px 16px;background:#f5f8fc;border-bottom:1px solid var(--a-border,#e6ecf5);font-size:12px;text-align:left;color:#475569;white-space:nowrap}.rpTable td{padding:12px 16px;border-bottom:1px solid #eef2f7;font-size:13px}.rpTable tbody tr:last-child td{border-bottom:0}.rpTable tbody tr:hover{background:rgba(11,115,240,.04)} .rpTable .n{width:48px;color:#64748b}.rpTable .r{text-align:right} .rpSort{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:800;cursor:pointer}.rpSort i{font-style:normal;font-size:11.5px;opacity:.5}.rpSort.on i{opacity:1;color:var(--rp-blue)} .rpProd{display:flex;align-items:center;gap:12px}.rpThumb{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:8px;overflow:hidden;background:#eef2f8;color:#94a3b8}.rpThumb img{width:100%;height:100%;object-fit:contain}.rpThumb svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8} .rpFoot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:12.5px;color:var(--a-muted,#64748b)} .rpPager{display:flex;gap:6px}.rpPager button{min-width:34px;height:34px;padding:0 12px;border:1px solid var(--a-border,#dfe6ef);border-radius:9px;background:var(--d-card,#fff);color:inherit;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.rpPager button.active{background:var(--rp-blue);border-color:var(--rp-blue);color:#fff}.rpPager button:disabled{opacity:.45;cursor:not-allowed} .rpEmpty{display:grid;justify-items:center;gap:6px;padding:34px 16px;border:1px dashed var(--a-border,#d5deec);border-radius:12px;text-align:center;color:var(--a-muted,#64748b)}.rpEmpty>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eef2f8}.rpEmpty svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}.rpEmpty b{color:var(--a-text,#0f172a)}.rpEmpty p{margin:0} .rpS{display:block;height:14px;margin:8px 0;border-radius:7px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:200% 100%;animation:rpShine 1.2s infinite}.rpS.s1{width:40%}.rpS.s2{width:60%}.rpS.s3{width:35%}.rpS.s4{height:34px;width:100%}@keyframes rpShine{to{background-position:-200% 0}} @media (max-width:1100px){.rpCards{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:640px){.rpCards{grid-template-columns:1fr}.rpHeader h2{font-size:26px}.rpDate{text-align:left}.rpTools{width:100%}.rpSearch{width:100%}.rpSel{flex:1 1 30%}.rpSel select{min-width:0;width:100%}.rpPanel{padding:16px 14px}} /* Modal "Detalhes do pagamento" (pedido no painel) */ dialog.pdDialog{--pd-b:#0b73f0;--pd-ink:#0c2a5b;--pd-mut:#64748b;--pd-line:#e6ecf5;width:min(660px,94vw);max-height:94vh;padding:0;border:0;border-radius:22px;background:#fff;color:var(--pd-ink);box-shadow:0 30px 80px rgba(9,25,60,.35);overflow:auto;font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif} dialog.pdDialog::backdrop{background:rgba(9,25,60,.5);backdrop-filter:blur(4px)} .pdHead{display:flex;align-items:center;gap:16px;padding:24px 28px 16px}.pdHead>div{flex:1;min-width:0}.pdHead h2{margin:0;font-size:22px;letter-spacing:-.02em}.pdHead p{margin:3px 0 0;font-size:14px;color:var(--pd-mut)} .pdHeadIc{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:14px;background:#e6f0fd;color:var(--pd-b)}.pdHeadIc svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8} .pdX{display:grid;place-items:center;flex:none;width:40px;height:40px;border:0;border-radius:11px;background:#eef1f6;color:#334155;font-size:22px;line-height:1;cursor:pointer}.pdX:hover{background:#e3e8f0} .pdBody{padding:0 28px 6px} .pdSummary{display:flex;align-items:center;gap:20px;margin-bottom:12px;padding:20px 24px;border:1px solid #d9e6f8;border-radius:16px;background:linear-gradient(180deg,#f3f8ff,#f8fbff)} .pdSumLeft{display:flex;align-items:center;gap:18px;flex:1;min-width:0}.pdSumIc{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:50%;background:#dff5e7;color:#15803d}.pdSumIc svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.8} .pdSumLeft small{display:block;font-size:13px;color:var(--pd-mut)}.pdSumLeft b{display:block;font-size:30px;letter-spacing:-.02em;line-height:1.15}.pdSumLeft span{display:block;font-size:13px;color:var(--pd-mut)} .pdSumRight{display:grid;gap:8px;justify-items:start;flex:0 0 40%;padding-left:22px;border-left:1px solid #d5e2f3}.pdSumRight small{font-size:13px;color:#475569} .pdBadge{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:10px;font-size:13px;font-weight:700}.pdBadge svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .pdBadge.lg{padding:10px 18px;font-size:15px}.pdBadge.ok{background:#dff5e7;color:#15803d}.pdBadge.wait{background:#fdf0d5;color:#b45309}.pdBadge.bad{background:#fdecec;color:#c62828}.pdBadge.gray{background:#eaeef5;color:#475569}.pdBadge.blue{background:#e6f0fd;color:#0a5fd1} .pdList{display:grid}.pdRow{display:flex;align-items:center;gap:16px;padding:13px 4px;border-bottom:1px solid var(--pd-line);font-size:14px}.pdRow:last-child{border-bottom:0} .pdRow>i{display:grid;place-items:center;flex:none;width:24px;color:#475569}.pdRow>i svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8} .pdLabel{flex:0 0 38%;color:var(--pd-mut)}.pdValue{flex:1;min-width:0;display:flex;align-items:center;gap:8px;font-weight:600;overflow-wrap:anywhere}.pdMono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;font-weight:500;word-break:break-all}.pdMoney{font-size:17px;color:var(--pd-b)} .pdCopy{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:none;color:#64748b;cursor:pointer}.pdCopy:hover{background:#eef3fa;color:var(--pd-b)}.pdCopy svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9} .pdEmpty{margin:8px 28px 20px;padding:36px 16px;border:1px dashed #d5deec;border-radius:14px;text-align:center;color:var(--pd-mut)}.pdEmpty b{display:block;color:var(--pd-ink);margin-bottom:4px}.pdEmpty p{margin:0} .pdFoot{display:flex;justify-content:flex-end;gap:12px;padding:16px 28px 22px;border-top:1px solid var(--pd-line)} .pdBtn{min-height:44px;padding:0 30px;border:1.5px solid #d5e0f0;border-radius:12px;background:#fff;color:#0a5fd1;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer}.pdBtn:hover{border-color:var(--pd-b)}.pdBtn.primary{border-color:var(--pd-b);background:var(--pd-b);color:#fff}.pdBtn.primary:hover{background:#0a5fd1} @media (max-width:640px){.pdHead,.pdBody,.pdFoot{padding-left:16px;padding-right:16px}.pdSummary{flex-direction:column;align-items:flex-start}.pdSumRight{flex:none;padding:14px 0 0;border-left:0;border-top:1px solid #d5e2f3;width:100%}.pdRow{flex-wrap:wrap;gap:6px 12px}.pdLabel{flex:1 1 60%}.pdValue{flex:1 1 100%;padding-left:40px}.pdFoot{flex-direction:column-reverse}.pdBtn{width:100%}} /* Página Promoções: banner, cartão de promoção, skeleton e estado vazio */ .clPromoBanner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 18px;padding:26px 34px;border-radius:20px;overflow:hidden;background:linear-gradient(100deg,#e4eefc 0%,#d5e6fb 55%,#c9defa 100%);border:1px solid #d5e4f8} .clPromoBanner[hidden]{display:none} .pbText{flex:1 1 44%;min-width:0;z-index:1}.pbText small{display:block;font-size:12px;font-weight:600;letter-spacing:.18em;color:#33507a} .pbText h2{margin:6px 0 6px;font-size:clamp(28px,3.4vw,44px);line-height:1.05;letter-spacing:-.03em;color:#0a1a3a}.pbText h2 em{font-style:normal;color:#0b6bf0} .pbText p{margin:0 0 18px;font-size:16px;color:#1e3050} .pbBtn{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:0 26px;border:0;border-radius:11px;background:#0b73f0;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(11,115,240,.3)}.pbBtn:hover{background:#0a5fd1}.pbBtn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2} .pbArt{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:20px;flex:1 1 56%;min-height:170px} .pbShots{display:flex;align-items:center;padding-left:30px}.pbShots img{width:150px;height:150px;object-fit:contain;margin-left:-38px;padding:6px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff,#e4eefc);box-shadow:0 10px 26px rgba(15,35,80,.18);transform:translateY(calc((var(--i) - 1) * 6px)) rotate(calc((var(--i) - 1) * 4deg))} .pbBadge{display:grid;justify-items:center;gap:1px;padding:16px 22px;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(15,35,80,.16);transform:rotate(-4deg);text-align:center} .pbBadge svg{width:26px;height:26px;stroke:#e11d48;fill:none;stroke-width:1.8;margin-bottom:2px}.pbBadge small{font-size:11.5px;font-weight:700;letter-spacing:.08em;color:#1e3050}.pbBadge b{font-size:48px;line-height:1;letter-spacing:-.03em;color:#0b6bf0}.pbBadge span{font-size:11px;font-weight:700;letter-spacing:.08em;color:#1e3050} .pbScript{max-width:150px;font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive;font-style:italic;font-size:17px;line-height:1.25;color:#0b3a8a;transform:rotate(-8deg)} /* Cartão de promoção */ .clCard.clPromo .clBody{gap:6px}.clCard.clPromo .clBody h3{margin:0;font-size:15px}.clCard.clPromo h3 button{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;font-weight:800;color:#0a1a3a} .clCard.clPromo .clMeta{margin:0;font-size:12.5px;color:#64748b} .clOld{display:flex;align-items:center;gap:8px;margin-top:6px}.clOld s{font-size:13px;color:#8a99b0}.clOld em{padding:2px 9px;border-radius:7px;background:#fde7ea;color:#d1274b;font-size:12px;font-style:normal;font-weight:800} .clNow{display:block;font-size:26px;line-height:1.1;letter-spacing:-.02em;color:#0b6bf0} .clSeeFull{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;margin-top:10px;border:0;border-radius:10px;background:#0b73f0;color:#fff;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer}.clSeeFull:hover{background:#0a5fd1}.clSeeFull svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2} .clBadge.offer{background:#fde7ea;color:#d1274b} /* Skeleton e vazio */ .clSkel .clThumb{background:#eef2f7;animation:clShine 1.2s infinite;background-image:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:200% 100%}.clSkel .clBody i{display:block;height:14px;margin:10px 0;border-radius:7px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:200% 100%;animation:clShine 1.2s infinite}.clSkel .clBody i:nth-child(2){width:60%}.clSkel .clBody i:nth-child(3){width:40%}@keyframes clShine{to{background-position:-200% 0}} .clEmpty>span{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 10px;border-radius:16px;background:#e6f0fd;color:#0b6bf0}.clEmpty>span svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8} @media (max-width:900px){.clPromoBanner{flex-direction:column;align-items:flex-start;padding:22px 20px}.pbArt{width:100%;justify-content:flex-start;flex-wrap:wrap}.pbShots img{width:110px;height:110px;margin-left:-26px}.pbBadge b{font-size:38px}} /* Foto do produto preenche toda a área do cartão (sem faixas laterais) */ #catalog .clGrid .clThumb{overflow:hidden} #catalog .clGrid .clThumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;padding:0!important} #catalog .clGrid .clThumb{position:relative} /* Dropdown da conta (account-menu.js) */ #accountButton.loggedIn{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 8px;border:1.5px solid #e3e9f2;border-radius:12px;background:#fff;color:#0a1a3a} #accountButton.loggedIn>span{display:flex;flex-direction:column-reverse;text-align:left} #accountButton.loggedIn b{font-size:12px;font-weight:800;line-height:1.15;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0a1a3a} #accountButton.loggedIn small{font-size:10.5px;font-weight:500;color:#5f7391} #accountButton.loggedIn:hover{border-color:#a9c9f6;background:#f5f9ff} .acAvatar,.acChevron{display:grid;place-items:center;flex:none;font-style:normal} .acAvatar{width:34px;height:34px;border-radius:50%;background:#e3eefc;color:#0b73f0;overflow:hidden}.acAvatar svg{width:20px;height:20px}.acAvatar img{width:100%;height:100%;object-fit:cover} .acChevron svg{width:16px;height:16px} #accountButton svg,.acMenu svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .acMenu{position:fixed;z-index:120;padding:12px;border:1px solid #e3e9f2;border-radius:16px;background:#fff;box-shadow:0 20px 50px rgba(9,25,60,.22);font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif;opacity:0;transform:translateY(-6px);transition:opacity .17s ease,transform .17s ease} .acMenu.open{opacity:1;transform:none}.acMenu[hidden]{display:none} .acArrow{position:absolute;top:-7px;left:var(--arrow,40px);width:14px;height:14px;margin-left:-7px;border-left:1px solid #e3e9f2;border-top:1px solid #e3e9f2;background:#fff;transform:rotate(45deg)} .acHero,.acItem{display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;border:0;background:none;text-align:left;font:inherit;color:#0a1a3a;cursor:pointer;transition:background .17s} .acHero{border-radius:12px;background:#eaf3ff}.acHero.admin{margin-top:10px} .acHero:hover,.acItem:hover{background:#dfeeff}.acHero:focus-visible,.acItem:focus-visible,.acLogout:focus-visible{outline:2px solid #0b73f0;outline-offset:-2px} .acIcon{display:grid;place-items:center;flex:none;width:36px;height:36px;color:#0b3d91;font-style:normal}.acIcon svg{width:24px;height:24px} .acIcon.big{width:46px;height:46px;border-radius:50%;background:#dbe9fd;color:#0b73f0}.acIcon.big svg{width:26px;height:26px} .acHero .acIcon{color:#0b73f0} .acHero>span,.acItem>span{flex:1;min-width:0}.acHero b,.acItem b{display:block;font-size:14px;font-weight:800;color:#0a1a3a}.acHero:not(.admin) b{color:#0b73f0}.acHero.admin b{color:#0b73f0} .acHero small,.acItem small{display:block;margin-top:2px;font-size:12px;color:#5f7391} .acChev{display:grid;color:#0b3d91;font-style:normal}.acChev svg{width:18px;height:18px} .acList{margin:8px 0 10px;border-top:1px solid #edf1f7} .acItem{border-radius:0;border-bottom:1px solid #edf1f7}.acItem:last-child{border-bottom:0} .acItem:hover .acIcon,.acItem:hover .acChev,.acItem:hover b{color:#0b73f0} .acBadge{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#0b73f0;color:#fff;font-size:11px;font-weight:800;font-style:normal} .acLogout{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;margin-top:10px;border:1.5px solid #0b73f0;border-radius:12px;background:#eef6ff;color:#0b73f0;font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:background .17s,color .17s} .acLogout svg{width:20px;height:20px}.acLogout:hover{background:#0b73f0;color:#fff} .acReturns{max-width:640px;padding:22px;border:1px solid #e3e9f2;border-radius:14px;background:#fff}.acReturns p{margin:0 0 16px;line-height:1.6;color:#4a5a73}.acReturnsActions{display:flex;gap:12px;flex-wrap:wrap}.acReturnsActions a{text-decoration:none;display:inline-block} @media (max-width:640px){#accountButton.loggedIn b{max-width:90px}.acMenu{left:12px!important;right:12px;width:auto!important}} /* Páginas Termos de Uso e Política de Privacidade */ #termos,#privacidade,#trocas{background:#f6f8fc;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#1a2740} .lgWrap{padding-top:22px;padding-bottom:56px;max-width:1240px} .lgCrumb{display:flex;gap:6px;align-items:center;margin-bottom:12px;font-size:12px;color:#6b7a90}.lgCrumb button{border:0;background:none;padding:0;font:inherit;color:#6b7a90;cursor:pointer}.lgCrumb button:hover{color:#0b73f0}.lgCrumb i{font-style:normal}.lgCrumb b{color:#0b73f0;font-weight:600} .lgHead h1{margin:0;font-size:34px;line-height:1.15;font-weight:800;color:#0a1a3a}.lgHead p{max-width:760px;margin:8px 0 6px;font-size:15px;line-height:1.55;color:#5f7391}.lgHead small{color:#8a97ad;font-size:12.5px} .lgBody{display:grid;grid-template-columns:260px minmax(0,1fr);gap:26px;align-items:start;margin-top:22px} .lgToc{position:sticky;top:96px;padding:18px;border:1px solid #e3e9f2;border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(15,35,80,.045)} .lgToc b{display:block;margin-bottom:10px;font-size:13px;color:#0a1a3a}.lgToc ol{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:2px}.lgToc a{display:block;padding:6px 8px;border-radius:8px;font-size:12.5px;color:#4a5a73;text-decoration:none}.lgToc a:hover{background:#eef5ff;color:#0b73f0} .lgOther{width:100%;padding:10px 12px;border:1.5px solid #a9c9f6;border-radius:10px;background:#fff;color:#0b73f0;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.lgOther:hover{background:#eef5ff} .lgDoc{padding:30px 34px;border:1px solid #e3e9f2;border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(15,35,80,.045)} .lgDoc section{padding-bottom:6px;scroll-margin-top:100px}.lgDoc section+section{margin-top:22px;padding-top:22px;border-top:1px solid #edf1f7} .lgDoc h2{margin:0 0 10px;font-size:19px;color:#0a1a3a}.lgDoc p{margin:0 0 10px;font-size:14.5px;line-height:1.7;color:#33445e} .lgFoot{margin-top:24px!important;padding:14px 16px;border-radius:10px;background:#eef5ff;font-size:13.5px!important}.lgFoot a{color:#0b73f0;font-weight:600} .lgCta{margin-top:26px;padding:24px;border-radius:14px;background:#eef5ff;text-align:center}.lgCta b{display:block;font-size:18px;color:#0a1a3a}.lgCta p{margin:6px 0 16px;color:#5f7391;font-size:14px}.lgCtaActs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap} @media (max-width:900px){.lgBody{grid-template-columns:1fr}.lgToc{position:static}.lgToc ol{grid-template-columns:1fr 1fr}.lgDoc{padding:22px 18px}.lgHead h1{font-size:27px}} @media (max-width:560px){.lgCtaActs{flex-direction:column}.lgCtaActs .aaBtn{width:100%;justify-content:center}} @media (max-width:560px){.lgToc ol{grid-template-columns:1fr}} /* Largura do conteúdo: usa quase toda a tela (margens laterais pequenas) em todas as páginas da loja. */ .wrap{width:calc(100% - 64px);max-width:1760px;padding-left:0;padding-right:0} #product .pad{max-width:1760px} #product .ppWrap,#identify .idWrap,#checkout .cxWrap,#payment .cxWrap,#cart .cxWrap,#catalog .clWrap,#contact .ctWrap{max-width:1760px;padding-left:28px;padding-right:28px} #account .wrap.account{max-width:1760px} @media (max-width:640px){.wrap{width:calc(100% - 24px)}#product .ppWrap,#identify .idWrap,#checkout .cxWrap,#payment .cxWrap,#cart .cxWrap,#catalog .clWrap,#contact .ctWrap{padding-left:12px;padding-right:12px}} /* Login/cadastro: única página mais estreita, centralizada, na largura do banner lateral. */ #login .auWrap{max-width:620px;margin:0 auto;padding:28px 16px 30px} #login .auCard{grid-template-columns:1fr}#login .auPanel{padding:32px 40px}@media (max-width:640px){#login .auPanel{padding:24px 18px}} /* Cards de produto da home: mostram a imagem inteira, sem zoom */ .product .photo img{object-fit:contain} /* Página do produto: imagem inteira (sem corte) e altura contida */ #product .ppGallery{align-self:start} #product .ppStage{height:clamp(320px,38vw,520px);min-height:0;background:#f4f6fa} #product .ppStage #pImage{object-fit:contain;padding:8px} /* Catálogo: cards preenchem toda a largura (mais colunas, menores) e a foto ocupa o espaço da moldura */ #catalog .clGrid:not(.list){grid-template-columns:repeat(auto-fill,minmax(230px,1fr));justify-content:stretch;gap:16px} #catalog .clThumb{aspect-ratio:4/3;background:#eef1f8} #catalog .clThumb img{object-fit:cover;padding:0} #catalog .clGrid.list .clThumb img{object-fit:cover} /* A foto ocupa exatamente a moldura (a grade crescia com a altura natural da imagem e o excesso era cortado) */ #product .ppStage #pImage{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;padding:8px} /* Nada da página pode gerar rolagem horizontal (elementos que estouram a borda direita são cortados em vez de esticar a tela) */ html,body{overflow-x:clip} /* Pedidos (visualizar/gerenciar), Clientes e Editar cliente */ .detailPage{padding-bottom:30px} .odHead{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap} .odHead>div:nth-child(2){flex:1;min-width:240px}.odHead h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;font-size:22px;color:var(--a-text)}.odHead p{margin:3px 0 0;font-size:12.5px;color:var(--a-muted)} .odBack{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:1px solid var(--a-border);border-radius:10px;background:var(--d-card,#fff);color:var(--a-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer} .odBack svg,.odGhost svg,.odWide svg,.odQuick svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .odHeadActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .odGhost{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid #cfe0f7;border-radius:9px;background:var(--d-soft,#f2f7fe);color:#1d4ed8;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;text-decoration:none} .odCopyNum{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--a-border);border-radius:8px;background:var(--d-card,#fff);color:var(--a-muted);cursor:pointer}.odCopyNum svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2} .odBadge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:99px;font-size:11.5px;font-weight:700;background:#e7ebf2;color:var(--d-muted,#475569)}.odBadge i{width:6px;height:6px;border-radius:50%;background:currentColor} .odBadge.ok{background:#dff5e7;color:#15803d}.odBadge.warn{background:#fdf0cf;color:#a16207}.odBadge.info{background:#dbe9fd;color:#1d4ed8}.odBadge.danger{background:#fde7e7;color:#b91c1c} .odTop{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px} .odBig{display:flex;align-items:center;gap:14px;padding:16px 18px!important} .odBig>div{flex:1;min-width:0}.odBig small{display:block;font-size:11.5px;color:var(--a-muted)}.odBig b{display:block;font-size:17px;color:var(--a-text)}.odBig p{margin:4px 0 0;font-size:12px;color:var(--a-muted)} .tone{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:12px;font-style:normal}.tone svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .tone.amber{background:#fff1d6;color:#d97706}.tone.blue{background:#e3efff;color:#2563eb}.tone.green{background:#e3f7ec;color:#0f9d58} .odCards5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:16px} .odMini5{display:flex;align-items:center;gap:12px;padding:14px!important}.odMini5 .tone{width:40px;height:40px}.odMini5 small{display:block;font-size:11px;color:var(--a-muted)}.odMini5 b{display:block;font-size:14px;color:var(--a-text)}.odMini5 a{font-size:11.5px;color:var(--a-primary)} .odGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start} .odCol{display:grid;gap:16px} .odCard{padding:16px 18px!important} .odCard>header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.odCard>header h3{flex:1;margin:0;font-size:14.5px;color:var(--a-text)} .odCard>header i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e3efff;color:#2563eb}.odCard>header i svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .odDl{display:grid;gap:0;margin:0}.odDl>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #eef2f7;font-size:12.5px}.odDl>div:last-child{border:0} .odDl dt{color:var(--a-muted);flex:none}.odDl dd{margin:0;text-align:right;font-weight:600;color:var(--a-text);min-width:0;overflow-wrap:anywhere} .odDl code{font-size:11px;background:var(--d-soft,#f3f6fb);padding:3px 6px;border-radius:6px}.odCopy,.odMini{height:30px;padding:0 12px;font-size:12px} .odNote{display:block;margin-top:8px;font-size:11.5px;color:var(--a-muted)}.odSub{margin:-4px 0 12px;font-size:12px;color:var(--a-muted)}.odObs{margin:0;padding:10px 12px;border-radius:9px;background:var(--d-soft,#f6f9fd);font-size:12.5px;color:var(--d-muted,#475569)} .odItems{width:100%;border-collapse:collapse;font-size:12.5px}.odItems th{padding:8px 6px;text-align:left;font-size:11.5px;color:var(--d-muted,#475569);background:var(--d-soft,#f3f7fd)}.odItems td{padding:10px 6px;border-bottom:1px solid #eef2f7;vertical-align:middle} .odProd{display:flex;align-items:center;gap:10px}.odProd b{display:block}.odProd small{display:block;font-size:11px;color:var(--a-muted)} .odTotals{margin:12px 0 0}.odTotals>div{display:flex;justify-content:space-between;padding:8px 6px;border-bottom:1px solid #eef2f7;font-size:12.5px}.odTotals dd{margin:0;font-weight:600}.odTotals dd.ok{color:#15803d} .odTotals .grand{margin-top:6px;padding:12px 10px;border:0;border-radius:9px;background:#eaf3ff;font-weight:800}.odTotals .grand dd{font-size:19px;color:#1d4ed8;font-weight:800} .odTimeline{list-style:none;margin:0;padding:0 0 0 4px}.odTimeline li{position:relative;padding:0 0 16px 24px;color:var(--a-muted)} .odTimeline li:before{content:"";position:absolute;left:5px;top:14px;bottom:-2px;width:2px;background:#e3e9f2}.odTimeline li:last-child:before{display:none} .odTimeline li>i{position:absolute;left:0;top:3px;width:12px;height:12px;border-radius:50%;border:2px solid var(--d-border,#cfd8e6);background:var(--d-card,#fff)} .odTimeline li b{display:block;font-size:12.5px;color:#94a3b8}.odTimeline li small{display:block;font-size:11px} .odTimeline li.done b{color:var(--a-text)}.odTimeline li.done>i{background:#2563eb;border-color:#2563eb}.odTimeline li.done:before{background:#bcd3f7} .odTimeline li.current>i{background:#f5a623;border-color:#f5a623;box-shadow:0 0 0 4px rgba(245,166,35,.2)}.odTimeline li.current b{color:#b45309}.odTimeline li.bad>i{background:#dc2626;border-color:#dc2626}.odTimeline li.bad b{color:#b91c1c} .odLog{margin-top:6px;font-size:11.5px;color:var(--a-muted)}.odLog p{margin:4px 0} .odNotes{display:grid;gap:10px;margin-top:10px}.odNotes article{display:flex;gap:10px;padding:10px 12px;border:1px solid #eef2f7;border-radius:10px}.odNotes small{color:var(--a-muted);font-size:11px;margin-left:8px}.odNotes p{margin:4px 0 0;font-size:12.5px} #odNoteText,.odCard textarea{width:100%;padding:10px 12px;border:1px solid var(--a-border);border-radius:10px;font:inherit;font-size:13px;resize:vertical} .odQuick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.odQuick button{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid #cfe0f7;border-radius:9px;background:var(--d-soft,#f2f7fe);color:#1d4ed8;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;text-align:left} .odQuick button.ok{border-color:#bfe6cf;background:var(--d-soft,#f0fbf4);color:#15803d}.odQuick button.danger{border-color:#f5c6c6;background:var(--d-soft,#fff5f5);color:#b91c1c}.odQuick button.neutral{background:var(--d-soft,#f7f9fc);border-color:var(--a-border);color:var(--d-muted,#334155)} .odWide{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;margin-top:12px;border:1px solid var(--a-border);border-radius:9px;background:var(--d-soft,#f7f9fc);color:#1d4ed8;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:none}.odWide.primary{border:0;background:#2563eb;color:#fff} .odTrack{display:flex;gap:8px}.odTrack input{flex:1;height:38px;padding:0 12px;border:1px solid var(--a-border);border-radius:9px;font:inherit} .odSkeleton{display:grid;gap:16px}.odSkeleton i{height:110px;border-radius:14px;background:linear-gradient(100deg,var(--d-soft,#eef2f8) 30%,var(--d-soft,#f8fafd) 50%,var(--d-soft,#eef2f8) 70%);background-size:200% 100%;animation:ppShine 1.2s linear infinite} .cuFilters{display:flex;flex-wrap:wrap;gap:14px;align-items:end;padding:16px 20px;margin-bottom:16px}.cuCard{padding:0!important;overflow:hidden}.cuCard .rvScroll{overflow-x:auto} .cuTable{width:100%;min-width:860px;border-collapse:collapse}.cuTable th{padding:14px 12px;text-align:left;font-size:12px;font-weight:800;color:var(--d-muted,#475569);border-bottom:1px solid var(--a-border);white-space:nowrap}.cuTable td{padding:12px;border-bottom:1px solid #eef2f7;font-size:13px;vertical-align:middle}.cuTable tbody tr:hover{background:var(--d-card,#fafcff)} .cuName{display:flex;align-items:center;gap:12px}.cuAvatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;font-size:12.5px;font-weight:800}.cuAvatar.lg{width:64px;height:64px;font-size:20px} .cuMail{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cuLast small{display:block;font-size:11px;color:var(--a-muted)} .cuStatus{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:99px;font-size:11.5px;font-weight:700;background:#e7ebf2;color:var(--d-muted,#475569)}.cuStatus i{width:6px;height:6px;border-radius:50%;background:currentColor}.cuStatus.ok{background:#dff5e7;color:#15803d}.cuStatus.info{background:#dbe9fd;color:#1d4ed8}.cuStatus.danger{background:#fde7e7;color:#b91c1c} .rvMoreLink{display:block;padding:9px 12px;border-radius:7px;font-size:12.5px;color:var(--a-text);text-decoration:none}.rvMoreLink:hover{background:var(--d-soft,#f1f5fb)} .statCard.purple .metricIcon{background:#f1e9fe;color:#7c3aed} .ceSummary{display:flex;align-items:center;gap:18px;padding:16px 20px!important;margin-bottom:16px;flex-wrap:wrap}.ceWho{flex:1;min-width:220px}.ceWho b{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--a-text)}.ceWho small{display:block;font-size:12px;color:var(--a-muted);margin-top:3px} .ceMetric{display:flex;align-items:center;gap:12px;padding-left:20px;border-left:1px solid var(--a-border)}.ceMetric>i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e3efff;color:#2563eb}.ceMetric svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}.ceMetric b{display:block;font-size:16px}.ceMetric small{font-size:11px;color:var(--a-muted)} .ceLayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.ceLayout form{display:grid;gap:16px}.ceAside{display:grid;gap:16px} .ceCard{padding:18px 20px!important}.ceCard>header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.ceCard>header i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e3efff;color:#2563eb}.ceCard>header svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2}.ceCard h3{margin:0;font-size:15px}.ceCard header p{margin:2px 0 0;font-size:12px;color:var(--a-muted)} .ceSmall{display:flex;align-items:center;gap:8px;margin:0 0 12px!important;font-size:14px!important}.ceSmall svg{width:16px;height:16px;stroke:#2563eb;fill:none;stroke-width:2} .ceGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ceGrid.four{grid-template-columns:1fr 2fr 1fr 1fr} .ceField{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--d-muted,#334155)}.ceField.wide{grid-column:1/-1}.ceField b{color:#dc2626} .ceInput input,.ceField textarea{width:100%;height:40px;padding:0 12px;border:1px solid var(--a-border);border-radius:9px;background:var(--d-card,#fff);font:inherit;font-size:13px}.ceField textarea{height:auto;padding:10px 12px;resize:vertical}.ceInput input:disabled,.ceInput input[readonly]{background:var(--d-soft,#f4f7fb);color:var(--d-muted,#64748b)} .ceInput input:focus,.ceField textarea:focus{outline:0;border-color:var(--a-primary);box-shadow:0 0 0 3px rgba(37,99,235,.14)} .ceHint{display:block;margin-top:10px;font-size:11.5px;color:var(--a-muted);font-weight:500}.ceErr{color:#dc2626;font-size:11.5px} .ceCheck{display:flex;align-items:flex-start;gap:10px;margin-top:14px;font-size:13px;cursor:pointer}.ceCheck input{position:absolute;opacity:0}.ceBox{flex:none;width:18px;height:18px;margin-top:1px;border:1.5px solid #b9c6d9;border-radius:5px;background:var(--d-card,#fff)}.ceCheck input:checked+.ceBox{background:#2563eb;border-color:#2563eb}.ceCheck input:checked+.ceBox:after{content:"";display:block;width:8px;height:4px;margin:4px 0 0 4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}.ceCheck small{display:block;color:var(--a-muted)} .ceMsg{margin:0;padding:10px 14px;border-radius:9px;font-size:12.5px;font-weight:600}.ceMsg.error{background:#fdecec;color:#b42318}.ceMsg[hidden]{display:none} .ceActions{display:flex;justify-content:flex-end;gap:12px} .ceDl{margin:0}.ceDl>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eef2f7;font-size:12.5px}.ceDl>div:last-child{border:0}.ceDl dt{color:var(--a-muted)}.ceDl dd{margin:0;font-weight:700} .ceQuick{display:grid;gap:8px}.ceQuick button,.ceQuick a{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 14px;border:1px solid #cfe0f7;border-radius:9px;background:var(--d-soft,#f2f7fe);color:#1d4ed8;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:none}.ceQuick svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.ceQuick .danger{border-color:#f5c6c6;background:#fff0f0;color:#b91c1c} .ceTimeline{list-style:none;margin:0;padding:0}.ceTimeline li{position:relative;padding:0 0 16px 22px}.ceTimeline li:before{content:"";position:absolute;left:4px;top:12px;bottom:-2px;width:2px;background:#dbe6f6}.ceTimeline li:last-child:before{display:none}.ceTimeline li:after{content:"";position:absolute;left:0;top:3px;width:10px;height:10px;border-radius:50%;background:#2563eb;border:2px solid #dbe9fd}.ceTimeline b{display:block;font-size:12.5px}.ceTimeline small{display:block;font-size:11px;color:var(--a-muted)} @media (max-width:1250px){.odGrid{grid-template-columns:1fr 1fr}.odGrid>.odCol:nth-child(3){grid-column:1/-1}.odCards5{grid-template-columns:repeat(3,1fr)}.ceLayout{grid-template-columns:1fr}} @media (max-width:760px){.odTop,.odCards5,.odGrid,.ceGrid,.ceGrid.four,.odQuick{grid-template-columns:1fr}.ceMetric{border:0;padding-left:0}.odHead h2{font-size:18px}} @media print{body.printingOrder .adminSide,body.printingOrder .adminMain>header,body.printingOrder .odHeadActions,body.printingOrder .odBack,body.printingOrder .odQuick,body.printingOrder [data-add-note],body.printingOrder #storeHeader,body.printingOrder #storeFooter{display:none!important}body.printingOrder .admin.active{display:block}body.printingOrder .adminCard{box-shadow:none;break-inside:avoid}} .ceLabel{display:inline-flex;align-items:baseline;gap:3px;justify-self:start}.ceLabel b{color:#dc2626} .cuFilters .rvSearch .searchBox{height:42px}.cuFilters .rvSearch input{width:100%;height:100%;line-height:normal;padding:0} .rvPhotoRow{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.rvPhotoRow img{width:84px;height:84px;object-fit:cover;border-radius:10px;border:1px solid var(--line,#e3e9f2)}.rvTagsLine{margin:8px 0;font-size:12.5px} .sLinkBtn{justify-self:start;margin:-6px 0 6px;padding:0;border:0;background:none;color:var(--danger,#c62828);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;text-decoration:underline}.sLinkBtn:hover{opacity:.8} /* Usuários administrativos */ .auFilters{align-items:flex-start}.auFilters .rvSearch{flex:1 1 280px}.auHint{font-weight:400;color:var(--a-muted,#64748b);font-size:11.5px} .auButtons{display:grid;gap:10px;margin-left:auto;align-self:stretch;align-content:center;min-width:170px}.auButtons .btn{justify-content:center} .auTable .auCheck{width:44px;text-align:center}.auTable input[type=checkbox]{width:17px;height:17px;accent-color:var(--a-primary,#0b73f0);cursor:pointer} .auSort{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:800;cursor:pointer}.auSort i{font-style:normal;opacity:.45;font-size:12px}.auSort.on i{opacity:1;color:var(--a-primary,#0b73f0)} .auTable tbody tr:hover{background:rgba(11,115,240,.04)} .cpCard .adminPager .pageInfo{padding:0 8px;color:var(--a-muted,#64748b);font-size:12.5px;white-space:nowrap} .auFooter{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-top:56px;padding-top:16px;border-top:1px solid var(--a-border,#e3e9f2);color:var(--a-muted,#64748b);font-size:12.5px}.auFooter b{color:var(--a-text,#0f172a)}.auFooter small{display:block;margin-top:2px}.auFooter p{margin:0}.auHeart{color:#e11d48} .auView{width:min(460px,94vw)}.auViewBody{display:grid;gap:18px;padding:6px 2px}.auViewWho{display:flex;align-items:center;gap:16px}.auViewWho b{display:block;font-size:17px}.auViewWho small{display:block;margin:2px 0 8px;color:var(--a-muted,#64748b)} .auDl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}.auDl dt{font-size:11.5px;color:var(--a-muted,#64748b)}.auDl dd{margin:2px 0 0;font-weight:700} @media (max-width:900px){.auButtons{margin-left:0;grid-auto-flow:column;min-width:0;width:100%}.auFilters .rvField{flex:1 1 45%}} @media (max-width:640px){.auFilters .rvField{flex-basis:100%}.auButtons{grid-auto-flow:row}.auFooter{margin-top:32px}} /* Fotos de produto nos detalhes do pedido: inteiras, sem zoom/corte */ #ad-detail.orderDetail img{object-fit:contain!important;background:#f1f5fb} /* Uniformiza os diálogos antigos do painel (produto, tipo, cadastros rápidos, detalhes) com o design system de diálogos (confirm-dialog.css). */ dialog#productDialog,dialog#typeDialog,dialog.adminExtDialog,dialog.adminDetailDialog{border-radius:var(--dlg-radius,18px);box-shadow:var(--dlg-shadow,0 30px 80px rgba(9,25,60,.35));color:var(--dlg-ink,#0a1a3a);animation:dlgIn .18s ease-out} dialog#productDialog::backdrop,dialog#typeDialog::backdrop,dialog.adminExtDialog::backdrop,dialog.adminDetailDialog::backdrop{background:var(--dlg-overlay,rgba(9,25,60,.5));backdrop-filter:blur(4px)} #productDialog .modalHead,#typeDialog .modalHead,.adminExtDialog header,.adminDetailHead{padding:22px 26px;border-bottom:1px solid var(--dlg-line,#e3e9f2)} #productDialog .modalHead h2,#typeDialog .modalHead h2,.adminExtDialog header h2,.adminDetailHead h2{color:var(--dlg-ink,#0a1a3a);font-size:20px;letter-spacing:-.01em} #productDialog .modalHead button,#typeDialog .modalHead button,.adminExtDialog header button,.adminDetailHead button{width:32px;height:32px;border-radius:9px;background:none;color:#7b8ba3} #productDialog .modalHead button:hover,#typeDialog .modalHead button:hover,.adminExtDialog header button:hover,.adminDetailHead button:hover{background:#eef3fa;color:var(--dlg-ink,#0a1a3a)} #productDialog :is(input,select,textarea),#typeDialog :is(input,select,textarea),.adminExtDialog :is(input,select,textarea){border:1.5px solid var(--dlg-line,#e3e9f2);border-radius:10px} #productDialog :is(input,select,textarea):focus,#typeDialog :is(input,select,textarea):focus,.adminExtDialog :is(input,select,textarea):focus{outline:0;border-color:var(--dlg-primary,#0b73f0);box-shadow:0 0 0 3px rgba(11,115,240,.14)} #productDialog .modalActions,#typeDialog .modalActions,.adminExtDialog footer,.adminDetailFoot{padding:16px 26px;border-top:1px solid var(--dlg-line,#e3e9f2);gap:12px} #productDialog .modalActions :is(.btn,button),#typeDialog .modalActions :is(.btn,button),.adminExtDialog footer :is(.btn,button),.adminDetailFoot :is(.btn,button){min-height:44px;padding:0 22px;border-radius:10px;font-weight:600;font-size:14.5px} #productDialog .modalActions .btn,#typeDialog .modalActions .btn,.adminExtDialog footer .btn{background:var(--dlg-primary,#0b73f0);border:1.5px solid transparent;color:#fff} #productDialog .modalActions .btn:hover,#typeDialog .modalActions .btn:hover,.adminExtDialog footer .btn:hover{background:var(--dlg-primary-h,#0a5fd1)} .adminExtDialog footer button:not(.btn),#productDialog .modalActions button:not(.btn),#typeDialog .modalActions button:not(.btn){background:#fff;border:1.5px solid #cfdcf0;color:var(--dlg-ink,#0a1a3a)} .adminExtDialog footer button:not(.btn):hover{border-color:var(--dlg-primary,#0b73f0);color:var(--dlg-primary,#0b73f0)} .adminExtDialog .adminDialogError:empty{display:none}.adminExtDialog .adminDialogError{margin:0 26px 12px;padding:10px 12px;border-radius:10px;background:var(--dlg-danger-bg,#fdecec);color:#b42318;font-size:13px} /* Formulários montados por openDialog() dentro do Dialog global */ dialog.dlg .adminDialogFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0} dialog.dlg .adminDialogFields>label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#2a3b57;align-content:start} dialog.dlg .adminDialogFields>label.adminCheck{display:flex;align-items:center;gap:8px;grid-column:1/-1} dialog.dlg .adminDialogFields :is(input:not([type=checkbox]),select,textarea){width:100%;box-sizing:border-box;min-height:44px;padding:0 12px;border:1.5px solid var(--dlg-line);border-radius:10px;background:#fff;font:inherit;font-size:14px;font-weight:400;color:var(--dlg-ink);outline:0} dialog.dlg .adminDialogFields textarea{padding:10px 12px} dialog.dlg .adminDialogFields :is(input,select,textarea):focus{border-color:var(--dlg-primary);box-shadow:0 0 0 3px rgba(11,115,240,.14)} dialog.dlg .adminDialogFields>:is(p,ul,div,.wide){grid-column:1/-1} dialog.dlg .dlgBody textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid var(--dlg-line);border-radius:10px;font:inherit;outline:0} dialog.dlg .dlgBody textarea:focus{border-color:var(--dlg-primary);box-shadow:0 0 0 3px rgba(11,115,240,.14)} @media (max-width:600px){dialog.dlg .adminDialogFields{grid-template-columns:1fr}} /* Modal de mensagem do cliente */ .mdWrap{display:grid;gap:16px} .mdSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 6px;border-radius:14px;background:#f3f6fb;border:1px solid #e3e9f2}.mdCell{display:flex;align-items:center;gap:12px;padding:0 16px;min-width:0}.mdCell+.mdCell{border-left:1px solid #dbe3ef}.mdCell>div{display:grid;gap:2px;min-width:0}.mdCell small{color:#5f7391;font-size:12px}.mdCell b{font-size:14.5px;overflow-wrap:anywhere}.mdCell a{color:#0a1a3a;font-size:14.5px;font-weight:600;text-decoration:none;overflow-wrap:anywhere} .mdIc{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#e4effe;color:#0b73f0}.mdIc svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mdIc.sm{width:36px;height:36px} .mdSec{display:grid;gap:10px;padding:14px;border-radius:14px;background:#f8fafd;border:1px solid #eef2f7}.mdSec h4{margin:0;font-size:14px}.mdRow{display:flex;align-items:center;justify-content:space-between;gap:10px} .mdMsg{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#e9eff8}.mdMsg p{margin:0;font-size:14.5px;white-space:pre-wrap;overflow-wrap:anywhere} .mdReply{padding:14px;border-radius:12px;background:#eaf8ef;font-size:14.5px;white-space:pre-wrap;overflow-wrap:anywhere}.mdMeta{color:#5f7391;font-size:12.5px} .mdSec textarea{width:100%;box-sizing:border-box;min-height:130px;padding:12px 14px;border:1.5px solid #e3e9f2;border-radius:12px;font:inherit;font-size:14.5px;resize:vertical;outline:0;background:#fff;color:#0a1a3a}.mdSec textarea:focus{border-color:#0b73f0;box-shadow:0 0 0 3px rgba(11,115,240,.14)} .mdCount{justify-self:end;font-size:12px;color:#5f7391}.mdNote{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:13px;color:#5f7391}.mdNote svg{flex:none;width:18px;height:18px;stroke:#5f7391;fill:none;stroke-width:1.8} @media (max-width:700px){.mdSummary{grid-template-columns:1fr;gap:12px}.mdCell{padding:0 10px}.mdCell+.mdCell{border-left:0;border-top:1px solid #dbe3ef;padding-top:12px}} /* Conteúdo estático (SEO) exibido antes do app carregar */ body.seoBoot:not([data-seo-page="home"]) .page{display:none!important} .seoStatic{padding-top:24px;padding-bottom:40px}.seoStatic h1{margin:8px 0 14px;font-size:clamp(24px,3.4vw,34px);letter-spacing:-.02em;color:#0a1a3a}.seoStatic h2{font-size:18px;margin:18px 0 8px}.seoStatic a{color:#0b5fd1} .seoCrumb ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;font-size:13px;color:#5f7391}.seoCrumb li+li:before{content:"›";margin-right:8px;color:#93a4bd} .seoGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:0;padding:0;list-style:none}.seoGrid article{padding:12px;border:1px solid #e3e9f2;border-radius:14px;background:#fff}.seoGrid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.seoGrid h2{font-size:15px;margin:8px 0 4px}.seoGrid a{text-decoration:none;color:#0a1a3a} .seoPager{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.seoStatic article>img{max-width:420px;width:100%;height:auto}