/* Páginas internas da prévia. Cores e fontes vêm de cada tema (--ink, --serif...). */
.pg{max-width:1360px;margin:auto;padding:28px 32px 100px}
.migalha{font-size:12px;color:var(--muted);margin-bottom:26px;letter-spacing:.03em}
.migalha a:hover{color:var(--ink)}
.pg-tit,.cat-cab h1,.pd-info h1,.ob h1,.sb-hero h1,.sb-cta h2{font-family:var(--serif);font-weight:var(--serif-w,400);line-height:1.1}
.pg-tit{font-size:clamp(34px,4vw,52px);margin-bottom:30px}
.pg-sub{color:var(--muted);margin:-18px 0 36px}
.kick{display:block;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin:14px 0 10px}
.lnk{background:none;border:0;font:inherit;font-size:12px;color:var(--muted);text-decoration:underline;cursor:pointer;padding:0}
.lnk:hover{color:var(--ink)}
.dica{display:block;font-size:12px;color:var(--muted);margin:6px 0 14px}
.estrelas{color:var(--estrela,#b38b59);letter-spacing:.12em}
.so-cel{display:none!important}

/* botões */
.b1,.b2{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 30px;font:inherit;font-size:11px;font-weight:var(--bt-w,500);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:.25s;border:1px solid var(--fill);border-radius:var(--raio,0);text-align:center}
.b1{background:var(--fill);color:#fff}
.b1:hover{background:var(--fill-h,#000);border-color:var(--fill-h,#000)}
.b1:disabled{background:#bbb;border-color:#bbb;cursor:not-allowed}
.b2{background:transparent;color:var(--ink)}
.b2:hover{background:var(--ink);color:#fff}
.largo{width:100%}
input,select,textarea{font:inherit;color:var(--ink)}
.cps{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cps label,.ct-login label{display:flex;flex-direction:column;gap:7px;font-size:12px;letter-spacing:.04em;color:var(--muted)}
.cps .l2{grid-column:span 2}
.cps input,.cps select,.cps textarea,.ct-login input,.linha-form input,.pd-frete input,.pd-avise input{border:1px solid var(--line);background:#fff;padding:13px 14px;outline:none;border-radius:var(--raio,0);transition:.2s;width:100%}
.cps input:focus,.cps select:focus,.cps textarea:focus,.ct-login input:focus,.linha-form input:focus{border-color:var(--ink)}
.linha-form{display:flex;gap:8px;margin-top:14px}
.linha-form input{flex:1;min-width:0}
.linha-form .b2,.linha-form .b1{padding:12px 18px}
.qtd-ctl{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--raio,0);height:44px}
.qtd-ctl button{width:36px;height:100%;border:0;background:none;font-size:16px;cursor:pointer;color:var(--ink)}
.qtd-ctl b{min-width:26px;text-align:center;font-weight:500}
.vazio{text-align:center;padding:80px 20px;color:var(--muted)}
.vazio p{margin-bottom:26px;line-height:1.7}
.grade{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 22px}
.grade>*,.grid>*,.cat-corpo>*{min-width:0}
.tams div{flex-wrap:wrap}
.acd{border-bottom:1px solid var(--line)}
.acd summary{list-style:none;cursor:pointer;padding:18px 0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;display:flex;justify-content:space-between}
.acd summary::-webkit-details-marker{display:none}
.acd summary::after{content:'+';font-size:18px;font-weight:300}
.acd[open] summary::after{content:'−'}
.acd>div{padding:0 0 20px;color:var(--muted);line-height:1.8;font-size:14px}
.acd a{text-decoration:underline}
.tabela-wrap{overflow-x:auto;margin:18px 0}
.tabela{width:100%;border-collapse:collapse;font-size:13px;text-align:center}
.tabela th{background:var(--soft);font-weight:500;padding:12px;letter-spacing:.06em}
.tabela td{padding:11px;border-bottom:1px solid var(--line)}
.nota{font-size:12px;color:var(--muted);line-height:1.7}

/* gaveta */
#ld-veu{position:fixed;inset:0;background:rgba(20,18,17,.4);opacity:0;pointer-events:none;transition:.35s;z-index:90}
#ld-gaveta{position:fixed;top:0;right:0;bottom:0;width:min(430px,100%);background:var(--bg);z-index:91;transform:translateX(100%);transition:.4s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column}
.ld-aberta #ld-veu{opacity:1;pointer-events:auto}
.ld-aberta #ld-gaveta{transform:none}
.ld-aberta{overflow:hidden}
.gv-cab{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.gv-cab b{font-weight:500}
.gv-cab button,.gv-rm,.md-x{background:none;border:0;cursor:pointer;color:var(--ink)}
.gv-frete{padding:16px 24px;font-size:12px;background:var(--soft)}
.gv-frete b{font-weight:600}
.gv-frete i{display:block;height:3px;background:var(--line);margin-top:10px}
.gv-frete u{display:block;height:100%;background:var(--ink);transition:.5s}
.gv-itens{flex:1;overflow:auto;padding:8px 24px}
.gv-it{display:grid;grid-template-columns:84px 1fr auto;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}
.gv-it img{height:110px}
.gv-it small{display:block;color:var(--muted);margin:5px 0 10px;font-size:12px}
.gv-q{display:flex;justify-content:space-between;align-items:center}
.gv-q .qtd-ctl{height:34px}
.gv-q strong{font-weight:500}
.gv-rm{align-self:start;color:var(--muted)}
.gv-pe{padding:20px 24px;border-top:1px solid var(--line);display:grid;gap:10px}
.gv-sub{display:flex;justify-content:space-between;font-size:15px}
.gv-pe>small{color:var(--muted);font-size:12px;margin-bottom:6px}
.gv-vazia{padding:60px 24px;text-align:center;color:var(--muted)}
.gv-vazia p{margin-bottom:24px}

/* busca */
#ld-busca{position:fixed;inset:0;background:rgba(20,18,17,.45);z-index:95;opacity:0;pointer-events:none;transition:.3s}
#ld-busca.on{opacity:1;pointer-events:auto}
.bs-in{background:var(--bg);padding:34px 32px 30px;transform:translateY(-30px);transition:.35s}
#ld-busca.on .bs-in{transform:none}
.bs-in form{max-width:820px;margin:auto;display:flex;border-bottom:1px solid var(--ink)}
.bs-in input{flex:1;border:0;background:none;padding:14px 4px;font-size:20px;outline:none;font-family:var(--serif)}
.bs-in form button{background:none;border:0;cursor:pointer;color:var(--ink)}
.bs-res{max-width:820px;margin:16px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bs-res a{display:flex;flex-direction:column;gap:8px;font-size:12px}
.bs-res img{aspect-ratio:3/4;height:auto}
.bs-res b{display:block;font-weight:500;margin-top:3px}
.bs-res p{color:var(--muted);font-size:13px}
.bs-sug{max-width:820px;margin:18px auto 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.bs-sug small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-right:6px}
.bs-sug a{border:1px solid var(--line);padding:6px 14px;font-size:12px;border-radius:var(--raio-p,0)}
.bs-sug a:hover{border-color:var(--ink)}

/* aviso, modal, botão de troca */
#ld-toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,140px);background:var(--ink);color:#fff;padding:14px 26px;font-size:13px;z-index:120;transition:.4s;border-radius:var(--raio,0);max-width:90vw;text-align:center}
#ld-toast.on{transform:translate(-50%,0)}
.ld-modal{position:fixed;inset:0;background:rgba(20,18,17,.45);z-index:110;display:grid;place-items:center;padding:16px}
.ld-modal>div{background:var(--bg);max-width:640px;width:100%;max-height:88vh;overflow:auto;padding:36px;position:relative}
.ld-modal h3{font-family:var(--serif);font-weight:400;font-size:30px}
.md-x{position:absolute;top:16px;right:16px}
#ld-controles{position:fixed;left:20px;bottom:20px;z-index:80;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
#ld-paleta{position:relative;font-family:Jost,Montserrat,sans-serif}
#ld-pal-bt{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d6d6d6;border-radius:40px;padding:6px 16px 6px 6px;box-shadow:0 10px 30px rgba(0,0,0,.14);cursor:pointer;font:inherit;color:#1c1a19;text-align:left}
#ld-pal-bt small{display:block;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#8a8280;line-height:1.2}
#ld-pal-bt b{font-weight:500;font-size:13px}
#ld-pal-bt em{font-style:normal;font-size:10px;color:#8a8280;transition:.25s}
#ld-paleta.aberta #ld-pal-bt em{transform:rotate(180deg)}
#ld-paleta i{display:block;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);flex:none}
#ld-pal-lista{position:absolute;left:0;bottom:calc(100% + 10px);background:#fff;border:1px solid #e2e2e2;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.2);padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px;width:360px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.25s}
#ld-paleta.aberta #ld-pal-lista{opacity:1;pointer-events:auto;transform:none}
#ld-pal-lista small{grid-column:span 2;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#8a8280;padding:2px 6px 8px}
#ld-pal-lista button{display:flex;align-items:center;gap:10px;border:1px solid transparent;background:none;border-radius:30px;padding:5px 12px 5px 5px;cursor:pointer;font:inherit;font-size:13px;color:#1c1a19;text-align:left}
#ld-pal-lista button:hover{background:#f4f4f4}
#ld-pal-lista button.on{border-color:#1c1a19}
#ld-trocar{background:#fff;color:#1c1a19;border:1px solid #1c1a19;border-radius:40px;padding:10px 22px 11px;font-family:Jost,Montserrat,sans-serif;font-size:13px;font-weight:500;letter-spacing:.04em;box-shadow:0 10px 30px rgba(0,0,0,.18);display:flex;flex-direction:column;line-height:1.25;transition:.25s}
#ld-trocar small{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#8a8280;font-weight:400}
#ld-trocar:hover{background:#1c1a19;color:#fff}

/* categoria */
.cat-cab{text-align:center;margin-bottom:34px}
.cat-cab h1{font-size:clamp(40px,5vw,66px)}
.cat-desc{color:var(--muted);margin-top:10px}
.cat-barra{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:34px;font-size:12px;color:var(--muted);gap:12px}
.cat-barra label{display:flex;align-items:center;gap:10px;letter-spacing:.08em}
.cat-barra select{border:0;background:none;font-size:13px;cursor:pointer;outline:none}
.cat-corpo{display:grid;grid-template-columns:220px 1fr;gap:44px;align-items:start}
.cat-corpo .grade{grid-template-columns:repeat(3,1fr)}
.filtros{position:sticky;top:180px}
.ft{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.ft h4{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;margin-bottom:14px}
.ft>a{display:block;font-size:13px;padding:5px 0;color:var(--muted)}
.ft>a:hover,.ft>a.on{color:var(--ink)}
.ft>a.on{font-weight:500}
.ft-tams{display:flex;flex-wrap:wrap;gap:6px}
.ft-tams input,.ft-cores input{display:none}
.ft-tams span{display:grid;place-items:center;min-width:40px;height:34px;padding:0 8px;border:1px solid var(--line);font-size:12px;cursor:pointer;border-radius:var(--raio,0)}
.ft-tams input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.ft-cores{display:flex;flex-wrap:wrap;gap:8px}
.ft-cores i{display:block;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);cursor:pointer;outline:1px solid transparent;outline-offset:3px}
.ft-cores input:checked+i{outline-color:var(--ink)}
.ft-r{display:flex;gap:8px;align-items:center;font-size:13px;padding:4px 0;cursor:pointer;color:var(--muted)}

/* produto */
.pd-corpo{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:start}
.pd-gal{display:grid;grid-template-columns:84px 1fr;gap:14px;position:sticky;top:170px}
.pd-mini{display:flex;flex-direction:column;gap:10px}
.pd-mini button{border:1px solid transparent;padding:0;background:none;cursor:pointer;aspect-ratio:3/4;opacity:.6;transition:.2s}
.pd-mini button.on,.pd-mini button:hover{opacity:1;border-color:var(--ink)}
.pd-grande{aspect-ratio:3/4;overflow:hidden;background:var(--soft);cursor:zoom-in}
.pd-grande img{transition:transform .2s;transform-origin:var(--zx,50%) var(--zy,50%)}
.pd-grande:hover img{scale:1.7}
.pd-selos{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.selo-x{font-size:10px;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--line);padding:5px 10px;font-weight:500}
.selo-x.off{background:var(--acc);border-color:var(--acc);color:#fff}
.pd-info h1{font-size:clamp(30px,3vw,44px)}
.pd-ref{font-size:12px;color:var(--muted);margin:12px 0 22px}
.pd-ref a{text-decoration:underline}
.pd-preco{display:flex;gap:12px;align-items:baseline}
.pd-preco b{font-size:28px;font-weight:var(--preco-w,400);font-family:var(--preco-f,inherit)}
.pd-preco s{color:var(--muted)}
.pd-parc{font-size:13px;color:var(--muted);margin:6px 0 28px;line-height:1.6}
.pd-parc b{color:var(--ink);font-weight:500}
.pd-op{margin-bottom:24px}
.pd-op h4{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;margin-bottom:12px;display:flex;justify-content:space-between}
.pd-op h4 span{color:var(--muted);text-transform:none;letter-spacing:.02em;font-weight:400;font-size:13px;margin-left:6px;flex:1}
.pd-op h4 a{text-transform:none;letter-spacing:0;font-weight:400;font-size:12px;text-decoration:underline;color:var(--muted)}
.pd-cores{display:flex;gap:10px}
.pd-cores button{width:36px;height:36px;border-radius:50%;border:1px solid transparent;background:none;padding:3px;cursor:pointer}
.pd-cores button.on{border-color:var(--ink)}
.pd-cores i{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.pd-tams{display:flex;gap:8px;flex-wrap:wrap;border-radius:4px;transition:.2s}
.pd-tams.erro{outline:1px solid var(--acc);outline-offset:6px}
.pd-tams button{min-width:52px;height:46px;border:1px solid var(--line);background:#fff;cursor:pointer;font:inherit;font-size:13px;border-radius:var(--raio,0)}
.pd-tams button:hover{border-color:var(--ink)}
.pd-tams button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.pd-tams button:disabled{color:#bbb;background:repeating-linear-gradient(135deg,#fff 0 6px,#f3f3f3 6px 7px);cursor:not-allowed}
.pd-comprar{display:flex;gap:10px;margin:30px 0 10px}
.pd-comprar .qtd-ctl{height:auto}
.pd-comprar .b1{flex:1}
.pd-fav{width:50px;border:1px solid var(--line);background:#fff;cursor:pointer;border-radius:var(--raio,0)}
.pd-fav svg{fill:none;stroke:var(--ink);stroke-width:1.5;vertical-align:middle}
.pd-fav.on svg{fill:var(--acc);stroke:var(--acc)}
.pd-avise{display:flex;gap:8px;margin-top:6px}
.pd-frete{margin:30px 0 20px;padding:20px;background:var(--soft)}
.pd-frete h4{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;margin-bottom:12px}
.pd-frete form{display:flex;gap:8px}
.pd-frete input{flex:1}
#frete-res div,.fr-op{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;gap:10px}
#frete-res small,.fr-op small{display:block;color:var(--muted);font-size:12px}
.fr-op{cursor:pointer}
.fr-op span{flex:1}
.pd-benef{list-style:none;font-size:13px;color:var(--muted);margin-bottom:20px;line-height:2}
.pd-benef li::before{content:'✓  ';color:var(--ink)}
.pd-aval,.pd-rel{margin-top:100px}
.pd-aval h2,.pd-rel h2{font-family:var(--serif);font-weight:var(--serif-w,400);font-size:clamp(28px,3vw,40px);text-align:center;margin-bottom:30px}
.av-res{text-align:center;margin-bottom:40px}
.av-res b{display:block;font-family:var(--serif);font-size:54px;font-weight:300;line-height:1}
.av-res small{display:block;color:var(--muted);margin-top:6px}
.av-lista{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.av-lista>div{background:var(--soft);padding:28px}
.av-lista p{margin:12px 0;line-height:1.7;font-style:italic}
.av-lista small{color:var(--muted);font-size:12px}

/* sacola e checkout */
.sc-corpo,.ck-corpo{display:grid;grid-template-columns:1fr 380px;gap:50px;align-items:start}
.sc-cab{display:grid;grid-template-columns:1fr 130px 110px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding-bottom:14px;border-bottom:1px solid var(--line)}
.sc-cab span:first-child{padding-left:0}
.sc-it{display:grid;grid-template-columns:100px 1fr 130px 110px;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.sc-img img{height:130px}
.sc-nome a{font-size:15px}
.sc-nome small{display:block;color:var(--muted);font-size:12px;margin-top:5px}
.sc-nome .lnk{margin-top:10px}
.sc-tot{text-align:right;font-weight:500}
.sc-lista>.lnk{display:inline-block;margin-top:22px}
.resumo{background:var(--soft);padding:30px;position:sticky;top:170px}
.resumo h3{font-family:var(--serif);font-weight:var(--serif-w,400);font-size:26px;margin-bottom:8px}
.rs-l{display:flex;justify-content:space-between;padding:10px 0;font-size:14px}
.rs-l.verde{color:#3c7a4a}
.rs-t{border-top:1px solid var(--line);margin-top:8px;padding-top:16px;font-size:16px}
.rs-t b{font-size:22px;font-weight:500}
.resumo .b1{margin-top:12px}
.selos-seg{text-align:center;font-size:12px;color:var(--muted);margin-top:14px}
.ck-passos{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:46px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.ck-passos i{width:50px;height:1px;background:var(--line)}
.ck-passos .on{color:var(--ink);font-weight:500}
.ck-form fieldset{border:0;border-top:1px solid var(--line);padding:28px 0 34px}
.ck-form legend{font-family:var(--serif);font-size:24px;padding-right:14px;display:flex;align-items:center;gap:12px}
.ck-form legend b{width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--sans);font-size:13px;display:grid;place-items:center;font-weight:500}
.ck-form fieldset>.cps{margin-top:18px}
#ck-fretes{margin-top:16px}
.ck-abas{display:flex;gap:8px;margin:18px 0}
.ck-abas button{flex:1;padding:16px 10px;border:1px solid var(--line);background:#fff;cursor:pointer;font:inherit;font-size:13px;border-radius:var(--raio,0)}
.ck-abas button.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.ck-abas small{color:#3c7a4a;font-size:11px;font-weight:500}
.ck-pg{display:none;color:var(--muted);line-height:1.7;font-size:14px}
.ck-pg.on{display:block}
.ck-its>div{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:10px 0;font-size:13px}
.ck-im{position:relative;height:74px;display:block}
.ck-im i{position:absolute;top:-7px;right:-7px;background:var(--ink);color:#fff;width:20px;height:20px;border-radius:50%;font-style:normal;font-size:11px;display:grid;place-items:center}
.ck-its small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.ck-its b{font-weight:500}
.ck-its{border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:6px}

/* obrigado */
.ob{text-align:center;max-width:820px}
.ob>svg{color:#3c7a4a;margin:30px auto 0;display:block}
.ob h1{font-size:clamp(36px,4.4vw,56px);margin-bottom:14px}
.ob>p{color:var(--muted)}
.ob-pix{display:flex;gap:40px;align-items:center;justify-content:center;background:var(--soft);padding:36px;margin:40px 0;text-align:left}
.ob-pix svg{background:#fff;padding:10px;flex:none}
.ob-pix h3{font-family:var(--serif);font-weight:400;font-size:28px}
.ob-pix p{color:var(--muted);font-size:14px;margin:8px 0 14px;line-height:1.6}
.ob-v{display:block;font-size:26px;font-weight:500;margin-bottom:6px}
.ob-tl{display:flex;justify-content:space-between;margin:40px 0;position:relative}
.ob-tl::before{content:'';position:absolute;top:7px;left:8%;right:8%;height:1px;background:var(--line)}
.ob-tl div{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;letter-spacing:.06em;color:var(--muted);position:relative}
.ob-tl i{width:15px;height:15px;border-radius:50%;background:var(--bg);border:1px solid var(--line)}
.ob-tl .on{color:var(--ink)}
.ob-tl .on i{background:var(--ink);border-color:var(--ink)}
.ob-bts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* conta / ajuda */
.ct-login{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.ct-login form{display:flex;flex-direction:column;gap:16px;background:var(--soft);padding:40px}
.ct-login h3{font-family:var(--serif);font-weight:var(--serif-w,400);font-size:28px;margin-bottom:6px}
.ct-login .ck{flex-direction:row;align-items:center;gap:8px}
.ct-login .ck input{width:auto}
.ou{text-align:center;font-size:12px;color:var(--muted);position:relative}
.ou::before{content:'';position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--line)}
.ou span{background:var(--soft);padding:0 12px;position:relative}
.ct-corpo{display:grid;grid-template-columns:240px 1fr;gap:56px;align-items:start}
.ct-menu{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.ct-menu a{padding:15px 4px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted);transition:.2s}
.ct-menu a:hover,.ct-menu a.on{color:var(--ink);padding-left:12px}
.ct-menu a.on{font-weight:500;border-left:2px solid var(--ink)}
.ct-cont h2{font-family:var(--serif);font-weight:var(--serif-w,400);font-size:32px;margin-bottom:24px}
.aj>p{color:var(--muted);line-height:1.8;margin-bottom:10px}
.pe{border:1px solid var(--line);padding:24px;margin-bottom:18px;background:#fff}
.pe-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.pe-cab small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.status{font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;background:#f6e7c8;color:#7a5a12;font-weight:500}
.status.s1{background:#dde8f4;color:#284d7a}.status.s4{background:#dcefdf;color:#2d6a3a}
.pe-its{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0 6px}
.pe-its a{display:flex;gap:12px;align-items:center;font-size:13px}
.pe-its img{width:54px;height:70px}
.pe-its small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.pe details summary{cursor:pointer;font-size:12px;text-decoration:underline;color:var(--muted);margin-top:10px}
.pe .ob-tl{margin:26px 0 6px}
.end{border:1px solid var(--line);padding:22px;margin-bottom:16px;background:#fff;line-height:1.7}
.end p{color:var(--muted);font-size:14px;margin:6px 0}

/* sobre */
.sb-hero{position:relative;height:66vh;min-height:420px;overflow:hidden}
.sb-hero img{position:absolute;inset:0}
.sb-hero>div{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(20,18,17,.35);color:#fff}
.sb-hero .kick{color:#eee}
.sb-hero h1{font-size:clamp(42px,6vw,86px)}
.sb-hero em{font-style:italic}
.sb{max-width:1100px;padding-top:80px}
.sb-txt{max-width:720px;margin:auto;text-align:center}
.sb-txt p{color:var(--muted);line-height:1.9;margin-bottom:18px}
.sb-lead{font-family:var(--serif);font-size:clamp(24px,2.6vw,32px);line-height:1.4!important;color:var(--ink)!important}
.sb-nums{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;margin:70px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0}
.sb-nums b{display:block;font-family:var(--serif);font-weight:300;font-size:46px}
.sb-nums span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.sb-fotos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.sb-fotos img{aspect-ratio:3/4;height:auto}
.sb-fotos img:nth-child(2){margin-top:60px}
.sb-val{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:90px 0;text-align:center}
.sb-val h3{font-family:var(--serif);font-weight:400;font-size:28px;margin-bottom:12px}
.sb-val p{color:var(--muted);line-height:1.8}
.sb-cta{text-align:center;background:var(--soft);padding:70px 20px}
.sb-cta h2{font-size:clamp(32px,3.6vw,48px);margin-bottom:26px}

/* contato */
.co-corpo{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:start}
.co-info{display:grid;gap:26px;background:var(--soft);padding:34px}
.co-info h4{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;margin-bottom:8px}
.co-info p{color:var(--muted);line-height:1.7;font-size:14px;margin-bottom:10px}
.co-mapa{height:150px;background:repeating-linear-gradient(45deg,#e8e2dd 0 2px,transparent 2px 22px),repeating-linear-gradient(-45deg,#e8e2dd 0 2px,#f6f2ef 2px 30px);display:grid;place-items:center;font-size:13px;color:var(--muted)}

@media(max-width:900px){
 .pg{padding:20px 16px 90px}
 .so-cel{display:inline-flex!important}
 .grade,.cat-corpo .grade{grid-template-columns:1fr 1fr;gap:26px 12px}
 .cat-corpo{grid-template-columns:1fr}
 .filtros{position:fixed;inset:0 0 0 auto;width:86%;background:var(--bg);z-index:92;padding:24px;overflow:auto;transform:translateX(100%);transition:.35s;top:0}
 .ld-filtros .filtros{transform:none;box-shadow:-20px 0 60px rgba(0,0,0,.2)}
 .pd-corpo,.sc-corpo,.ck-corpo,.co-corpo,.ct-login,.ct-corpo{grid-template-columns:1fr;gap:34px}
 .pd-gal{grid-template-columns:1fr;position:static}.pd-mini{flex-direction:row;order:2}.pd-mini button{width:64px}
 .av-lista,.sb-val{grid-template-columns:1fr}
 .sc-cab{display:none}
 .sc-it{grid-template-columns:84px 1fr;gap:6px 14px}.sc-img{grid-row:span 2}.sc-img img{height:110px}.sc-tot{text-align:left}
 .resumo{position:static}
 .cps{grid-template-columns:1fr}.cps .l2{grid-column:auto}
 .ck-passos{gap:6px;font-size:9px;letter-spacing:.08em}.ck-passos i{width:12px}
 .ob-pix{flex-direction:column;text-align:center;padding:24px}
 .ob-tl span{font-size:9px}
 .ct-login form{padding:26px}
 .sb-nums{grid-template-columns:1fr 1fr;gap:30px}
 .sb-fotos{grid-template-columns:1fr 1fr}.sb-fotos img:nth-child(3){display:none}.sb-fotos img:nth-child(2){margin-top:30px}
 .bs-res{grid-template-columns:1fr 1fr}
 .bs-in{padding:20px 16px}
 .cat-barra{flex-wrap:wrap}#cat-n{order:3;width:100%}.cat-barra select{max-width:150px}
 #ld-controles{left:12px;bottom:14px;gap:6px}
 #ld-trocar{padding:8px 16px 9px;font-size:12px}
 #ld-pal-lista{width:min(340px,calc(100vw - 24px))}
 #ld-pal-bt{padding:5px 14px 5px 5px}#ld-paleta i{width:24px;height:24px}
}
