/* Case 014-26 — Rodada Focal 05. Todo o escopo visual permanece em #case. */
#case.case-v2{--case-green:#6f7950;--case-green-deep:#51653a;--case-gold:#9a6327;--case-paper:#fbfaf7;--case-ink:#171914;padding:58px clamp(48px,6vw,88px) 54px;background:linear-gradient(115deg,#fff 0,var(--case-paper) 54%,#fff 100%);color:var(--case-ink)}
#case .case-header{max-width:920px;margin:0 auto 32px;text-align:center}
#case .case-header .eyebrow{margin:0 0 10px;color:var(--case-gold);font-size:12px;font-weight:700;letter-spacing:.09em}
#case .case-header h2{margin:0;font-family:"Fraunces",Georgia,serif;font-size:clamp(44px,4vw,62px);font-weight:400;line-height:1.02;letter-spacing:-.035em}
#case .case-header ul{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 34px;margin:22px 0 0;padding:0;list-style:none;color:#36382f;font-size:13px}
#case .case-header li{display:inline-flex;align-items:center;gap:10px;min-height:32px}
#case .case-meta-icon{position:relative;width:22px;height:22px;display:inline-block;flex:0 0 22px;color:var(--case-gold)}
#case .case-meta-icon--pin{width:15px;height:15px;margin:0 4px 5px;border:1.7px solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
#case .case-meta-icon--pin:after{content:"";position:absolute;top:4px;left:4px;width:4px;height:4px;border:1.4px solid currentColor;border-radius:50%}
#case .case-meta-icon--calendar{border:1.6px solid currentColor;border-radius:2px}
#case .case-meta-icon--calendar:before{content:"";position:absolute;right:-1.6px;top:5px;left:-1.6px;border-top:1.6px solid currentColor}
#case .case-meta-icon--calendar:after{content:"";position:absolute;top:-3px;left:4px;width:10px;height:5px;border-right:1.6px solid currentColor;border-left:1.6px solid currentColor}
#case .case-meta-icon--duration:before,#case .case-meta-icon--duration:after{content:"";position:absolute;top:2px;left:10px;width:2px;height:18px;border-radius:2px;background:currentColor;transform:rotate(43deg)}
#case .case-meta-icon--duration:after{transform:rotate(-43deg)}
#case .case-intro{max-width:630px;margin:17px auto 0;color:#595b52;font-size:15px;line-height:1.55}
#case .case-list{max-width:1030px;margin:0 auto}
#case .case-row{display:grid;grid-template-columns:176px minmax(0,1fr);align-items:center;gap:28px;margin:0 0 10px;padding:0;border-radius:0;background:transparent}
#case .case-row h3{display:grid;gap:8px;margin:0;font-family:"Manrope","Segoe UI",Arial,sans-serif;font-size:17px;font-weight:600;line-height:1.42}
#case .case-row h3 span{color:var(--case-green-deep);font-family:"Fraunces",Georgia,serif;font-size:20px;font-weight:400}
#case .case-row h3 strong{font:inherit}
#case .comparison{--position:0%;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #dedbd3;border-radius:12px;background:#e4e1da;box-shadow:0 8px 24px rgba(48,43,34,.08);isolation:isolate;touch-action:pan-y}
#case .comparison picture,#case .comparison img{position:absolute;inset:0;width:100%;height:100%}
#case .comparison img{display:block;object-fit:cover}
#case .comparison-after{z-index:1;clip-path:inset(0 calc(100% - var(--position)) 0 0)}
#case .comparison-divider{position:absolute;z-index:3;top:0;bottom:0;left:clamp(23px,var(--position),calc(100% - 23px));width:2px;background:rgba(255,254,250,.94);box-shadow:0 0 0 1px rgba(22,32,20,.15);pointer-events:none;transform:translateX(-50%)}
#case .comparison-divider i{position:absolute;top:50%;left:50%;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(81,101,58,.3);border-radius:50%;background:#fffef9;color:var(--case-green-deep);font-style:normal;font-size:19px;font-weight:700;letter-spacing:2px;box-shadow:0 4px 14px rgba(25,40,29,.15);transform:translate(-50%,-50%)}
#case .comparison input[type="range"]{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;cursor:ew-resize;opacity:0}
#case .comparison:focus-within{outline:3px solid var(--case-gold);outline-offset:3px}
#case .comparison-label{position:absolute;z-index:5;bottom:7px;display:block;min-width:64px;height:44px;padding:0 12px;border:0;border-radius:0;background:transparent!important;color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:none;cursor:pointer}
#case .comparison-label:before{content:"";position:absolute;z-index:-1;inset:7px 0;border:1px solid rgba(255,255,255,.52);border-radius:7px;box-shadow:0 3px 12px rgba(0,0,0,.18)}
#case .comparison-label.before{left:7px}
#case .comparison-label.before:before{background:rgba(37,39,37,.86)}
#case .comparison-label.after{right:7px}
#case .comparison-label.after:before{background:rgba(81,101,58,.94)}
#case .comparison-label:focus-visible{outline:3px solid #fff;outline-offset:2px}
#case .comparison.is-returning .comparison-after{transition:clip-path 320ms cubic-bezier(.2,.7,.2,1)}
#case .comparison.is-returning .comparison-divider{transition:left 320ms cubic-bezier(.2,.7,.2,1)}
#case .case-footer{display:flex;justify-content:center;width:min(100%,390px);margin:24px auto 0;padding:0;border:0;border-radius:0;background:transparent}
#case .case-cta{width:min(100%,390px);min-height:58px;justify-content:space-between;padding-inline:26px;border-radius:9px;font-size:14px}
#case .case-cta span{font-size:19px}
@media(max-width:1199px){#case.case-v2{padding-inline:48px}#case .case-list{max-width:820px}#case .case-row{grid-template-columns:1fr;gap:7px;margin-bottom:18px}#case .case-row h3{display:flex;align-items:baseline;gap:10px}#case .case-footer{justify-content:center}}
@media(max-width:767px){#case.case-v2{padding:30px 18px 34px}#case .case-header{margin-bottom:20px;text-align:left}#case .case-header .eyebrow{margin-bottom:6px;font-size:10px}#case .case-header h2{font-size:34px;line-height:1.05}#case .case-header ul{display:grid;justify-content:start;gap:2px;margin-top:11px;font-size:11px}#case .case-header li{min-height:24px}#case .case-meta-icon{transform:scale(.82)}#case .case-intro{margin-top:9px;font-size:12px;line-height:1.42}#case .case-row{gap:4px;margin-bottom:12px;padding:0}#case .case-row h3{margin:0;font-size:12px;line-height:1.28}#case .case-row h3 span{font-size:15px}#case .comparison{aspect-ratio:16/9;border-radius:9px}#case .comparison-divider i{width:44px;height:44px;font-size:17px}#case .comparison-label{bottom:0;min-width:58px;height:44px;padding-inline:9px;font-size:9px}#case .comparison-label.before{left:2px}#case .comparison-label.after{right:2px}#case .case-footer{margin-top:14px}#case .case-cta{min-height:52px;padding-inline:18px;font-size:11px}}
@media(max-width:350px){#case.case-v2{padding-inline:14px}#case .case-header h2{font-size:34px}#case .case-intro{font-size:12.5px}}
@media(prefers-reduced-motion:reduce){#case .comparison.is-returning .comparison-after,#case .comparison.is-returning .comparison-divider{transition:none}}
