/* Páginas "Para seu negócio" (/segmentos/...): seções próprias do segmento. Usa a identidade WISALAB
 * (grafite, dourado champanhe, cantos 18px) e reaproveita ws-*, dm-* (wisa-showcase.css) e ts-* (wisa-topics.css). */

/* ---------- topo ---------- */
.sg-hero .ws-actions button.ws-button{font-family:inherit;cursor:pointer}
button.ws-button.dm-open{display:inline-flex;width:auto;text-align:center}
.sg-hero .sg-points{margin-top:34px}
.sg-final-wa{margin-left:22px;vertical-align:middle}

/* ---------- o problema hoje ---------- */
.ws-pain-grid.sg-pains{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ---------- como o cliente procura ---------- */
.sg-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:36px}
.sg-channel{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:18px;border:1px solid rgba(221,184,154,.2);background:linear-gradient(165deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}
.sg-channel>*{position:relative;z-index:1}
.sg-channel header{display:flex;align-items:center;gap:12px}
.sg-channel header b{font-size:1.02rem;color:#fff;font-weight:600}
.sg-ch-ic{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(232,191,154,.3);background:rgba(255,255,255,.04);color:#f0d3ba}
.sg-ch-ic .ico{width:19px;height:19px}
.wisa-rethink .sg-ch-q{margin:0;font-size:.98rem!important;line-height:1.45;color:#f1d7c2;font-style:italic}
.wisa-rethink .sg-ch-today{margin:auto 0 0;padding-top:12px;border-top:1px dashed rgba(221,184,154,.2);font-size:.86rem!important;line-height:1.55;color:#c9bcb1}
.sg-ch-today small{display:block;margin-bottom:4px;font-size:.62rem;letter-spacing:.18em;color:#f2b39f;font-style:normal}

.sg-found{margin-top:22px;padding:24px;border-radius:20px;border:1px solid rgba(236,196,160,.34);background:linear-gradient(160deg,rgba(214,161,117,.1),rgba(255,255,255,.015))}
.wisa-rethink .sg-found-t{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px;font-size:.95rem!important;color:#e9dccf}
.sg-found-t b{color:#f1d3b8}
.sg-found-t .ico{width:18px;height:18px;color:#f0d3ba}
.sg-pillars{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:pl}
.sg-pillars li{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:rgba(12,11,11,.45);border:1px solid rgba(221,184,154,.16)}
.sg-pl-ic{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(180deg,#f4dcc4 0%,#dfbb9f 48%,#b98a66 100%);color:#140f0c;margin-bottom:4px}
.sg-pl-ic .ico{width:17px;height:17px}
.sg-pillars b{font-size:.9rem;color:#fff;font-weight:600;line-height:1.3}
.sg-pillars small{font-size:.8rem;line-height:1.5;color:#bfb1a5}

/* ---------- estratégia exclusiva ---------- */
.sg-steps{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sg-step{position:relative;display:flex;flex-direction:column;padding:24px 22px 22px;border-radius:18px;border:1px solid rgba(221,184,154,.22);background:linear-gradient(165deg,#1b1613,#0f0e0e);overflow:hidden}
.sg-step>*{position:relative;z-index:1}
.sg-step-n{font-size:2.4rem;font-weight:700;letter-spacing:-.04em;line-height:1;background:linear-gradient(180deg,#f4dcc4,#b98a66);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px}
.wisa-rethink .sg-step h3{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:#fff}
.wisa-rethink .sg-step p{margin:0 0 16px;font-size:.9rem!important;line-height:1.6;color:#c9bcb1}
.sg-step em{margin-top:auto;display:flex;gap:8px;align-items:flex-start;font-style:normal;font-size:.8rem;line-height:1.45;color:#f0d3ba;padding:10px 12px;border-radius:12px;background:rgba(214,161,117,.1)}
.sg-step em .ico{width:15px;height:15px;flex:0 0 auto;margin-top:1px}

/* ---------- demonstração em destaque ---------- */
.sg-demo-grid{display:grid;gap:18px;margin-top:36px}
.sg-demo-card{--dm:#dfbb9f;position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);border-radius:20px;border:1px solid rgba(236,196,160,.3);background:linear-gradient(165deg,#1b1613,#0f0e0e);overflow:hidden;transition:border-color .3s,box-shadow .3s}
.sg-demo-card>*{position:relative;z-index:1}
.sg-demo-card:hover{border-color:rgba(236,196,160,.65);box-shadow:0 26px 60px rgba(0,0,0,.45)}
.sg-demo-grid.is-duo{grid-template-columns:repeat(2,minmax(0,1fr))}
.sg-demo-grid.is-duo .sg-demo-card{grid-template-columns:1fr}
.sg-demo-shot{display:flex!important;flex-direction:column;background:#151211}
.sg-demo-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#1d1815;border-bottom:1px solid rgba(221,184,154,.14)}
.sg-demo-bar i{width:9px;height:9px;border-radius:50%;background:rgba(240,211,186,.28)}
.sg-demo-bar em{margin-left:10px;font-style:normal;font-size:.72rem;color:#b9a99b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-demo-shot .dm-shot{flex:1}
.sg-demo-card:hover .dm-shot img{transform:scale(1.04);filter:saturate(1)}
.sg-demo-card:hover .dm-play,.sg-demo-shot:focus-visible .dm-play{opacity:1;transform:none}
.sg-demo-body{display:flex;flex-direction:column;padding:26px 26px 26px}
.sg-demo-body h3{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:1.4rem;color:#fff}
.sg-demo-body h3 i{width:11px;height:11px;border-radius:3px;background:var(--dm);box-shadow:0 0 0 3px rgba(255,255,255,.06);flex:none}
.wisa-rethink .sg-demo-body p{margin:0 0 14px;font-size:.92rem!important;color:rgba(226,232,240,.75)}
.sg-demo-body .dm-feats{flex:0 0 auto}
.sg-looks{margin:0 0 20px}
.sg-looks small{display:block;margin-bottom:8px;font-size:.62rem;letter-spacing:.18em;color:#cfa98c}
.sg-looks div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sg-looks button{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid rgba(221,184,154,.24);background:rgba(255,255,255,.03);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.sg-looks button:hover,.sg-looks button:focus-visible{border-color:rgba(236,196,160,.7);background:rgba(214,161,117,.1)}
.sg-looks b{font-size:.88rem;color:#fff}
.sg-looks span{font-size:.74rem;color:#b9a99b}
.sg-demo-body .dm-actions{margin-top:auto}
.sg-demo .dm-note a{color:#f0d3ba;white-space:nowrap}

/* ---------- funcionalidades ---------- */
.sg-feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:36px}
.sg-feat-col{position:relative;padding:24px;border-radius:18px;border:1px solid rgba(221,184,154,.2);background:rgba(255,255,255,.025)}
.sg-feat-col>*{position:relative;z-index:1}
.sg-feat-col.is-owner{border-color:rgba(236,196,160,.34);background:linear-gradient(160deg,rgba(214,161,117,.09),rgba(255,255,255,.015))}
.wisa-rethink .sg-feat-t{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:1.05rem!important;font-weight:600;color:#fff}
.sg-feat-t span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(232,191,154,.3);color:#f0d3ba}
.sg-feat-t .ico{width:18px;height:18px}
.sg-feat ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sg-feat li{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:#d8ccc1;line-height:1.45}
.sg-feat li .ico{width:17px;height:17px;flex:0 0 auto;color:#e6b892;margin-top:1px}
.sg-benefits{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sg-benefits li{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;border:1px solid rgba(221,184,154,.22);font-size:.8rem;color:#f0d3ba}
.sg-benefits li .ico{width:14px;height:14px}
.sg-benefits li.is-note{border:0;padding:7px 0;color:#a99b90;font-size:.78rem}

/* ---------- telas menores ---------- */
@media(max-width:1180px){
 .ws-pain-grid.sg-pains,.sg-channels,.sg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sg-pillars{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
 .sg-demo-card,.sg-demo-grid.is-duo{grid-template-columns:1fr}
 .sg-feat{grid-template-columns:1fr}
 .sg-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .ws-pain-grid.sg-pains,.sg-channels,.sg-steps,.sg-pillars{grid-template-columns:1fr}
 .sg-demo-body{padding:20px}
 .sg-demo-card .dm-play{display:none}
 .sg-found{padding:18px}
 .sg-final-wa{display:flex!important;margin:18px 0 0}
 .sg-hero .ws-actions .ws-button{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.sg-demo-card:hover .dm-shot img{transform:none}}