:root{
  --ink:#15102E; --ink-2:#221B42; --ink-3:#2C2552; --line:#E7E3F2; --line-2:#D4CDE8;
  --bg:#F5F3FB; --muted:#4E4868; --muted-2:#433D5E; --on-dark:#C9C2E6;
  --brand:#6D3AE8; --brand-hover:#5426C8; --brand-soft:#EFE9FF; --brand-ink:#3D1F99;
  --ok-bg:#DDF3E8; --ok-ink:#07513A; --err-bg:#FDE7E4; --err-ink:#8A1C12;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Manrope',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:var(--brand)} a:hover{color:var(--brand-hover)}
h1,h2,h3{font-family:'Outfit',sans-serif;margin:0}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid #B9A2FF;outline-offset:2px}
.sr{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Botões e campos */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;border:0;background:var(--brand);color:#fff;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--brand-hover);color:#fff}
.btn.dark{background:var(--ink)} .btn.dark:hover{background:#000}
.btn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line-2)} .btn.ghost:hover{border-color:var(--ink);color:var(--ink)}
.btn.small{min-height:36px;padding:0 12px;font-size:13px;border-radius:10px}
.btn.danger{background:#fff;color:var(--err-ink);border:1.5px solid #F2C4BE}
.btn.danger:hover{background:var(--err-bg);color:var(--err-ink)}
.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--muted-2)}
.field input,.field select,.field textarea{font-weight:500;font-size:15px;color:var(--ink);min-height:46px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;width:100%}
.field textarea{min-height:80px;resize:vertical}
.field small{font-weight:500;color:var(--muted)}
.prefix{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:10px;background:#fff;padding-left:12px}
.prefix span{color:var(--muted);font-weight:600;font-size:14px;white-space:nowrap}
.prefix input{border:0!important;min-height:44px;padding-left:2px!important}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--muted-2);font-weight:500}
.check input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--brand);flex-shrink:0}
.alert{padding:12px 14px;border-radius:12px;font-weight:700;font-size:14px}
.alert.ok{background:var(--ok-bg);color:var(--ok-ink)}
.alert.err{background:var(--err-bg);color:var(--err-ink)}

/* Telas de entrada */
.auth{min-height:100vh;display:flex;flex-wrap:wrap}
.auth-side{flex:1 1 380px;background:var(--ink);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.auth-side h2{font-size:clamp(30px,3.6vw,46px);line-height:1.05;font-weight:800}
.auth-side p{color:var(--on-dark);font-size:17px;line-height:1.6;max-width:420px}
.auth-main{flex:1 1 440px;display:flex;align-items:center;justify-content:center;padding:40px 24px}
.auth-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:16px}
.auth-card h1{font-size:30px;font-weight:800}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-family:'Outfit',sans-serif;font-weight:800;font-size:22px}
.brand img{width:36px;height:36px}

/* Painel */
.panel{min-height:100vh;display:flex;flex-wrap:wrap}
.side{flex:1 1 220px;max-width:100%;background:var(--ink);color:#fff;padding:22px 16px;display:flex;flex-direction:column;gap:6px}
.side .brand{padding:0 8px 18px;color:#fff}
.side nav{display:flex;flex-direction:column;gap:4px}
.side nav a,.side nav span{display:flex;gap:10px;align-items:center;padding:12px;border-radius:12px;color:var(--on-dark);text-decoration:none;font-weight:600;font-size:15px}
.side nav a[aria-current]{background:var(--ink-3);color:#fff;font-weight:700}
.side nav a:hover{color:#fff}
.side nav span{opacity:.6;cursor:default;white-space:nowrap}
.side nav span em{margin-left:auto;font-style:normal;font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;background:var(--ink-3);white-space:nowrap}
.side .foot{margin-top:auto;padding:12px;border-radius:14px;background:var(--ink-2);display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--on-dark)}
.side .foot button{background:none;border:0;color:#fff;font-weight:700;padding:0;text-align:left;cursor:pointer;font-size:14px}
.main{flex:999 1 560px;min-width:0;padding:24px;display:flex;flex-direction:column;gap:20px}
.topbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.topbar h1{font-size:28px;font-weight:800}
.topbar .url{font-size:14px;color:var(--muted)}
.cols{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.col{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:16px}
.card{background:#fff;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:14px}
.card h2{font-size:18px;font-weight:700}
.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.kpi{background:#fff;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:4px}
.kpi span{font-size:13px;font-weight:700;color:var(--muted)}
.kpi strong{font-family:'Outfit',sans-serif;font-size:30px;font-weight:800}
.link-row{display:flex;align-items:center;gap:10px;padding:12px;border:1.5px solid var(--line);border-radius:14px;flex-wrap:wrap}
.link-row.off{opacity:.6}
.link-row .info{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;gap:2px}
.link-row .info strong{font-size:15px;overflow-wrap:anywhere}
.link-row .info span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.link-row .acts{display:flex;gap:6px;flex-wrap:wrap}
.link-row form{margin:0}
.icon-btn{width:36px;height:36px;border-radius:10px;border:1.5px solid var(--line-2);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}
.icon-btn:hover{border-color:var(--ink)}
.icon-btn:disabled{opacity:.35;cursor:default}
.tag{font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink)}
.themes{display:flex;flex-wrap:wrap;gap:10px}
.theme-opt{position:relative}
.theme-opt input{position:absolute;opacity:0}
.theme-opt label{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;min-width:82px;border-radius:14px;border:2px solid var(--line);cursor:pointer;font-size:13px;font-weight:700}
.theme-opt input:checked+label{border-color:var(--ink)}
.theme-opt input:focus-visible+label{outline:3px solid #B9A2FF;outline-offset:2px}
.swatch{width:58px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}
.swatch i{width:28px;height:12px;border-radius:999px;display:block}
.sources{display:flex;flex-direction:column;gap:10px}
.src-row{display:flex;flex-direction:column;gap:5px;font-size:14px}
.src-row div{display:flex;justify-content:space-between}
.bar{height:8px;border-radius:999px;background:#ECEAF3}
.bar i{display:block;height:8px;border-radius:999px;background:var(--brand)}
.preview{flex:0 1 340px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;position:sticky;top:20px}
.phone{width:320px;max-width:100%;height:640px;border-radius:44px;background:var(--ink);padding:12px}
.phone iframe{width:100%;height:100%;border:0;border-radius:34px;background:#fff}
.empty{padding:22px;border:2px dashed var(--line-2);border-radius:14px;text-align:center;color:var(--muted);font-size:14px}
details.add summary{list-style:none;cursor:pointer}
details.add summary::-webkit-details-marker{display:none}
.kind-pills{display:flex;gap:8px;flex-wrap:wrap}
.kind-pills label{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1.5px solid var(--line-2);font-size:13px;font-weight:700;cursor:pointer;color:var(--ink)}
.kind-pills input{accent-color:var(--brand)}
@media (max-width:760px){.preview{display:none}.side{flex-basis:100%}.main{padding:16px}}

/* Página pública */
.pub{min-height:100vh;background:var(--t-bg);color:var(--t-text);display:flex;justify-content:center}
.pub-in{width:100%;max-width:520px;padding:44px 20px 28px;display:flex;flex-direction:column;gap:12px}
.pub-head{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding-bottom:8px}
.avatar{width:88px;height:88px;border-radius:50%;background:var(--t-accent);color:var(--t-on);display:flex;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;font-weight:800;font-size:32px}
.pub-head h1{font-size:24px;font-weight:800;margin-top:6px}
.pub-head p{margin:0;color:var(--t-muted);font-size:15px;line-height:1.5;white-space:pre-line}
.pub-link{display:flex;align-items:center;justify-content:center;text-align:center;min-height:54px;padding:12px 18px;border-radius:16px;background:var(--t-card);color:var(--t-text);font-weight:700;font-size:15px;text-decoration:none;transition:transform .12s}
.pub-link:hover{transform:translateY(-1px);color:var(--t-text)}
.pub-link.primary{background:var(--t-accent);color:var(--t-on)}
.pub-link.primary:hover{color:var(--t-on)}
.pub-text{padding:14px 16px;border-radius:16px;background:var(--t-card);font-size:14px;line-height:1.55;color:var(--t-text);white-space:pre-line}
.pub-foot{margin-top:auto;padding-top:20px;text-align:center;font-size:12px;font-weight:600}
.pub-foot a{color:var(--t-muted);text-decoration:none}
.pub-empty{text-align:center;color:var(--t-muted);font-size:14px;padding:24px 0}

/* v2 — catálogo e contatos (painel) */
.side nav a .count{margin-left:auto;min-width:22px;padding:2px 7px;border-radius:999px;background:#B9A2FF;color:var(--ink);font-size:12px;font-weight:800;text-align:center}
.mini{width:52px;height:52px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--bg)}
.empty-mini{display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}
.thumbs{display:flex;flex-wrap:wrap;gap:10px}
.thumb{position:relative;width:96px;height:96px}
.thumb img{width:96px;height:96px;object-fit:cover;border-radius:12px;display:block}
.thumb form{position:absolute;top:4px;right:4px;margin:0}
.thumb .icon-btn{width:32px;height:32px;background:rgba(255,255,255,.95)}
.stage-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.stage-tabs a{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:16px;background:#fff;color:var(--ink);text-decoration:none}
.stage-tabs a span{font-size:13px;font-weight:700}
.stage-tabs a strong{font-family:'Outfit',sans-serif;font-size:26px;font-weight:800}
.stage-tabs a[aria-current]{background:var(--ink);color:#fff}
.table{width:100%;min-width:760px;border-collapse:collapse;font-size:14px}
.table th{text-align:left;padding:12px;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700}
.table td{padding:12px;border-top:1px solid var(--line);vertical-align:middle}
.table th:first-child,.table td:first-child{padding-left:20px}
.table th:last-child,.table td:last-child{padding-right:20px}
.table .sub{display:block;font-size:13px;color:var(--muted)}
.table .muted{color:var(--muted)}
.table form{margin:0}
.src{padding:4px 9px;border-radius:8px;background:var(--bg);font-size:12px;font-weight:700;color:var(--muted-2)}
.stage{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:0;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}
.acts-cell{white-space:nowrap;text-align:right}
.acts-cell form{display:inline-block;vertical-align:middle}
.btn.wa{background:#E7F5EE;color:#07513A;vertical-align:middle}
.btn.wa:hover{background:#D3EEDF;color:#07513A}

/* v2 — páginas públicas do catálogo */
.pub-in.wide{max-width:760px}
.pub-bar{display:flex;align-items:center;gap:12px}
.pub-bar h1{font-size:22px;font-weight:800}
.pub-bar span{font-size:13px;color:var(--t-muted)}
.pub-bar div{display:flex;flex-direction:column}
.round{width:44px;height:44px;border-radius:12px;background:var(--t-card);color:var(--t-text);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.round:hover{color:var(--t-text)}
.search{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;border-radius:14px;background:var(--t-card);color:var(--t-muted)}
.search input{flex:1;border:0;outline:none;background:transparent;font-size:15px;color:var(--t-text)}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}
.chip{flex-shrink:0;min-height:40px;padding:0 14px;border-radius:999px;border:0;background:var(--t-card);color:var(--t-text);font-size:14px;font-weight:700;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--t-accent);color:var(--t-on)}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.cat-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--t-card);color:var(--t-text);text-decoration:none}
.cat-card[hidden]{display:none}
.cat-card:hover{color:var(--t-text)}
.cat-card img,.cat-card .noimg{width:100%;aspect-ratio:1/1;object-fit:cover;display:flex;align-items:center;justify-content:center;background:rgba(127,127,127,.12);color:var(--t-muted)}
.cc-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px}
.cc-body strong{font-size:14px;line-height:1.3}
.cc-body span{font-size:13px;color:var(--t-muted)}
.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;border-radius:20px;aspect-ratio:1/1;width:100%}
.gallery .slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;object-fit:cover;border-radius:20px;background:rgba(127,127,127,.12)}
.gallery .noimg{display:flex;align-items:center;justify-content:center;color:var(--t-muted)}
.hint{margin:-4px 0 0;text-align:center;font-size:12px;color:var(--t-muted)}
.pill{align-self:flex-start;padding:5px 10px;border-radius:999px;background:var(--t-card);font-size:12px;font-weight:800}
.prod-name{font-size:28px;font-weight:800;line-height:1.1}
.prod-price{font-size:19px}
.prod-desc{margin:0;font-size:15px;line-height:1.6;color:var(--t-muted);white-space:pre-line}
.interest summary{list-style:none;cursor:pointer;gap:10px}
.interest summary::-webkit-details-marker{display:none}
.interest[open] summary{display:none}
.interest-form{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:18px;background:var(--t-card)}
.pf{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700}
.pf input{min-height:50px;padding:0 14px;border-radius:12px;border:1.5px solid rgba(127,127,127,.35);background:var(--t-bg);color:var(--t-text);font-size:16px}
.pcheck{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--t-muted)}
.pcheck input{width:22px;height:22px;margin:0;flex-shrink:0;accent-color:var(--t-accent)}
.hp{position:absolute;left:-9999px}
.pub-link.catalog{justify-content:space-between;gap:12px;border:2px solid var(--t-accent)}
.pub-link.catalog .pl-t{flex:1;text-align:left}

/* v3 — QR, métricas, rastreamento, foto */
.avatar-edit{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.avatar-sm{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;font-weight:800;font-size:24px;flex-shrink:0}
img.avatar{object-fit:cover}
.colors{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.colors legend{font-size:13px;font-weight:700;color:var(--muted-2);margin-bottom:8px}
.colors label{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1.5px solid var(--line);border-radius:999px;font-size:13px;font-weight:700;cursor:pointer}
.colors input{position:absolute;opacity:0}
.colors span{width:26px;height:26px;border-radius:50%}
.colors label:has(input:checked){border-color:var(--ink)}
.colors label:has(input:focus-visible){outline:3px solid #B9A2FF;outline-offset:2px}
.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.qr-card{gap:12px}
.qr-card.off .qr-img{opacity:.4}
.qr-img{width:160px;height:160px;align-self:center;font-size:12px;color:var(--muted);text-align:center}
.qr-img svg{width:100%;height:100%;display:block;border-radius:8px}
.qr-info{display:flex;flex-direction:column;gap:4px}
.qr-info .sub{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.qr-info .scans{font-size:14px;margin-top:4px}
.qr-info .scans strong{font-family:'Outfit',sans-serif;font-size:22px}
.link-btn{align-self:flex-start;background:none;border:0;padding:0;color:var(--brand);font-weight:700;font-size:13px;cursor:pointer;text-decoration:underline;overflow-wrap:anywhere;text-align:left}
.qr-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.qr-acts form{margin:0}
.seg{display:flex;gap:4px;padding:4px;border-radius:14px;background:#fff}
.seg a{padding:10px 14px;border-radius:10px;font-weight:700;font-size:14px;color:var(--muted-2);text-decoration:none}
.seg a[aria-current]{background:var(--ink);color:#fff}
.bars{height:180px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid var(--line)}
.bars span{flex:1;min-width:2px;background:var(--brand);border-radius:4px 4px 0 0}
.bars span:hover{background:var(--brand-hover)}
.bars-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.mini-table{width:100%;border-collapse:collapse;font-size:14px}
.mini-table th{text-align:left;font-size:12px;color:var(--muted);font-weight:700;padding:6px 0;text-transform:uppercase;letter-spacing:.5px}
.mini-table th:not(:first-child),.mini-table td:not(:first-child){text-align:right;padding-left:12px;white-space:nowrap}
.mini-table td{padding:10px 0;border-top:1px solid var(--line)}
.consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;max-width:520px;margin:0 auto;padding:14px 16px;border-radius:16px;background:#15102E;color:#F5F3FB;box-shadow:0 12px 30px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.45}
.consent[hidden]{display:none}
.consent p{margin:0}
.consent a{color:#CDB8FF}
.consent div{display:flex;gap:8px;justify-content:flex-end}
.consent button{min-height:40px;padding:0 16px;border-radius:10px;border:1.5px solid #4A4170;background:transparent;color:#fff;font-weight:700;cursor:pointer}
.consent button.yes{background:#6D3AE8;border-color:#6D3AE8}

/* v4 — campanhas */
.camp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.camp-card{text-decoration:none;color:inherit;transition:box-shadow .15s}
.camp-card:hover{box-shadow:0 0 0 2px var(--brand);color:inherit}
.camp-card .sub{font-size:13px;color:var(--muted)}
.camp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:6px;border-top:1px solid var(--line)}
.camp-stats div{display:flex;flex-direction:column}
.camp-stats strong{font-family:'Outfit',sans-serif;font-size:24px;font-weight:800}
.camp-stats span{font-size:12px;color:var(--muted);font-weight:700}
.crumb{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;text-decoration:none}
.rename{position:relative}
.rename summary{list-style:none} .rename summary::-webkit-details-marker{display:none}
.copy-link{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;border-radius:8px;border:1.5px dashed var(--line-2);background:var(--brand-soft);color:var(--brand-ink);font-size:13px;font-weight:700;cursor:pointer;max-width:100%}
.copy-link span{overflow-wrap:anywhere;text-align:left}
.copy-link:hover{border-color:var(--brand)}
.table tr.off td{opacity:.6}
.table .big{font-family:'Outfit',sans-serif;font-size:20px}
.acts-cell > a,.acts-cell > form{vertical-align:middle}

/* v5 — conta */
.verify-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:14px;background:#FFF3C4;color:#5C4500;font-size:14px;line-height:1.45}
.verify-bar form{margin:0}

/* v6 — prévia ao vivo */
.pub,.pub-link,.pub-text,.avatar,.pub-head p,.pub-foot a{transition:background-color .35s ease,color .35s ease,border-color .35s ease}
.pv-label{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--muted)}
.pv-label em{font-style:normal;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:#FFF3C4;color:#5C4500}
.pv-hint{margin:0;font-size:13px;color:var(--muted);text-align:center}
form.is-dirty{box-shadow:0 0 0 2px #E8C64A}
form.is-dirty button[type=submit]{animation:kb-pulse 1.6s ease-in-out infinite}
@keyframes kb-pulse{0%,100%{box-shadow:0 0 0 0 rgba(109,58,232,.45)}50%{box-shadow:0 0 0 6px rgba(109,58,232,0)}}
@media (prefers-reduced-motion:reduce){.pub,.pub-link,.pub-text,.avatar{transition:none}form.is-dirty button[type=submit]{animation:none}}
section.is-dirty{box-shadow:0 0 0 2px #E8C64A}
section.is-dirty button[type=submit]{animation:kb-pulse 1.6s ease-in-out infinite}
.pv-hint{display:flex;flex-direction:column;align-items:center;gap:8px}
.pv-hint[hidden]{display:none}
.pv-undo{font-size:13px;font-weight:700;color:var(--muted)}

/* v7 — selo "Feito com Konbio" */
.made-with{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--t-card);color:var(--t-muted);font-size:12px;font-weight:600;text-decoration:none;transition:transform .15s,background-color .35s,color .35s}
.made-with:hover{transform:translateY(-1px);color:var(--t-text)}
.made-with img{width:18px;height:18px;display:block}
.made-with strong{font-family:'Outfit',sans-serif;font-size:14px;font-weight:800;color:var(--t-text);letter-spacing:-.2px}

/* v8 — vitrine deslizante e destaques */
.vitrine{display:flex;flex-direction:column;gap:10px;padding:14px 0 4px}
.vitrine-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.vitrine-head h2{font-size:17px;font-weight:800;color:var(--t-text)}
.vitrine-head a{display:inline-flex;align-items:center;gap:2px;font-size:13px;font-weight:700;color:var(--t-muted);text-decoration:none}
.vitrine-head a:hover{color:var(--t-text)}
.rail-wrap{position:relative;margin:0 -20px}
.rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 20px;padding:2px 20px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rail::-webkit-scrollbar{display:none}
.rail-card{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--t-card);color:var(--t-text);text-decoration:none;transition:transform .2s ease,background-color .35s,color .35s}
.rail-card:hover{transform:translateY(-2px);color:var(--t-text)}
.rail-sm .rail-card{width:148px}
.rail-lg .rail-card{width:min(78%,300px)}
.rail-img{position:relative;display:block;background:rgba(127,127,127,.12)}
.rail-sm .rail-img{aspect-ratio:1/1}
.rail-lg .rail-img{aspect-ratio:4/5}
.rail-img img,.rail-img .noimg{width:100%;height:100%;object-fit:cover;display:flex;align-items:center;justify-content:center;color:var(--t-muted)}
.rail-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px}
.rail-body strong{font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rail-body span{font-size:13px;color:var(--t-muted)}
.rail-lg .rail-body strong{font-size:16px}
.badge-star{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:999px;background:var(--t-accent);color:var(--t-on);font-size:11px;font-weight:800}
.rail-btn{position:absolute;top:calc(50% - 40px);z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:var(--t-card);color:var(--t-text);box-shadow:0 6px 18px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;cursor:pointer}
.rail-btn[hidden]{display:none}
.rail-btn.prev{left:8px}.rail-btn.next{right:8px}
@media (pointer:coarse){.rail-btn{display:none!important}}
.all-title{font-size:17px;font-weight:800;margin-top:6px}
.icon-btn.star.on{background:#FFF3C4;border-color:#E8C64A;color:#8A6400}
.icon-btn.star.on svg{fill:currentColor}
.star-tag{background:#FFF3C4;color:#5C4500;vertical-align:middle}

/* v9 — ajustes da vitrine e chaves */
.rail-img{overflow:hidden}
.rail-img img,.rail-img .noimg{position:absolute;inset:0}
.rail{align-items:stretch}
.rail-body{flex:1}
.switch{display:flex;gap:12px;align-items:flex-start;cursor:pointer;padding:4px 0}
.switch input{position:absolute;opacity:0;width:1px;height:1px}
.switch .sw{flex-shrink:0;position:relative;width:46px;height:28px;border-radius:999px;background:#B7BCC3;transition:background-color .2s}
.switch .sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.switch input:checked+.sw{background:var(--brand)}
.switch input:checked+.sw::after{transform:translateX(18px)}
.switch input:focus-visible+.sw{outline:3px solid #B9A2FF;outline-offset:2px}
.sw-text{display:flex;flex-direction:column;gap:2px}
.sw-text strong{font-size:15px}
.sw-text small{font-size:13px;color:var(--muted);line-height:1.45}
form.saving{opacity:.6;pointer-events:none}
.star-tag{white-space:nowrap}
.cat-field select{font-weight:500;font-size:15px;color:var(--ink);min-height:46px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;width:100%}
.cat-field input[hidden]{display:none}
.cat-field input{margin-top:6px}

/* v11 — arrastar para ordenar */
.sortable{display:flex;flex-direction:column;gap:10px}
.drag{display:inline-flex;align-items:center;justify-content:center;width:28px;height:44px;margin:-6px -2px -6px -6px;border-radius:8px;color:#8A85A3;cursor:grab;touch-action:none;flex-shrink:0}
.drag:hover{background:var(--bg);color:var(--ink)}
.drag:active{cursor:grabbing}
.drag[hidden]{display:none}
.drag-ghost{opacity:.35;background:var(--brand-soft)!important;border-style:dashed!important}
.drag-chosen{box-shadow:0 12px 28px rgba(21,16,46,.18);background:#fff}
.sort-hint{margin:0;font-size:12px;color:var(--muted)}
.sort-hint[hidden]{display:none}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;padding:10px 16px;border-radius:12px;background:var(--ink);color:#fff;font-weight:700;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.toast.err{background:#8A1C12}
.toast[hidden]{display:none}

/* v12 — card de localização */
.pub-map{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:var(--t-card);color:var(--t-text);transition:background-color .35s,color .35s}
.pub-map h2{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800}
.map-frame{width:100%;height:190px;border:0;border-radius:12px;background:rgba(127,127,127,.15)}
.map-addr{margin:0;font-size:14px;line-height:1.45;color:var(--t-muted)}
.map-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.map-btns a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;background:var(--t-accent);color:var(--t-on);font-weight:700;font-size:14px;text-decoration:none}
.map-btns a+a{background:transparent;color:var(--t-text);border:1.5px solid var(--t-accent)}

/* v13 — subtítulo */
.pub-head .pub-sub{margin:-2px 0 0;font-size:15px;font-weight:700;color:var(--t-text);letter-spacing:.2px}
.pub-head p[hidden]{display:none}

/* v14 — redes sociais */
.soc-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:2px 0}
.socials a{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--t-card);color:var(--t-text);font-size:20px;text-decoration:none;transition:transform .15s ease,background-color .35s,color .35s}
.socials a:hover{transform:translateY(-2px);background:var(--t-accent);color:var(--t-on)}

/* v15 — Kanban de contatos */
.kanban{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px;align-items:start;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
.kcol{background:#ECE9F5;border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:280px;scroll-snap-align:start}
.khead{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;padding:2px 4px}
.kdot{width:10px;height:10px;border-radius:50%}
.kcount{margin-left:auto;min-width:24px;padding:2px 8px;border-radius:999px;background:#fff;font-size:12px;text-align:center}
.klist{display:flex;flex-direction:column;gap:10px;min-height:200px;flex:1}
.kcard{background:#fff;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px rgba(21,16,46,.06);cursor:grab}
.kcard:active{cursor:grabbing}
.kc-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.kc-top strong{font-size:15px;overflow-wrap:anywhere}
.kc-top time{font-size:12px;color:var(--muted);white-space:nowrap}
.kc-phone{font-size:13px;color:var(--muted)}
.kc-prod{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}
.kc-acts{display:flex;align-items:center;gap:6px;padding-top:4px;flex-wrap:wrap}
.kc-acts form{margin:0}
.kc-acts .icon-btn{width:34px;height:34px}
.kc-move{flex:1;min-width:0;min-height:34px;padding:0 8px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font-size:13px;font-weight:600;color:var(--ink)}
.kempty{margin:0;padding:18px 10px;border:2px dashed #CFC8E3;border-radius:12px;text-align:center;font-size:13px;color:var(--muted)}
.kempty[hidden]{display:none}
.side .count[hidden]{display:none}
@media (max-width:900px){.kanban{grid-template-columns:repeat(4,minmax(260px,82%))}}
.kc-move{min-width:118px}

/* v16 — ícones de redes menores e sempre numa linha */
.socials{flex-wrap:nowrap;gap:clamp(6px,2.2vw,10px)}
.socials a{width:clamp(34px,10vw,42px);height:clamp(34px,10vw,42px);font-size:clamp(15px,4.4vw,18px);flex-shrink:0}

/* v17 — recorte da foto */
.crop-dialog{border:0;border-radius:22px;padding:22px;width:min(440px,calc(100vw - 32px));box-shadow:0 30px 80px rgba(21,16,46,.35)}
.crop-dialog::backdrop{background:rgba(21,16,46,.6)}
.crop-dialog h2{font-size:20px;font-weight:800;margin:0 0 4px}
.crop-dialog p{margin:0 0 14px;font-size:14px;color:var(--muted)}
.crop-stage{width:100%;aspect-ratio:1/1;max-height:60vh;background:#15102E;border-radius:16px;overflow:hidden}
.crop-stage img{display:block;max-width:100%}
.crop-dialog .cropper-view-box,.crop-dialog .cropper-face{border-radius:50%}
.crop-dialog .cropper-view-box{outline:2px solid #fff;outline-color:rgba(255,255,255,.9);box-shadow:0 0 0 9999px rgba(21,16,46,.55)}
.crop-dialog .cropper-line,.crop-dialog .cropper-point,.crop-dialog .cropper-dashed{display:none}
.crop-dialog .cropper-modal{opacity:0}
.crop-zoom{display:flex;align-items:center;gap:12px;margin:14px 0;font-size:13px;font-weight:700;color:var(--muted-2)}
.crop-zoom input{flex:1;accent-color:var(--brand)}
.crop-acts{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.crop-acts [data-crop=rotate]{margin-right:auto}

/* v18 — barra de zoom com botão redondo */
.crop-zoom input[type=range]{-webkit-appearance:none;appearance:none;height:28px;background:transparent;cursor:pointer;padding:0;margin:0}
.crop-zoom input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--brand) 0 var(--fill,0%),#E7E3F2 var(--fill,0%) 100%)}
.crop-zoom input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#E7E3F2}
.crop-zoom input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--brand)}
.crop-zoom input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:#fff;border:3px solid var(--brand);box-shadow:0 2px 8px rgba(21,16,46,.25);transition:transform .15s}
.crop-zoom input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--brand);box-shadow:0 2px 8px rgba(21,16,46,.25)}
.crop-zoom input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}
.crop-zoom input[type=range]:focus-visible{outline:none}
.crop-zoom input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid #B9A2FF;outline-offset:2px}

/* v19 — planos */
.plan-chip{display:flex;flex-direction:column;gap:2px;margin:10px 4px 0;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#2C2552,#3D2A7A);color:#fff;text-decoration:none}
.plan-chip span{font-size:13px;color:#E0DCF0}.plan-chip strong{color:#fff}
.plan-chip small{font-size:12px;font-weight:700;color:#CDB8FF}
.plan-chip:hover,.plan-chip.on{color:#fff;box-shadow:0 0 0 2px #B9A2FF}
.plan-now{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}
.plan-now>div{display:flex;flex-direction:column;gap:4px}
.plan-now strong{font-family:'Outfit',sans-serif;font-size:24px}
.plan-now .sub,.plan .sub{font-size:13px;color:var(--muted)}
.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;align-items:stretch}
.plan{position:relative;gap:12px}
.plan.featured{box-shadow:0 0 0 2px var(--brand)}
.plan.current{box-shadow:0 0 0 2px var(--ink)}
.plan-flag{position:absolute;top:-11px;left:20px;padding:4px 10px;border-radius:999px;background:var(--brand);color:#fff;font-size:12px;font-weight:800}
.plan h2{font-size:20px}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}
.price strong{font-family:'Outfit',sans-serif;font-size:32px;font-weight:800}
.price span{font-size:14px;color:var(--muted)}
.price small{flex-basis:100%;font-size:12px;color:var(--muted)}
.price small[hidden]{display:none}
.plan ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;flex:1}
.plan li{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.4}
.plan li svg{flex-shrink:0;margin-top:3px;color:var(--brand)}
.plan-cta{display:flex;flex-direction:column;gap:6px}
.plan-cta form{margin:0}.plan-cta .btn{width:100%}
.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}
.save{font-style:normal;font-size:11px;font-weight:800;padding:2px 6px;border-radius:999px;background:#DDF3E8;color:#07513A;margin-left:4px}
.seg a.locked{color:#8A85A3}
.upsell{padding:10px 12px;border-radius:12px;background:var(--brand-soft);color:var(--brand-ink);font-size:14px}
code{background:var(--bg);padding:2px 6px;border-radius:6px;font-size:12px;overflow-wrap:anywhere}

/* v20 — aparência: capa e botões de vidro */
.pub{position:relative;isolation:isolate}
.pub-cover{display:none}
.pub[data-layout="capa"] .pub-cover{display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:760px;height:300px;z-index:-1;overflow:hidden;background:linear-gradient(160deg,var(--t-accent),var(--t-bg));-webkit-mask-image:linear-gradient(#000 45%,transparent);mask-image:linear-gradient(#000 45%,transparent)}
.pub[data-layout="capa"] .pub-cover img{width:100%;height:100%;object-fit:cover;display:block}
.pub[data-layout="capa"] .pub-in.home{padding-top:178px}
.pub[data-layout="capa"] .pub-head .avatar{width:112px;height:112px;font-size:38px;border:4px solid var(--t-bg);box-shadow:0 10px 30px rgba(0,0,0,.25);object-fit:cover}
.pub img.avatar{object-fit:cover}

.pub[data-btn="vidro"]{background:radial-gradient(120% 60% at 15% 0%,color-mix(in srgb,var(--t-accent) 30%,transparent),transparent 60%),radial-gradient(90% 50% at 100% 70%,color-mix(in srgb,var(--t-accent) 22%,transparent),transparent 65%),var(--t-bg)}
.pub[data-btn="vidro"] .pub-link,.pub[data-btn="vidro"] .pub-text,.pub[data-btn="vidro"] .rail-card,.pub[data-btn="vidro"] .pub-map{background:rgba(255,255,255,.14);background:color-mix(in srgb,var(--t-card) 52%,transparent);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 26px rgba(0,0,0,.10)}
.pub[data-btn="vidro"] .pub-link{border-radius:22px}
.pub[data-btn="vidro"] .pub-link.primary{background:color-mix(in srgb,var(--t-accent) 78%,transparent);color:var(--t-on);border-color:rgba(255,255,255,.45)}
.pub[data-btn="vidro"] .pub-link.catalog{border:1.5px solid color-mix(in srgb,var(--t-accent) 60%,rgba(255,255,255,.5))}
.pub[data-btn="vidro"] .pub-link:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 30px rgba(0,0,0,.14)}

/* painel: escolha de aparência */
.look-group{display:flex;flex-direction:column;gap:8px}
.look-label{font-size:14px;font-weight:700}
.looks{display:flex;gap:10px;flex-wrap:wrap}
.look-opt input{position:absolute;opacity:0;pointer-events:none}
.look-opt label{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border:2px solid var(--line);border-radius:14px;cursor:pointer;font-size:13px;font-weight:700;min-width:104px}
.look-opt input:checked + label{border-color:var(--brand);background:var(--brand-soft)}
.look-opt input:focus-visible + label{outline:3px solid var(--brand);outline-offset:2px}
.look-mini{width:64px;height:86px;border-radius:10px;background:#EDEAF6;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 8px;position:relative;overflow:hidden}
.look-mini i{width:18px;height:18px;border-radius:50%;background:#B9A2FF;flex-shrink:0;position:relative;z-index:1}
.look-mini b{width:100%;height:9px;border-radius:5px;background:#fff}
.look-mini.lay-capa{padding-top:22px}
.look-mini.lay-capa::before{content:"";position:absolute;inset:0 0 auto;height:34px;background:linear-gradient(#8B6BEA,#EDEAF6)}
.look-mini.lay-capa i{width:22px;height:22px;border:2px solid #EDEAF6}
.look-mini.btn-padrao,.look-mini.btn-vidro{justify-content:center;gap:8px}
.look-mini.btn-padrao b{height:14px;background:#6D3AE8}
.look-mini.btn-vidro{background:radial-gradient(circle at 20% 15%,#B9A2FF,transparent 60%),radial-gradient(circle at 90% 90%,#8B6BEA,transparent 60%),#EDEAF6}
.look-mini.btn-vidro b{height:14px;border-radius:8px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.8)}
.cover-edit{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.cover-sm{width:128px;height:72px;border-radius:12px;object-fit:cover;background:linear-gradient(160deg,#8B6BEA,#EDEAF6);flex-shrink:0;display:block}
#sec-aparencia.is-dirty,#sec-tema.is-dirty{box-shadow:0 0 0 2px #E8C64A}

/* v21 — layout editorial */
.pub-body{flex:1;display:flex;flex-direction:column;gap:12px}
.pub[data-layout="editorial"] .pub-in.home{padding-top:0}
.pub[data-layout="editorial"] .pub-head{position:relative;isolation:isolate;margin:0 -20px;min-height:min(80vh,600px);justify-content:flex-end;gap:10px;padding:48px 28px 64px;overflow:hidden;color:#fff}
.pub[data-layout="editorial"] .pub-cover{display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,var(--t-accent),#000)}
.pub[data-layout="editorial"] .pub-cover img{width:100%;height:100%;object-fit:cover;display:block}
.pub[data-layout="editorial"] .pub-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.78) 100%)}
.pub[data-layout="editorial"] .pub-head .avatar{display:none}
.pub[data-layout="editorial"] .pub-head h1{font-family:'Outfit',sans-serif;font-size:clamp(38px,12vw,58px);line-height:.98;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.25);margin:0}
.pub[data-layout="editorial"] .pub-head .pub-sub{order:2;text-transform:uppercase;letter-spacing:.3em;font-size:11px;font-weight:700;color:rgba(255,255,255,.88)}
.pub[data-layout="editorial"] .pub-head .pub-bio{order:3;color:rgba(255,255,255,.86);font-size:14px;max-width:34ch}
.pub[data-layout="editorial"] .pub-body{position:relative;z-index:1;margin:-30px -20px 0;padding:28px 20px 8px;background:var(--t-bg);border-radius:30px 30px 0 0;box-shadow:0 -12px 30px rgba(0,0,0,.18)}
.pub[data-layout="editorial"][data-btn="vidro"] .pub-body{background:radial-gradient(120% 50% at 10% 0%,color-mix(in srgb,var(--t-accent) 24%,transparent),transparent 60%),radial-gradient(90% 50% at 100% 80%,color-mix(in srgb,var(--t-accent) 18%,transparent),transparent 65%),var(--t-bg)}
.pub[data-layout="editorial"] .pub-link{border-radius:999px;min-height:56px}
.pub[data-layout="editorial"] .pub-link.catalog{border-radius:999px}
@media (min-width:560px){.pub[data-layout="editorial"] .pub-head{border-radius:0 0 4px 4px}}
.look-mini.lay-editorial{padding:0;justify-content:flex-end;gap:4px;background:#EDEAF6}
.look-mini.lay-editorial::before{content:"";position:absolute;inset:0 0 auto;height:52px;background:linear-gradient(#4A3F5E,#1E1A26)}
.look-mini.lay-editorial i{position:absolute;top:30px;left:8px;width:34px;height:7px;border-radius:3px;background:#fff}
.look-mini.lay-editorial b{width:auto;margin:0 6px;height:8px;border-radius:5px;background:#fff}
.look-mini.lay-editorial b:first-of-type{margin-top:0}
.look-mini.lay-editorial b:last-of-type{margin-bottom:8px}

/* v22 — vitrine em grade e WhatsApp flutuante */
.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.home-grid .cat-card{position:relative;transition:transform .2s ease}
.home-grid .cat-card:hover{transform:translateY(-2px)}
.home-grid .cat-card img,.home-grid .cat-card .noimg{aspect-ratio:4/5}
.home-grid .badge-star{padding:3px 8px}
.vitrine .chips{margin:0 -20px;padding:0 20px 2px;scrollbar-width:none}
.vitrine .chips::-webkit-scrollbar{display:none}
.pub[data-btn="vidro"] .cat-card,.pub[data-btn="vidro"] .chip{background:color-mix(in srgb,var(--t-card) 52%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3)}
.pub[data-btn="vidro"] .chip[aria-pressed="true"]{background:var(--t-accent)}
.pub[data-layout="editorial"] .chip{min-height:36px}
.wa-float{display:none}
.pub[data-float="1"] .wa-float{display:inline-flex;align-items:center;gap:8px;position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:40;padding:0 22px 0 18px;min-height:52px;border-radius:999px;background:#128C4A;color:#fff;font-weight:800;font-size:15px;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.25);animation:kb-float-in .5s ease both}
.pub[data-float="1"][data-btn="vidro"] .wa-float{background:rgba(18,140,74,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.35)}
.pub[data-float="1"] .wa-float:hover{color:#fff;transform:translateX(-50%) translateY(-2px)}
.pub[data-float="1"] .pub-in{padding-bottom:96px}
@keyframes kb-float-in{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){.pub[data-float="1"] .wa-float{animation:none}}
.look-mini.cs-carrossel,.look-mini.cs-grade{flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;gap:4px;padding:8px 6px}
.look-mini.cs-carrossel{flex-wrap:nowrap;justify-content:flex-start;overflow:hidden}
.look-mini.cs-carrossel b{flex:0 0 22px;height:34px;border-radius:5px;background:#B9A2FF}
.look-mini.cs-grade b{width:24px;height:28px;border-radius:5px;background:#B9A2FF}

/* v23 — editorial: cartão de perfil com foto à esquerda */
.pub-card{display:none}
.pub[data-layout="editorial"] .pub-card{display:flex;align-items:center;gap:14px;padding:12px;border-radius:24px;background:var(--t-card);color:var(--t-text);box-shadow:0 6px 22px rgba(0,0,0,.08)}
.pub[data-layout="editorial"][data-btn="vidro"] .pub-card{background:color-mix(in srgb,var(--t-card) 52%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.38)}
.pub-card .pc-av{flex-shrink:0;display:flex}
.pub-card .avatar{width:84px;height:84px;border-radius:50%;font-size:28px;display:flex !important;object-fit:cover}
.pub-card .pc-txt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.pub-card .pc-sub{display:inline-block;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--t-text) 10%,transparent);color:var(--t-muted);font-size:11px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pub-card .pc-name{font-family:'Outfit',sans-serif;font-size:19px;font-weight:800;line-height:1.15}
.pub-card .pc-bio{font-size:13px;line-height:1.45;color:var(--t-muted);white-space:pre-line}
.pub-card [hidden]{display:none !important}
.pub[data-layout="editorial"] .pub-head .pub-bio{display:none}

/* v25 — editorial: capa menor, nome e subtítulo opcionais */
.pub[data-layout="editorial"] .pub-head{min-height:min(52vh,400px);padding:40px 28px 54px}
.pub[data-layout="editorial"][data-htitle="0"] .pub-head h1,.pub[data-layout="editorial"][data-hsub="0"] .pub-head .pub-sub{display:none}
.pub[data-layout="editorial"][data-htitle="0"][data-hsub="0"] .pub-cover::after{background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.35) 100%)}
.hero-opts{display:flex;flex-direction:column;gap:6px}
.hero-opts[hidden]{display:none}

/* v26 — layout vidro fosco */
.pub-group{display:contents}
.pub-link .pl-ic,.pub-link .pl-go{display:none}
.pub-link.catalog .pl-ic,.pub-link.catalog .pl-go{display:flex;align-items:center}
.pub[data-layout="glass"]{--glass:color-mix(in srgb,var(--t-card) 32%,transparent);--glass-line:rgba(255,255,255,.5)}
.pub[data-layout="glass"] .pub-in.home{padding-top:28px}
.pub[data-layout="glass"] .pub-head{padding:0;gap:0}
.pub[data-layout="glass"] .pub-head > :not(.pub-cover){display:none}
.pub[data-layout="glass"] .pub-cover{display:block;position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(80% 60% at 20% 10%,color-mix(in srgb,var(--t-accent) 55%,var(--t-bg)),transparent 70%),radial-gradient(70% 60% at 90% 90%,color-mix(in srgb,var(--t-accent) 35%,var(--t-bg)),transparent 70%),var(--t-bg)}
.pub[data-layout="glass"] .pub-cover img{width:100%;height:100%;object-fit:cover;display:block;filter:blur(30px) saturate(1.3);transform:scale(1.25)}
.pub[data-layout="glass"] .pub-cover::after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--t-bg) 40%,transparent)}
.pub[data-layout="glass"] .pub-card,.pub[data-layout="glass"] .pub-group,.pub[data-layout="glass"] .pub-map,.pub[data-layout="glass"] .rail-card,.pub[data-layout="glass"] .cat-card,.pub[data-layout="glass"] .chip,.pub[data-layout="glass"] .socials a,.pub[data-layout="glass"] .pub-body > .pub-link,.pub[data-layout="glass"] .wa-float{background:rgba(255,255,255,.2);background:var(--glass);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(255,255,255,.12),0 10px 30px rgba(0,0,0,.08);color:var(--t-text)}
.pub[data-layout="glass"] .pub-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:28px}
.pub[data-layout="glass"] .pub-card .avatar{width:72px;height:72px;border:2px solid rgba(255,255,255,.7)}
.pub[data-layout="glass"] .pub-card .pc-sub{background:rgba(255,255,255,.28);color:var(--t-text)}
.pub[data-layout="glass"] .pub-group{display:flex;flex-direction:column;padding:6px;border-radius:26px;overflow:hidden}
.pub[data-layout="glass"] .pub-group .pub-link{background:transparent;border:0;box-shadow:none;border-radius:20px;justify-content:flex-start;gap:12px;min-height:58px;padding:8px 12px;text-align:left;font-weight:600;color:var(--t-text);transition:background-color .2s}
.pub[data-layout="glass"] .pub-group .pub-link:hover{transform:none;background:rgba(255,255,255,.16)}
.pub[data-layout="glass"] .pub-group .pub-link + .pub-link{position:relative}
.pub[data-layout="glass"] .pub-group .pub-link + .pub-link::before{content:"";position:absolute;top:0;left:60px;right:14px;height:1px;background:rgba(255,255,255,.35)}
.pub[data-layout="glass"] .pub-link .pl-ic,.pub[data-layout="glass"] .pub-link .pl-go{display:flex;align-items:center;justify-content:center}
.pub[data-layout="glass"] .pl-ic{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:rgba(255,255,255,.32);border:1px solid rgba(255,255,255,.6);color:var(--t-text)}
.pub[data-layout="glass"] .pl-ic.wa{background:#25D366;border-color:rgba(255,255,255,.7);color:#fff}
.pub[data-layout="glass"] .pl-t{flex:1;min-width:0}
.pub[data-layout="glass"] .pl-go{opacity:.6;margin-left:auto}
.pub[data-layout="glass"] .pub-link.catalog{border-width:0}
.pub[data-layout="glass"] .pub-body > .pub-link{border-radius:26px;justify-content:flex-start;gap:12px;padding:8px 14px 8px 8px}
.pub[data-layout="glass"] .pub-text{background:none;border:0;box-shadow:none;padding:14px 6px 0;font-size:17px;-webkit-backdrop-filter:none;backdrop-filter:none}
.pub[data-layout="glass"] .pub-map{border-radius:26px}
.pub[data-layout="glass"] .map-btns a+a{border-color:var(--glass-line);background:rgba(255,255,255,.18)}
.pub[data-layout="glass"] .chip[aria-pressed="true"]{background:var(--t-text);color:var(--t-bg);border-color:transparent}
.pub[data-layout="glass"] .rail-card,.pub[data-layout="glass"] .cat-card{border-radius:22px}
.pub[data-layout="glass"][data-float="1"] .wa-float{border-radius:999px;font-weight:800}
.pub[data-layout="glass"][data-float="1"] .wa-float svg{color:#1DA851}
.pub[data-layout="glass"] .pub-foot a{color:var(--t-text);opacity:.8}
.look-mini.lay-glass{background:radial-gradient(circle at 25% 20%,#C9D6CF,transparent 60%),radial-gradient(circle at 80% 85%,#9FB3A8,transparent 60%),#B7C6BE;gap:5px;padding:9px 7px}
.look-mini.lay-glass i{width:100%;height:16px;border-radius:6px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.85)}
.look-mini.lay-glass b{height:24px;border-radius:6px;background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.85)}
.look-mini.lay-glass b + b + b{display:none}
.glass-note{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}.glass-note[hidden]{display:none}

/* v28 — vidro fosco: fundo com as cores do tema */
.glass-note{display:flex;flex-direction:column;gap:8px}
.glass-note p{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}
.pub[data-layout="glass"] .pub-cover{background:
  radial-gradient(60% 45% at 12% 8%,color-mix(in srgb,var(--t-accent) 70%,var(--t-bg)) 0%,transparent 70%),
  radial-gradient(55% 45% at 92% 30%,color-mix(in srgb,var(--t-accent) 40%,var(--t-card)) 0%,transparent 70%),
  radial-gradient(70% 50% at 20% 75%,color-mix(in srgb,var(--t-accent) 30%,var(--t-text) 15%) 0%,transparent 70%),
  radial-gradient(60% 50% at 95% 95%,color-mix(in srgb,var(--t-accent) 60%,var(--t-bg)) 0%,transparent 70%),
  linear-gradient(160deg,color-mix(in srgb,var(--t-accent) 18%,var(--t-bg)),var(--t-bg))}
.pub[data-layout="glass"][data-gphoto="0"] .pub-cover img{display:none}
.pub[data-layout="glass"][data-gphoto="0"] .pub-cover::after{background:none}
.pub[data-layout="glass"][data-gphoto="1"] .pub-cover::after{background:color-mix(in srgb,var(--t-accent) 22%,color-mix(in srgb,var(--t-bg) 38%,transparent))}

/* v29 — cartão do usuário na barra lateral */
.side .foot.me{gap:12px;padding:14px}
.me-top{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;min-width:0}
.me-top:hover{color:#fff}
.me-av{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;font-family:'Outfit',sans-serif;font-weight:800;font-size:16px;box-shadow:0 0 0 2px var(--ink-2),0 0 0 4px #6D3AE8}
.me-txt{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.me-txt strong{font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me-txt span{font-size:12px;color:var(--on-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me-plan{align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:#3A3266;color:#E0DCF0}
.me-plan.plan-pro{background:linear-gradient(135deg,#6D3AE8,#9B6BFF);color:#fff}
.me-plan.plan-negocio{background:linear-gradient(135deg,#D4AF37,#F2D27A);color:#2A1F05}
.me-plan.plan-agencia{background:linear-gradient(135deg,#0F0E0C,#3A3266);color:#F5EEDC;box-shadow:inset 0 0 0 1px #D4AF37}
.me-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}
.me-actions a{color:#fff;font-weight:700;text-decoration:none;font-size:13px}
.me-actions a:hover{text-decoration:underline;color:#fff}
.me-actions button{font-size:13px !important;color:var(--on-dark) !important}
.me-actions button:hover{color:#fff !important}

/* v30 — barra lateral travada e cartão logo abaixo do plano */
.side .foot.me{margin-top:10px}
@media (min-width:761px){
  .panel{flex-wrap:nowrap;align-items:flex-start}
  .side{flex:0 0 250px;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin}
}

/* v31 — cadeado nos temas pagos */
.theme-opt label{position:relative}
.t-lock{position:absolute;z-index:2;top:6px;left:6px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.theme-opt.locked .swatch{opacity:.85}
.t-lock-note{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}.t-lock-note svg{vertical-align:-2px;margin-right:4px}

/* v32 — assinatura */
.me-plan-row{display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none;border-radius:10px;margin:-4px;padding:4px}
.me-plan-row:hover{background:rgba(255,255,255,.06)}
.me-plan-row small{font-size:12px;font-weight:700;color:#CDB8FF}
.me-plan-row small.up{color:#fff;background:#6D3AE8;padding:3px 10px;border-radius:999px}
.me-actions{flex-wrap:nowrap;justify-content:flex-start;column-gap:12px}
.me-actions form{margin-left:auto}
.me-actions a[aria-current]{text-decoration:underline}
.sub-card{gap:16px}
.sub-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 20px;margin:0}
.sub-grid div{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:var(--bg)}
.sub-grid dt{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.sub-grid dd{margin:0;font-size:15px;font-weight:700;color:var(--ink)}
.sit{display:inline-flex;align-items:center;gap:6px}
.sit::before{content:"";width:8px;height:8px;border-radius:50%;background:#9A94B3}
.sit-ok::before{background:#16A34A}.sit-trial::before{background:#6D3AE8}.sit-wait::before{background:#E8A33A}
.sub-note{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.sub-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.me-plan,.me-plan-row small,.me-actions a,.me-actions button{white-space:nowrap}
@media (min-width:761px){.side{flex-basis:260px}}

/* v33 — vitrine em grade: prévia de 2 itens */
.home-grid .cat-card{display:none}
.home-grid .cat-card.show{display:flex}
.pub-link.see-all{gap:6px}
.pub-link.see-all svg{flex-shrink:0}

/* v34 — boas-vindas */
.welcome-body{margin:0;background:#15102E;color:#F5F3FB;overflow:hidden}
.welcome{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px 20px;text-align:center}
.wl-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(40% 35% at 50% 38%,rgba(109,58,232,.55),transparent 70%),radial-gradient(60% 50% at 15% 95%,rgba(185,162,255,.18),transparent 70%),radial-gradient(50% 45% at 90% 5%,rgba(109,58,232,.25),transparent 70%);animation:wl-breathe 3.4s ease-in-out infinite}
.wl-logo{position:relative;width:112px;height:112px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;animation:wl-pop .7s cubic-bezier(.2,1.4,.4,1) both}
.wl-logo img{width:76px;height:76px;filter:drop-shadow(0 10px 30px rgba(109,58,232,.6))}
.wl-ring{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(185,162,255,.18);border-top-color:#B9A2FF;animation:wl-spin 1.1s linear infinite}
.welcome h1{margin:0;font-family:'Outfit',sans-serif;font-size:clamp(28px,6vw,40px);font-weight:800;animation:wl-up .6s .15s ease both}
.wl-sub{margin:0;color:#C9C2E6;font-size:16px;animation:wl-up .6s .25s ease both}
.wl-steps{list-style:none;margin:14px 0 4px;padding:0;display:flex;flex-direction:column;gap:12px;text-align:left}
.wl-steps li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:#E0DCF0;opacity:0;animation:wl-up .5s var(--d) ease forwards}
.wl-steps b{color:#B9A2FF;font-weight:700}
.wl-dot{width:22px;height:22px;border-radius:50%;flex-shrink:0;border:2px solid #6D3AE8;position:relative;animation:wl-check .35s calc(var(--d) + .55s) ease forwards}
.wl-dot::after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);animation:wl-tick .3s calc(var(--d) + .7s) ease forwards}
.wl-bar{width:min(280px,80vw);height:6px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:10px}
.wl-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#6D3AE8,#B9A2FF);animation:wl-fill 3.2s cubic-bezier(.4,0,.2,1) forwards}
.wl-skip{margin-top:6px;font-size:13px;color:#9F96C8;text-decoration:none;opacity:0;animation:wl-up .4s 2.4s ease forwards}
.wl-skip:hover{color:#fff;text-decoration:underline}
@keyframes wl-spin{to{transform:rotate(360deg)}}
@keyframes wl-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes wl-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes wl-check{to{background:#6D3AE8;border-color:#6D3AE8}}
@keyframes wl-tick{to{transform:rotate(45deg) scale(1)}}
@keyframes wl-fill{to{width:100%}}
@keyframes wl-breathe{0%,100%{opacity:.85}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.welcome *,.wl-glow{animation-duration:.01s !important;animation-delay:0s !important}.wl-ring{animation:none}}
.cover-edit[hidden],.hero-opts[hidden],[data-hint][hidden]{display:none !important}

/* v36 — vidro fosco: tons (claro, escuro, colorido) e links em lista ou soltos */
[data-only][hidden]{display:none !important}
.pub[data-layout="glass"][data-gtone="claro"]{--glass:rgba(255,255,255,.34);--glass-line:rgba(255,255,255,.7);--g-text:#1B1729;--g-muted:rgba(27,23,41,.68);--g-ic:rgba(255,255,255,.55);--g-sep:rgba(27,23,41,.12);--g-on-bg:#1B1729;--g-on:#fff}
.pub[data-layout="glass"][data-gtone="escuro"]{--glass:rgba(10,8,18,.42);--glass-line:rgba(255,255,255,.16);--g-text:#F6F4FC;--g-muted:rgba(246,244,252,.7);--g-ic:rgba(255,255,255,.12);--g-sep:rgba(255,255,255,.12);--g-on-bg:#F6F4FC;--g-on:#15102E}
.pub[data-layout="glass"][data-gtone="colorido"]{--glass:color-mix(in srgb,var(--t-accent) 74%,rgba(0,0,0,.06));--glass-line:rgba(255,255,255,.45);--g-text:#fff;--g-muted:rgba(255,255,255,.88);--g-ic:rgba(255,255,255,.24);--g-sep:rgba(255,255,255,.22);--g-on-bg:#fff;--g-on:#15102E}
.pub[data-layout="glass"][data-gtone="colorido"] .pub-card,.pub[data-layout="glass"][data-gtone="colorido"] .pub-group .pl-t,.pub[data-layout="glass"][data-gtone="colorido"] .pub-link{text-shadow:0 1px 8px rgba(0,0,0,.18)}
.pub[data-layout="glass"] .pub-card,.pub[data-layout="glass"] .pub-group,.pub[data-layout="glass"] .pub-map,.pub[data-layout="glass"] .rail-card,.pub[data-layout="glass"] .cat-card,.pub[data-layout="glass"] .chip,.pub[data-layout="glass"] .socials a,.pub[data-layout="glass"] .pub-body > .pub-link,.pub[data-layout="glass"] .wa-float{--t-text:var(--g-text);--t-muted:var(--g-muted);color:var(--g-text)}
.pub[data-layout="glass"] .pl-ic{background:var(--g-ic);border-color:var(--glass-line);color:var(--g-text)}
.pub[data-layout="glass"] .pub-group .pub-link + .pub-link::before{background:var(--g-sep)}
.pub[data-layout="glass"] .pub-card .pc-sub{background:var(--g-ic);color:var(--g-text)}
.pub[data-layout="glass"] .chip[aria-pressed="true"]{background:var(--g-on-bg);color:var(--g-on)}
.pub[data-layout="glass"] .pub-group .pub-link:hover{background:var(--g-ic)}
/* links soltos */
.pub[data-layout="glass"][data-glinks="soltos"] .pub-group{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;gap:10px;overflow:visible;border-radius:0}
.pub[data-layout="glass"][data-glinks="soltos"] .pub-group .pub-link{background:var(--glass);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 30px rgba(0,0,0,.08);border-radius:999px;padding:8px 18px 8px 8px;--t-text:var(--g-text);color:var(--g-text)}
.pub[data-layout="glass"][data-glinks="soltos"] .pub-group .pub-link + .pub-link::before{display:none}
.pub[data-layout="glass"][data-glinks="soltos"] .pub-group .pub-link:hover{transform:translateY(-1px)}
/* miniaturas no painel */
.look-mini.gt-claro,.look-mini.gt-escuro,.look-mini.gt-colorido,.look-mini.gl-lista,.look-mini.gl-soltos{justify-content:center;gap:7px;background:radial-gradient(circle at 25% 20%,#C9B8F5,transparent 60%),radial-gradient(circle at 80% 85%,#8B6BEA,transparent 60%),#B9A8E6}
.look-mini.gt-claro b{height:16px;border-radius:6px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9)}
.look-mini.gt-escuro b{height:16px;border-radius:6px;background:rgba(10,8,18,.45);border:1px solid rgba(255,255,255,.25)}
.look-mini.gt-colorido b{height:16px;border-radius:6px;background:rgba(109,58,232,.65);border:1px solid rgba(255,255,255,.6)}
.look-mini.gl-lista{gap:0;padding:10px 8px}
.look-mini.gl-lista b{height:13px;border-radius:0;background:rgba(255,255,255,.55);border-bottom:1px solid rgba(27,23,41,.12)}
.look-mini.gl-lista b:first-child{border-radius:6px 6px 0 0}.look-mini.gl-lista b:last-child{border-radius:0 0 6px 6px;border-bottom:0}
.look-mini.gl-soltos{gap:5px}
.look-mini.gl-soltos b{height:12px;border-radius:999px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.9)}

/* v37 — vidro fosco: cor do texto */
.pub[data-layout="glass"][data-gtext="claro"]{--g-text:#FFFFFF;--g-muted:rgba(255,255,255,.84);--g-sep:rgba(255,255,255,.2);--g-on-bg:#FFFFFF;--g-on:#15102E}
.pub[data-layout="glass"][data-gtext="escuro"]{--g-text:#1B1729;--g-muted:rgba(27,23,41,.72);--g-sep:rgba(27,23,41,.12);--g-on-bg:#1B1729;--g-on:#FFFFFF}
.pub[data-layout="glass"][data-gtext="claro"][data-gtone="claro"] .pub-card,.pub[data-layout="glass"][data-gtext="claro"][data-gtone="claro"] .pub-link,.pub[data-layout="glass"][data-gtext="claro"][data-gtone="claro"] .rail-card,.pub[data-layout="glass"][data-gtext="claro"][data-gtone="claro"] .cat-card,.pub[data-layout="glass"][data-gtext="claro"][data-gtone="claro"] .pub-map{text-shadow:0 1px 10px rgba(0,0,0,.28)}
.pub[data-layout="glass"][data-gtext="claro"][data-gtone="claro"]{--glass:rgba(255,255,255,.18)}
.seg-pick{display:inline-flex;flex-wrap:wrap;gap:6px;padding:4px;border-radius:14px;background:var(--bg);align-self:flex-start}
.seg-pick label{cursor:pointer}
.seg-pick input{position:absolute;opacity:0;pointer-events:none}
.seg-pick span{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:700;color:var(--muted)}
.seg-pick input:checked + span{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(21,16,46,.12)}
.seg-pick input:focus-visible + span{outline:3px solid var(--brand);outline-offset:1px}
.seg-pick i{width:14px;height:14px;border-radius:50%;border:1px solid var(--line-2)}
.seg-pick i.sw-claro{background:#fff}
.seg-pick i.sw-escuro{background:#1B1729}

/* v38 — pop-up de upgrade */
.up-dialog{border:0;border-radius:24px;padding:30px 26px 24px;max-width:430px;width:calc(100% - 32px);box-shadow:0 30px 80px rgba(21,16,46,.35);color:var(--ink);text-align:center}
.up-dialog[open]{display:flex;flex-direction:column;align-items:center;gap:12px;animation:up-in .25s ease}
.up-dialog::backdrop{background:rgba(21,16,46,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.up-art span{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6D3AE8,#B9A2FF);color:#fff;box-shadow:0 12px 30px rgba(109,58,232,.4)}
.up-dialog h2{margin:4px 0 0;font-family:'Outfit',sans-serif;font-size:22px;line-height:1.2}
.up-dialog p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
.up-list{list-style:none;margin:2px 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.up-list li{padding:5px 12px;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink);font-size:13px;font-weight:700}
.up-price strong{color:var(--ink)}
.up-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:6px}
.up-actions .btn{justify-content:center;width:100%}
.up-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;font-size:24px;line-height:1;color:var(--muted);cursor:pointer}
.up-x:hover{background:var(--bg);color:var(--ink)}
@keyframes up-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}

/* v39 — ícone do WhatsApp nos botões */
.pub-link .pl-ic.wa{display:inline-flex;align-items:center;justify-content:center;margin-right:8px;font-size:20px;line-height:1}
.pub-link .pl-ic.wa .fa-whatsapp{font-size:20px}
.pub[data-layout="glass"] .pl-ic.wa .fa-whatsapp{font-size:19px}
.pub[data-layout="glass"] .pub-link .pl-ic.wa{margin-right:0}
.wa-float .fa-whatsapp{font-size:22px}
.pub[data-layout="glass"][data-float="1"] .wa-float .fa-whatsapp{color:#1DA851}

/* v40 — ícones nos cards e texto que copia */
.pub-link .pl-ic{display:inline-flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0;line-height:1}
.pub-link .pl-ic svg{width:18px;height:18px}
.pub-link .pl-ic .fa-brands{font-size:18px}
.pub-link.catalog .pl-ic{margin-right:0}
button.pub-link{width:100%;border:0;font:inherit;font-weight:700;cursor:pointer}
.pub-copy{justify-content:flex-start;text-align:left;gap:10px}
.pub-copy .pl-ic{margin-right:0}
.pub-copy .pl-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pub-copy .pl-t strong{font-size:15px}
.pub-copy .pl-t small{font-size:13px;font-weight:600;color:var(--t-muted);overflow-wrap:anywhere;text-shadow:none}
.pub-copy .pl-copy{flex-shrink:0;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--t-text) 10%,transparent);font-size:12px;font-weight:800;transition:background .2s,color .2s}
.pub-copy.copied .pl-copy{background:#16A34A;color:#fff}
.pub-link.primary.pub-copy .pl-t small{color:inherit;opacity:.85}
/* seletor de ícone no painel */
.icon-pick{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.icon-pick legend{font-size:14px;font-weight:700;margin-bottom:8px;padding:0}
.icon-pick label{cursor:pointer}
.icon-pick input{position:absolute;opacity:0;pointer-events:none}
.icon-pick span{width:40px;height:40px;border-radius:12px;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:17px;background:#fff;transition:border-color .15s,background .15s}
.icon-pick span.ip-auto,.icon-pick span.ip-none{width:auto;padding:0 12px;font-size:12px;font-weight:800}
.icon-pick label:hover span{border-color:var(--line-2)}
.icon-pick input:checked + span{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}
.icon-pick input:focus-visible + span{outline:3px solid var(--brand);outline-offset:2px}
.pub[data-layout="glass"] .pub-link .pl-ic{margin-right:0}
.pub[data-layout="glass"] .pub-link{text-align:left}