/* SIMIA — demonstrações: vitrine 3D, conversa e identidade (marca fictícia Verso) */
/* ===== Aba Sites: moldura ===== */
.experience-panel.sc-panel{display:block;min-height:0}
.sc-head{margin-bottom:30px}
.sc-head h3{font-size:44px;font-weight:500;line-height:1.08;letter-spacing:-2px;margin:0}
.sc-head p{font-size:15px;color:var(--muted);max-width:520px;margin:0 0 18px}
.sc-head .check-list{margin:0}
.sc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.sc-device{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:30px;background:var(--surface)}
.sc-device button{border:0;background:none;color:var(--muted);font-size:12px;font-weight:600;padding:7px 14px;border-radius:30px}
.sc-device button[aria-pressed=true]{background:var(--text);color:var(--bg)}
.sc-hint{font-size:12px;color:var(--muted)}
.sc-frame{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0f0d0b;box-shadow:0 40px 90px #00000040;margin-inline:auto;transition:max-width .45s cubic-bezier(.3,1,.4,1)}
.sc-frame[data-device=mobile]{max-width:360px;border-radius:38px;border:9px solid #18151f;box-shadow:0 40px 90px #00000050,0 0 0 1px var(--line)}
.sc-bar{display:flex;align-items:center;gap:6px;padding:11px 16px;background:#1a1714;border-bottom:1px solid #ffffff14}
.sc-bar i{width:10px;height:10px;border-radius:50%;background:#3a342d}
.sc-bar span{margin-left:12px;font-size:12px;color:#b9ad9b;background:#26221d;border-radius:20px;padding:5px 14px}
.sc-frame[data-device=mobile] .sc-bar{justify-content:center}.sc-frame[data-device=mobile] .sc-bar i{display:none}.sc-frame[data-device=mobile] .sc-bar span{margin:0}
.sc-viewport{height:700px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3a342d transparent}
.sc-frame[data-device=mobile] .sc-viewport{height:640px}
.sc-scaler{position:relative;overflow:hidden;margin-inline:auto}
.sc-cta{display:inline-block;margin-top:22px}

/* ===== Loja Verso ===== */
.vs{--ink:#f3ece1;--mute:#a89c8b;--gold:#c9a24a;--glow:#d98a2b;position:absolute;left:0;top:0;transform-origin:0 0;container-type:inline-size;background:#0f0d0b;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}
.vs *{box-sizing:border-box}
.vs button{font:inherit;cursor:pointer}
.vs-nav{display:flex;align-items:center;gap:40px;padding:26px 56px;border-bottom:1px solid #ffffff12;position:relative;z-index:3}
.vs-logo{display:flex;align-items:center;gap:12px;font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:30px;letter-spacing:-.02em;margin-right:auto}
.vs-logo svg{width:34px;height:34px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linejoin:round}
.vs-nav nav{display:flex;gap:34px;font-size:14px;color:var(--mute)}
.vs-icons{display:flex;gap:26px;font-size:14px;color:var(--mute);align-items:center}
.vs-bag{display:flex;align-items:center;gap:8px;color:var(--ink)}
.vs-bag b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:12px;background:var(--gold);color:#14110e;font-size:12px}
.vs-bag.bump b{animation:vs-bump .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes vs-bump{40%{transform:scale(1.5)}}
.vs-hero{position:relative;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;min-height:600px;isolation:isolate}
.vs-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(60% 70% at 66% 55%,color-mix(in srgb,var(--glow) 34%,transparent),transparent 70%);transition:background 1s;z-index:-1}
.vs-info{padding:20px 0 30px 56px;position:relative;z-index:2}
.vs-info.swap>*{animation:vs-swap .6s cubic-bezier(.2,.8,.2,1) both}
.vs-info.swap>:nth-child(2){animation-delay:.04s}.vs-info.swap>:nth-child(3){animation-delay:.08s}.vs-info.swap>:nth-child(4){animation-delay:.12s}.vs-info.swap>:nth-child(5){animation-delay:.16s}
@keyframes vs-swap{from{opacity:0;transform:translateY(14px)}}
.vs-kicker{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.vs-kicker b{font-weight:700}
.vs-info h4{font-family:'Fraunces',Georgia,serif;font-weight:300;font-size:92px;line-height:.92;letter-spacing:-.045em;margin:0 0 12px}
.vs-type{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 16px}
.vs-desc{font-size:17px;color:#d4cabb;max-width:400px;margin:0 0 18px}
.vs-notes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.vs-notes span{font-size:13px;padding:6px 14px;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:30px;color:#e7dccb}
.vs-buy{display:flex;gap:12px;margin-bottom:28px}
.vs-btn{border:0;background:var(--ink);color:#14110e;font-weight:700;font-size:15px;padding:18px 30px;border-radius:40px;transition:transform .25s,box-shadow .25s}
.vs-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px color-mix(in srgb,var(--glow) 40%,transparent)}
.vs-ghost{border:1px solid #ffffff2e;background:transparent;color:var(--ink);font-size:15px;padding:18px 26px;border-radius:40px}
.vs-arrows{display:flex;align-items:center;gap:18px}
.vs-arrows>button{width:50px;height:50px;border-radius:50%;border:1px solid #ffffff2e;background:transparent;color:var(--ink);font-size:18px;transition:background .2s,color .2s}
.vs-arrows>button:hover{background:var(--ink);color:#14110e}
.vs-dots{display:flex;gap:7px}
.vs-dots button{width:26px;height:3px;border:0;padding:0;border-radius:3px;background:#ffffff26;transition:background .3s,width .3s}
.vs-dots button[aria-current=true]{background:var(--gold);width:44px}
.vs-stage{position:relative;height:600px;perspective:1500px;perspective-origin:50% 38%;cursor:grab;touch-action:pan-y;outline:none;user-select:none;-webkit-user-select:none}
.vs-stage:active{cursor:grabbing}
.vs-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--gold)}
.vs-glow{position:absolute;left:50%;top:46%;width:480px;height:480px;margin:-240px 0 0 -240px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--glow) 45%,transparent),transparent 65%);filter:blur(10px);transition:background 1s;pointer-events:none}
.vs-floor{position:absolute;left:50%;top:74%;width:640px;height:140px;margin:-70px 0 0 -320px;border-radius:50%;background:radial-gradient(closest-side,#ffffff14,transparent);box-shadow:0 0 0 1px #c9a24a26;pointer-events:none}
.vs-gl{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;opacity:0;transition:opacity .9s ease;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 90%,transparent),linear-gradient(transparent 0,#000 6%,#000 82%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 90%,transparent),linear-gradient(transparent 0,#000 6%,#000 82%,transparent);mask-composite:intersect}
.vs-gl.on{opacity:1}
.vs-stage.is-gl .vs-scene,.vs-stage.is-gl .vs-floor,.vs-stage.is-gl .vs-glow{display:none}
.vs-toast{z-index:2}
/* Modo foto: produtos fotografados flutuando no anel */
.vs-stage.is-photo .vs-scene,.vs-stage.is-photo .vs-floor{display:none}
.ph-deck{position:absolute;left:50%;top:50%;width:0;height:0;perspective:1100px;z-index:1}
.ph{position:absolute;left:-160px;top:-215px;width:320px;height:400px;cursor:pointer;transition:opacity .35s;will-change:transform}
.ph-float{position:absolute;inset:0;animation:ph-float 6s ease-in-out var(--dl,0s) infinite}
.ph img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 26px 26px #0000008c);-webkit-user-drag:none;user-select:none}
.ph.on img{filter:drop-shadow(0 30px 30px #000000a6) drop-shadow(0 0 46px color-mix(in srgb,var(--glow) 40%,transparent))}
.ph-shadow{position:absolute;left:24%;right:24%;bottom:-4%;height:36px;border-radius:50%;background:radial-gradient(closest-side,#000000b8,transparent);animation:ph-shadow 6s ease-in-out var(--dl,0s) infinite}
@keyframes ph-float{50%{transform:translateY(-16px)}}
@keyframes ph-shadow{50%{transform:scale(.8);opacity:.55}}
/* Fotos de estúdio com fundo: as bordas se dissolvem no fundo da loja */
.ph.photo{left:-200px;top:-265px;width:400px;height:500px}
.ph.photo img{object-fit:cover;filter:none;-webkit-mask-image:radial-gradient(50% 52% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(50% 52% at 50% 50%,#000 58%,transparent 100%)}
.ph.photo.on img{filter:none}
.ph.photo .ph-shadow{display:none}
.ph-person{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ph-person img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease}
.ph-person img.on{opacity:.6}
.ph-person:after{content:'';position:absolute;inset:0;background:radial-gradient(75% 85% at 62% 40%,transparent 20%,#0f0d0b 88%),linear-gradient(90deg,#0f0d0b,transparent 35%,transparent 80%,#0f0d0b)}
.vs-edit{padding:76px 56px 40px}
.vs-edit-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.vs-edit-head small{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.vs-edit-head h5{font-family:'Fraunces',Georgia,serif;font-weight:300;font-size:44px;line-height:1.05;letter-spacing:-.03em;margin:0;max-width:560px;text-align:right}
.vs-edit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.vs-edit-grid figure{margin:0;cursor:pointer}
.vs-edit-grid img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:6px;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s;filter:saturate(.92)}
.vs-edit-grid figure:hover img{transform:scale(1.03);filter:none}
.vs-edit-grid figcaption{display:flex;flex-direction:column;margin-top:12px}
.vs-edit-grid figcaption b{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:22px}
.vs-edit-grid figcaption span{font-size:14px;color:var(--mute)}
@container (max-width:600px){.vs-edit{padding:50px 0 20px}.vs-edit-head{display:block;padding:0 20px}.vs-edit-head h5{font-size:30px;text-align:left;margin-top:8px}.vs-edit-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px;scrollbar-width:none}.vs-edit-grid figure{flex:none;width:68%;scroll-snap-align:start}.ph-deck{top:54%}.ph,.ph.photo{left:-118px;top:-158px;width:236px;height:295px}}
.vs-scene{position:absolute;left:50%;top:74%;transform-style:preserve-3d;transform:rotateX(-8deg) scale3d(1.3,1.3,1.3)}
.vs-ring,.pd,.pd-spin,.cb{position:absolute;left:0;top:0;transform-style:preserve-3d}
.pd{cursor:pointer}
.f{position:absolute;backface-visibility:visible;overflow:hidden}
.sh{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}
.pd-shadow{position:absolute;left:-110px;top:-110px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,#000000a6,transparent);transform:rotateX(90deg)}
.glass .f{background:linear-gradient(155deg,#ffffff5c,#ffffff17 36%,#ffffff0a 62%,#ffffff2e);border:1.5px solid #ffffff6b;border-radius:3px}
.glass .sh{opacity:.15}
.glass.smoke .f{background:linear-gradient(155deg,#6b5a4a99,#2a221b99 50%,#4a3b2f99);border-color:#ffffff40}
.liquid .f{background:linear-gradient(180deg,var(--l0),var(--l1))}.liquid .f-top{background:var(--l0)}
.neck .f{background:linear-gradient(90deg,#ffffff40,#ffffff1a);border:1px solid #ffffff59}
.cap-gold .f{background:linear-gradient(90deg,#6e5018,#f2d488 28%,#b38c3b 52%,#f6dd98 76%,#7c5c22)}
.cap-gold .f-top{background:radial-gradient(circle at 40% 35%,#fbe7b0,#b38c3b 70%)}
.cap-black .f{background:linear-gradient(90deg,#0b0a09,#3b3733 34%,#121110 62%,#2b2825)}
.wax .f{background:linear-gradient(180deg,#f6eedd,#e3d4b8)}.wax .f-top{background:#f8f1e2}
.wick .f{background:#2a2018}
.lid .f{background:repeating-linear-gradient(90deg,#8d5f3a 0 7px,#7b5131 7px 11px,#9a6a42 11px 19px)}
.lid .f-top{background:repeating-linear-gradient(0deg,#9a6a42 0 9px,#86593a 9px 13px)}
.giftbox .f{background:linear-gradient(90deg,transparent 43%,#d6b35b 43% 57%,transparent 57%),linear-gradient(160deg,#28473a,#163027)}
.giftbox .f-top,.giftbox .f-bottom{background:linear-gradient(90deg,transparent 43%,#d6b35b 43% 57%,transparent 57%),linear-gradient(0deg,transparent 43%,#d6b35b 43% 57%,transparent 57%),linear-gradient(160deg,#2d5243,#1a372c)}
.lidbox .f{background:linear-gradient(90deg,transparent 43%,#e2c06a 43% 57%,transparent 57%),linear-gradient(160deg,#305848,#1d3a2f)}
.bow{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:translate3d(0,-124px,0)}
.bow i{position:absolute;left:-34px;top:-14px;width:34px;height:26px;border:6px solid #e2c06a;border-radius:50%;transform:rotateX(70deg) rotateZ(25deg)}
.bow i+i{left:0;transform:rotateX(70deg) rotateZ(-25deg)}
.stick{position:absolute;left:0;top:0;width:4px;height:170px;border-radius:2px;background:linear-gradient(#6b4a30,#2c1c10);transform-origin:50% 100%}
.lb{position:absolute;left:13%;right:13%;bottom:13%;display:grid;justify-items:center;gap:1px;padding:9px 6px 8px;background:#f3ece1ee;color:#1b1612;border-radius:2px;text-align:center}
.lb b{font-size:8px;letter-spacing:.34em;font-weight:700}
.lb em{font-family:'Fraunces',Georgia,serif;font-size:17px;line-height:1.1}
.lb small{font-size:6.5px;letter-spacing:.12em;text-transform:uppercase;color:#6e6255}
.lb-gold{left:50%;right:auto;bottom:50%;transform:translate(-50%,50%);background:none;padding:0}.lb-gold b{color:#f3dc9a;font-size:9px}
.vs-toast{position:absolute;left:50%;bottom:34px;transform:translate(-50%,10px);padding:12px 20px;border-radius:30px;background:var(--ink);color:#14110e;font-size:14px;font-weight:700;opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.3,1.5,.5,1);pointer-events:none;white-space:nowrap}
.vs-toast.on{opacity:1;transform:translate(-50%,0)}
.vs-marquee{overflow:hidden;border-block:1px solid #ffffff12}
.vs-marquee div{display:flex;width:max-content;gap:30px;padding:20px 0;font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:30px;color:#e7dccb;animation:vs-marq 30s linear infinite}
.vs-marquee i{font-style:normal;color:var(--gold)}
@keyframes vs-marq{to{transform:translateX(-50%)}}
.vs:not(.is-live) *{animation-play-state:paused!important}
.vs-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0 56px}
.vs-row article{padding:44px 30px 50px 0;border-right:1px solid #ffffff12}.vs-row article+article{padding-left:30px}.vs-row article:last-child{border:0}
.vs-row b{display:block;font-family:'Fraunces',Georgia,serif;font-size:26px;font-weight:400;margin-bottom:6px}
.vs-row p{margin:0;color:var(--mute)}
.vs-foot{display:flex;justify-content:space-between;padding:28px 56px 34px;border-top:1px solid #ffffff12;font-size:13px;color:var(--mute)}
@container (max-width:600px){
  .vs-nav{padding:18px 20px;gap:12px}.vs-nav nav,.vs-icons>span:first-child{display:none}.vs-logo{font-size:24px}.vs-logo svg{width:28px;height:28px}
  .vs-hero{grid-template-columns:1fr;min-height:0}.vs-stage{order:-1;height:420px}.vs-scene{top:76%;transform:rotateX(-8deg) scale3d(.74,.74,.74)}.vs-glow{width:320px;height:320px;margin:-160px 0 0 -160px}.vs-floor{width:360px;height:90px;margin:-45px 0 0 -180px;top:76%}
  .vs-info{padding:6px 20px 40px}.vs-info h4{font-size:60px}.vs-desc{font-size:16px}.vs-buy{flex-direction:column}.vs-btn,.vs-ghost{width:100%}
  .vs-marquee div{font-size:22px;padding:14px 0}.vs-row{grid-template-columns:1fr;padding:0 20px}.vs-row article,.vs-row article+article{padding:26px 0;border-right:0;border-bottom:1px solid #ffffff12}
  .vs-foot{flex-direction:column;gap:6px;padding:24px 20px}
}

/* ===== Aba Atendimento ===== */
.ch-wrap{display:grid;grid-template-columns:350px 1fr;gap:24px;align-items:stretch}
/* Celular com WhatsApp */
.wa-phone{position:relative;display:flex;flex-direction:column;height:640px;border:9px solid #111b21;border-radius:42px;overflow:hidden;background:#efeae2;box-shadow:0 34px 70px #00000040;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#111b21}
.wa-top{background:#008069;color:#fff}
.wa-status{display:flex;justify-content:space-between;align-items:center;padding:9px 20px 2px;font-size:12.5px;font-weight:600}
.wa-sig{display:flex;align-items:flex-end;gap:2px}.wa-sig i{width:3px;border-radius:1px;background:#fff}.wa-sig i:nth-child(1){height:4px}.wa-sig i:nth-child(2){height:6px}.wa-sig i:nth-child(3){height:8px}.wa-sig i:nth-child(4){height:10px}
.wa-sig b{position:relative;width:21px;height:10px;margin-left:6px;border:1.5px solid #fff;border-radius:3px}.wa-sig b:after{content:'';position:absolute;inset:1.5px 5px 1.5px 1.5px;background:#fff;border-radius:1px}
.wa-head{display:flex;align-items:center;gap:8px;padding:6px 10px 10px 4px}
.wa-head svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wa-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#17130f}.wa-avatar svg{width:26px;height:26px;stroke:#c9a24a;stroke-width:1.8}
.wa-who{flex:1;min-width:0}.wa-who b{display:block;font-size:16px;font-weight:600}.wa-who small{display:block;font-size:12.5px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-icons{display:flex;gap:18px;margin-right:2px}
#ch-reset{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:none;cursor:pointer}#ch-reset:hover{background:#ffffff1f}#ch-reset svg{width:20px;height:20px}
.wa-body{flex:1;overflow-y:auto;padding:8px 14px 12px;display:flex;flex-direction:column;gap:2px;scrollbar-width:none;background:#efeae2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' fill='none' stroke='%23ddd5c8' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='16' r='6'/%3E%3Cpath d='M58 8l3 7 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z'/%3E%3Cpath d='M10 60c5-7 14-7 19 0M14 52h.01M25 52h.01'/%3E%3Crect x='56' y='52' width='18' height='14' rx='3'/%3E%3Cpath d='M60 52v-4h10v4M40 34c3-4 9-4 9 1 0 5-9 9-9 9s-9-4-9-9c0-5 6-5 9-1Z'/%3E%3C/svg%3E")}
.wa-body::-webkit-scrollbar{display:none}
.wa-date{align-self:center;margin:4px 0 8px;padding:5px 12px;border-radius:8px;background:#fff;font-size:12px;font-weight:500;color:#54656f;box-shadow:0 1px .5px #0b141a21}
.wa-msg{position:relative;max-width:84%;margin-top:6px;padding:6px 9px 8px;border-radius:8px;font-size:15px;line-height:1.38;box-shadow:0 1px .5px #0b141a21;animation:wa-in .3s cubic-bezier(.2,.8,.2,1)}
.wa-msg p{margin:0}
.wa-msg.in{align-self:flex-start;background:#fff;border-top-left-radius:0}
.wa-msg.out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:0}
.wa-msg.in:before,.wa-msg.out:before{content:'';position:absolute;top:0;width:8px;height:13px}
.wa-msg.in:before{left:-8px;background:#fff;clip-path:polygon(0 0,100% 0,100% 100%)}
.wa-msg.out:before{right:-8px;background:#d9fdd3;clip-path:polygon(0 0,100% 0,0 100%)}
.wa-meta{float:right;position:relative;top:5px;display:inline-flex;align-items:center;gap:3px;margin:4px 0 -4px 10px;font-size:11px;color:#667781}
.wa-ticks{display:inline-block;width:16px;height:11px;background:#8696a0;transition:background .3s;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 11'%3E%3Cpath d='M11.5 1 4.6 8.4 1.5 5.4M15 1 8.1 8.4 7 7.3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 11'%3E%3Cpath d='M11.5 1 4.6 8.4 1.5 5.4M15 1 8.1 8.4 7 7.3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.wa-msg.read .wa-ticks{background:#53bdeb}
.wa-agent{display:block;color:#a57f2c;font-size:13.5px;margin-bottom:2px}
.wa-msg.sys{align-self:center;max-width:90%;background:#ffeecd;color:#54656f;font-size:12.5px;text-align:center;padding:6px 12px}
.wa-msg.rich{padding-top:4px}.wa-msg.rich p{margin:6px 2px 0}
.wa-btns{align-self:flex-start;display:grid;gap:3px;width:min(84%,270px);margin-top:3px}
.wa-btns button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:0;border-radius:8px;background:#fff;color:#027eb5;font:inherit;font-size:15px;box-shadow:0 1px .5px #0b141a21;cursor:pointer;animation:wa-in .3s both}
.wa-btns button:nth-child(2){animation-delay:.06s}.wa-btns button:nth-child(3){animation-delay:.12s}
.wa-btns button svg,.wa-listbtn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wa-btns button:not(:disabled):hover{background:#f5f6f6}
.wa-btns button:disabled,.wa-listbtn:disabled{color:#8696a0;cursor:default}
.wa-listbtn{display:flex;align-items:center;justify-content:center;gap:7px;width:calc(100% + 18px);margin:8px -9px -8px;padding:10px;border:0;border-top:1px solid #e9edef;border-radius:0 0 8px 8px;background:none;color:#027eb5;font:inherit;font-size:15px;cursor:pointer}
.wa-listbtn:not(:disabled):hover{background:#f5f6f6}
.wa-cat,.wa-link,.wa-doc{margin:0 -5px;border-radius:6px;background:#f0f2f5;overflow:hidden}
.wa-cat{padding:6px}
.wa-thumbs{display:flex;gap:3px;margin-bottom:7px}.wa-thumbs i{flex:1;height:76px;border-radius:4px;background:radial-gradient(circle at 35% 30%,#ffffff8c,transparent 45%),linear-gradient(160deg,color-mix(in srgb,var(--c) 55%,#fff),var(--c))}
.wa-cat b{display:block;font-size:14.5px}.wa-cat small{display:block;font-size:12.5px;color:#667781}
.wa-cta{display:block;margin:8px -9px -2px;padding:9px 0 0;border-top:1px solid #e9edef;text-align:center;color:#027eb5;font-size:15px}
.wa-link-img{display:grid;place-items:center;height:92px;background:radial-gradient(circle at 70% 30%,#c9a24a80,transparent 60%),linear-gradient(160deg,#2a221b,#120f0c)}
.wa-link-img span{font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:32px;color:#efe6d6}
.wa-link b{display:block;padding:7px 10px 0;font-size:14px}.wa-link small{display:block;padding:0 10px 8px;font-size:12.5px;color:#667781}
.wa-msg u{color:#027eb5;text-decoration:none}
.wa-doc{display:flex;align-items:center;gap:10px;min-width:220px;padding:10px}
.wa-doc>span{display:grid;place-items:center;flex:none;width:34px;height:42px;border-radius:4px;background:#e2463a;color:#fff;font-size:10px;font-weight:700}
.wa-doc b{display:block;font-size:14px}.wa-doc small{font-size:12.5px;color:#667781}
.wa-sheet{position:absolute;inset:0;z-index:5;display:flex;align-items:flex-end;background:#0b141a66;animation:wa-fade .2s}
.wa-sheet[hidden]{display:none}
.wa-sheet-panel{width:100%;padding:4px 0 14px;border-radius:18px 18px 0 0;background:#fff;animation:wa-up .32s cubic-bezier(.2,.8,.2,1)}
.wa-sheet-panel:before{content:'';display:block;width:36px;height:4px;margin:6px auto 4px;border-radius:2px;background:#d1d7db}
.wa-sheet-head{display:flex;align-items:center;padding:6px 14px 12px;border-bottom:1px solid #e9edef}
.wa-sheet-head button{width:32px;height:32px;border:0;border-radius:50%;background:none;color:#54656f;font-size:17px;cursor:pointer}
.wa-sheet-head b{flex:1;margin-right:32px;text-align:center;font-size:16px}
.wa-opt{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 22px;border:0;border-bottom:1px solid #f0f2f5;background:none;color:#111b21;font:inherit;font-size:15.5px;text-align:left;cursor:pointer}
.wa-opt:hover{background:#f5f6f6}
.wa-opt i{flex:none;width:20px;height:20px;border:2px solid #8696a0;border-radius:50%;transition:all .2s}
.wa-opt[aria-checked=true] i{border-color:#00a884;background:#00a884;box-shadow:inset 0 0 0 3px #fff}
.wa-input{display:flex;align-items:center;gap:6px;padding:6px 8px 10px;background:#efeae2}
.wa-field{flex:1;display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:24px;background:#fff;color:#8696a0;font-size:15.5px}
.wa-field span{flex:1}
.wa-field svg,.wa-mic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wa-mic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:#00a884;color:#fff}
@keyframes wa-in{from{opacity:0;transform:translateY(6px) scale(.98)}}
@keyframes wa-up{from{transform:translateY(100%)}}
@keyframes wa-fade{from{opacity:0}}
.ch-log{border:1px solid var(--line);border-radius:18px;padding:22px;background:var(--surface);display:flex;flex-direction:column;min-width:0}
.ch-log>small{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:14px}
.ch-log ol{list-style:none;margin:0;padding:0;display:grid;gap:8px;align-content:start;flex:1}
.ch-log li{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;background:var(--lavender);font-size:13px;opacity:0;transform:translateX(-10px);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.ch-log li.on{opacity:1;transform:none}
.ch-log li:before{content:'✓';display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--purple);color:#fff;font-size:11px;font-weight:800}
html[data-theme=dark] .ch-log li:before{color:#17131f}
.ch-log li b{font-weight:600}.ch-log li small{margin-left:auto;font-size:11px;color:var(--muted)}
.ch-log li.ch-idle{opacity:1;transform:none;background:none;border:1px dashed var(--line);color:var(--muted)}.ch-log li.ch-idle:before{display:none}
.ch-log>p{font-size:11.5px;color:var(--muted);margin:14px 0 0}

/* ===== Aba Identidade: cover flow ===== */
.cf{min-width:0}
.cf-stage{position:relative;height:430px;perspective:1100px;outline:none;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.cf-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--purple);border-radius:16px}
.cf-item{position:absolute;left:50%;top:44%;width:250px;height:300px;transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .4s;cursor:pointer;-webkit-box-reflect:below 8px linear-gradient(transparent 74%,#ffffff2e)}
.cf-item.is-current{cursor:default}
/* Foco no item da frente: os de trás ficam desfocados e mais escuros */
.cf-item{transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .4s,filter .6s}
.cf-item:not(.is-current){filter:blur(3px) brightness(.5) saturate(.75)}
.cf-item.is-current{filter:drop-shadow(0 30px 40px #00000059)}
.cf-stage:before{content:'';position:absolute;left:50%;top:44%;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--purple) 26%,transparent),transparent);pointer-events:none}
.cf-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:4px}
.cf-nav button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:15px;cursor:pointer}
.cf-nav span{min-width:190px;text-align:center;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cf-palette{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:22px;font-size:12px;color:var(--muted)}
.cf-palette span{display:flex;align-items:center;gap:7px}.cf-palette span:before{content:'';width:22px;height:22px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px var(--line)}
.cf-palette b{font-family:'Fraunces',Georgia,serif;font-size:26px;font-weight:400;color:var(--text);display:flex;align-items:baseline;gap:8px}.cf-palette b small{font-family:'DM Sans',sans-serif;font-size:12px;color:var(--muted)}
.cf-name{display:grid;gap:7px;margin:4px 0 22px;max-width:300px}
.cf-name span{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);font-weight:600}
.cf-name input{font:inherit;font-size:15px;padding:12px 14px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text)}
.cf-name input:focus-visible{outline:2px solid var(--purple);outline-offset:1px}
.mk{position:absolute;inset:0;font-family:'DM Sans',sans-serif;color:#17130f}
.cf-logo{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.cf-logo i,.mono i{font-family:'Fraunces',Georgia,serif;font-style:italic}
.cf-logo i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid currentColor;font-size:18px}
.cf-logo b{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:400;font-size:30px;letter-spacing:-.02em}
.long .cf-logo b{font-size:21px}
.mono{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:1.5px solid currentColor;font-size:30px}
.mono.sm{width:30px;height:30px;font-size:15px;border-width:1px}.mono.lg{width:92px;height:92px;font-size:46px}
.mk-bag .handle{position:absolute;left:31%;right:31%;top:0;height:76px;border:5px solid #c9a24a;border-bottom:0;border-radius:60px 60px 0 0}
.mk-bag .face{position:absolute;inset:44px 12px 0;display:grid;place-content:center;justify-items:center;gap:12px;background:linear-gradient(160deg,#241e18,#120f0c);color:#efe6d6;border-radius:4px;box-shadow:0 30px 50px #0000004d}
.mk-bag .face small{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#c9a24a}
.mk-box .face{position:absolute;inset:0 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(160deg,#d8b665,#a9822f);border-radius:3px;box-shadow:inset 0 0 0 10px #ffffff1f,0 30px 50px #0000004d;text-align:center}
.mk-box b{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:400;font-size:34px;line-height:1}.long .mk-box b{font-size:24px}
.mk-box small{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;max-width:150px}
.mk-cards .card{position:absolute;width:232px;height:138px;border-radius:8px;padding:18px 20px;box-shadow:0 24px 40px #00000040}
.mk-cards .back{left:0;top:32px;background:#efe6d6;rotate:-7deg;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}
.mk-cards .back b{font-size:15px}.mk-cards .back small{font-size:11px;color:#6e6255}
.mk-cards .front{left:16px;top:146px;background:#17130f;color:#c9a24a;display:grid;place-items:center;rotate:4deg}
.mk-post{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 50px #0000004d}
.mk-post .top{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:12px}
.mk-post .art{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:20px;background:radial-gradient(circle at 80% 20%,#c9a24a66,transparent 50%),linear-gradient(160deg,#8c3b20,#17130f);color:#efe6d6}
.mk-post .art small{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#e2c06a}
.mk-post .art em{font-family:'Fraunces',Georgia,serif;font-size:34px;line-height:1;font-style:italic}
.mk-post .art .cf-logo b{font-size:18px}.mk-post .art .cf-logo i{width:24px;height:24px;font-size:12px}
.mk-post .foot{padding:9px 12px;font-size:15px;letter-spacing:.3em}
.mk-phone{left:36px;right:36px;border:9px solid #111;border-radius:34px;background:radial-gradient(circle at 50% 30%,#2b241d,#120f0c);box-shadow:0 30px 50px #00000059}
.mk-phone .screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#c9a24a}
.mk-phone .screen b{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:400;font-size:28px;color:#efe6d6}.long .mk-phone .screen b{font-size:20px}
.mk-phone .screen small{position:absolute;bottom:26px;left:18px;right:18px;text-align:center;padding:10px;border-radius:20px;background:#efe6d6;color:#17130f;font-weight:700;font-size:12px}
.mk-store{background:#efe6d6;border-radius:4px;overflow:hidden;box-shadow:0 30px 50px #0000004d}
.mk-store .awning{height:54px;background:repeating-linear-gradient(90deg,#17130f 0 25px,#c9a24a 25px 50px);-webkit-mask:radial-gradient(circle at 12.5px 54px,transparent 12px,#000 12.5px) 0 0/25px 100%;mask:radial-gradient(circle at 12.5px 54px,transparent 12px,#000 12.5px) 0 0/25px 100%}
.mk-store .sign{margin:16px 18px;padding:12px;display:grid;place-items:center;background:#17130f;color:#c9a24a}
.mk-store .sign .cf-logo b{font-size:24px}.mk-store .sign .cf-logo i{width:26px;height:26px;font-size:14px}.long .mk-store .sign .cf-logo b{font-size:17px}
.mk-store .win{display:flex;gap:10px;margin:0 18px}.mk-store .win i{flex:1;height:84px;background:linear-gradient(160deg,#fdf6e6,#cdbf9f);border:4px solid #17130f}
.mk-store .door{position:absolute;left:50%;bottom:0;width:58px;height:62px;margin-left:-29px;background:#17130f;border-radius:30px 30px 0 0}
.mk-tag .hole{position:absolute;left:50%;top:62px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--bg);z-index:2;box-shadow:inset 0 0 0 2px #c9a24a}
.mk-tag .string{position:absolute;left:50%;top:0;width:2px;height:70px;background:#c9a24a;rotate:12deg;transform-origin:top}
.mk-tag .face{position:absolute;inset:44px 44px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#efe6d6;clip-path:polygon(22% 0,78% 0,100% 14%,100% 100%,0 100%,0 14%);box-shadow:0 30px 50px #0000004d}
.mk-tag .face .cf-logo{flex-direction:column;gap:8px}.mk-tag .face .cf-logo b{font-size:26px}.long .mk-tag .face .cf-logo b{font-size:18px}
.mk-tag .face small{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#6e6255}

@media(max-width:1050px){.sc-head{grid-template-columns:1fr;gap:20px}.ch-wrap{grid-template-columns:1fr}.wa-phone{max-width:370px;width:100%;margin-inline:auto}}
@media(max-width:760px){.sc-head h3{font-size:32px}.sc-head h3 br{display:none}.sc-hint{display:none}.sc-toolbar{justify-content:center}.wa-phone{height:600px}.cf-stage{height:380px}.cf-item{width:200px;height:250px}.mk-cards .card{width:186px;height:112px;padding:14px}.mk-cards .front{top:122px}.cf-logo b{font-size:24px}.mk-box b{font-size:28px}.mk-phone{left:24px;right:24px}.mk-post .art em{font-size:28px}}
@media(prefers-reduced-motion:reduce){.vs *,.ch-panel *,.cf *,.wa-phone *{animation:none!important}.cf-item,.ch-log li{transition:none}}

/* ===== Ritmo e leitura da página ===== */
/* Seções alternam o fundo, como linhas zebradas, para separar os blocos */
.faq-section{background:var(--lavender);box-shadow:0 0 0 100vmax var(--lavender);clip-path:inset(0 -100vmax);padding-top:100px}
.project-section{background:var(--surface)}
.section-top>p:last-child{font-size:16px}
.service-row p{font-size:15px}
.process-grid article>span{font-size:11px}.process-grid p{font-size:15px}
summary{font-size:17px;font-weight:500}
details p{font-size:15px;line-height:1.65;max-width:640px}
.check-list{font-size:14px}
.experience-details>p,.sc-head p{font-size:16px}
.experience-note{font-size:14px}
.form-note{font-size:12px}
@media(max-width:760px){.faq-section{padding-top:60px}.service-row p{font-size:13.5px}.process-grid p{font-size:14px}summary{font-size:16px}details p{font-size:14.5px;margin-right:10px}.check-list{font-size:13.5px}}