/* JoveWorks — seleção e tour de quatro produtos */
.v4-top{padding:100px 0 98px;background:radial-gradient(ellipse 57% 70% at 90% 30%,rgba(57,102,194,.18),transparent 70%)}
.v4-topgrid{display:grid;grid-template-columns:1.18fr .82fr;gap:72px;align-items:center}
.v4-top h1{font:700 clamp(3rem,5.1vw,5.4rem)/1.07 "Space Grotesk",sans-serif;letter-spacing:-.06em;margin:10px 0 23px}
.v4-top p{max-width:620px;font-size:15px;line-height:1.9;color:#b0c2dc;margin-bottom:27px}
.v4-welcome{min-height:330px;border:1px solid rgba(225,192,130,.33);border-radius:19px;display:flex;flex-direction:column;justify-content:center;gap:28px;padding:40px;background:radial-gradient(circle at 70% 64%,rgba(99,85,199,.2),transparent 62%),linear-gradient(142deg,#1b3150,#0b172a);box-shadow:0 25px 50px rgba(0,0,0,.17)}
.v4-welcome>span{font-size:11px;letter-spacing:.15em;color:#f0cb93;font-weight:800}
.v4-welcome>strong{font:700 35px/1.17 "Space Grotesk",sans-serif;letter-spacing:-.05em}
.v4-welcome>div{font-size:39px;color:#e6bb76;letter-spacing:.4em;white-space:nowrap}.v4-welcome i{color:#b4a6fe;font-style:normal}
.v4-hero-side{background:linear-gradient(135deg,#132541,#0c172a);border:1px solid rgba(177,198,231,.27);border-radius:17px;padding:13px;box-shadow:0 30px 66px rgba(0,0,0,.28);transform:perspective(1000px) rotateY(-3deg)}
.v4-hero-side img{width:100%;height:auto;max-height:345px;object-fit:cover;object-position:top;border-radius:9px;display:block}.v4-hero-side span{display:block;font-size:9px;font-weight:700;letter-spacing:.13em;color:#98adc8;padding:13px 4px 3px}
.v4-wizard,.v4-tour,.v4-compare{padding:104px 0;border-top:1px solid rgba(155,181,218,.13)}
.v4-wizard{background:linear-gradient(180deg,rgba(20,36,62,.48),rgba(8,16,30,.2))}
.v4-wizard-heading h2,.v4-compare h2,.v4-connection h2{font-size:clamp(2.7rem,4.1vw,4.1rem);line-height:1.12}
.v4-wizard-heading p,.v4-compare-intro{font-size:14px;color:#aebfd8;line-height:1.85;margin:20px 0 32px}
.v4-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.v4-choose{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;min-height:255px;padding:25px;background:linear-gradient(145deg,#192a47,#0e192e);border:1px solid rgba(165,187,229,.23);border-radius:14px;color:#f4f7ff;transition:border-color .22s,background .22s,transform .22s}
.v4-choose:hover{border-color:rgba(240,205,139,.68);transform:translateY(-3px)}
.v4-choose[aria-pressed="true"]{background:linear-gradient(142deg,rgba(124,97,65,.26),#172641);border-color:#eac58c;box-shadow:inset 0 0 0 1px rgba(234,197,140,.18)}
.v4-chooseicon{display:grid;place-items:center;border:1px solid rgba(228,193,131,.28);border-radius:12px;height:63px;width:63px;font-size:33px;color:#e6c58e;margin-bottom:17px;background:rgba(231,188,117,.05)}
.v4-choose strong{font:700 21px/1.18 "Space Grotesk",sans-serif;letter-spacing:-.035em}
.v4-choose small{font-size:12px;color:#a4b7d1;line-height:1.6}
.v4-stage{margin-top:22px;padding:29px 30px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-radius:14px;border:1px solid rgba(166,192,227,.17);background:rgba(13,26,46,.67)}
.v4-stage>div:first-child>span{font-size:10px;letter-spacing:.13em;font-weight:800;color:#e8c38b}
.v4-stage h3{font-size:22px;margin:10px 0 5px}.v4-stage p{font-size:12px;color:#a0b5d1;margin:0}
.v4-phasegroup{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.v4-phasegroup button{background:#182a43;border:1px solid rgba(182,201,228,.26);color:#c5d3e8;padding:11px 14px;border-radius:8px;font-size:11px;font-weight:700}
.v4-phasegroup button:hover,.v4-phasegroup button[aria-pressed="true"]{background:rgba(232,185,106,.18);border-color:rgba(236,196,128,.65);color:#fff1c8}
.v4-wizard-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.v4-wizard-actions button:disabled{opacity:.36;cursor:not-allowed;transform:none}
.v4-result{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;border:1px solid rgba(232,191,116,.4);background:linear-gradient(120deg,#1c3050,#0d1a31);border-radius:18px;padding:25px}
.v4-result[hidden]{display:none}.v4-result-body{padding:16px}
.v4-result-body>span{font-size:10px;color:#edc98e;letter-spacing:.12em;font-weight:800}
.v4-result-body h3{font-size:32px;margin:18px 0}.v4-result-body>p{font-size:13px;color:#d1dbea;line-height:1.85}
.v4-result>img{max-width:100%;width:100%;max-height:330px;height:auto;border:1px solid rgba(179,202,237,.2);border-radius:10px;object-fit:cover;object-position:top}
.v4-disclosure{font-size:11px;color:#9dafc9;line-height:1.8;border-left:2px solid rgba(226,183,113,.6);padding-left:12px;margin:19px 0}
.v4-touractions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.v4-touractions .btn{font-size:12px}
.v4-table-scroll{overflow-x:auto;border:1px solid rgba(167,187,218,.25);border-radius:14px;background:#111f38;outline:none}
.v4-table{border-collapse:collapse;width:100%;min-width:760px;font-size:12px}
.v4-table th,.v4-table td{text-align:left;vertical-align:top;padding:19px 20px;border-bottom:1px solid rgba(165,183,216,.16);line-height:1.65}
.v4-table thead th{background:#1c304f;color:#f0d2a0;font-size:11px;letter-spacing:.06em}
.v4-table tbody th{font-weight:700;color:#edf4ff;white-space:nowrap}.v4-table tbody td{color:#b1c3dc}.v4-table a{color:#f4d49c;font-weight:700;white-space:nowrap}
.v4-tour{background:radial-gradient(circle at 5% 60%,rgba(70,74,150,.1),transparent 65%)}
.v4-tablist{display:flex;flex-wrap:wrap;gap:11px;margin:35px 0 17px}
.v4-tablist [role="tab"]{padding:12px 19px;background:#13253f;color:#b9cce4;border:1px solid rgba(160,183,218,.24);font-size:12px;font-weight:700;border-radius:7px}
.v4-tablist [aria-selected="true"]{background:linear-gradient(110deg,#edd097,#d3a663);color:#142038;border-color:#e7c78e}
.v4-tablist [role="tab"]:focus-visible{outline:2px solid #e9c787;outline-offset:3px}
.v4-tourpanel{display:grid;grid-template-columns:.82fr 1.18fr;gap:32px;padding:30px;border:1px solid rgba(160,184,226,.23);background:linear-gradient(145deg,#172945,#101a2e);border-radius:16px;align-items:center}
.v4-state{display:inline-block;color:#e9d09e;background:rgba(239,195,128,.09);border:1px solid rgba(231,187,118,.23);padding:8px 12px;border-radius:25px;font-size:10px;font-weight:700}
.v4-tourcopy h3{font-size:clamp(2.6rem,3.7vw,3.75rem);line-height:1.12;margin:20px 0}
.v4-tourcopy>p{font-size:13px;color:#b4c4da;line-height:1.85}.v4-tourcopy #tour-subtitle{color:#eff4ff;font-size:15px;font-weight:700}
.v4-chips{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.v4-chips span{font-size:10px;color:#d1dfee;border:1px solid rgba(169,191,218,.2);padding:7px 9px;border-radius:5px;background:rgba(255,255,255,.04)}
.v4-tourmedia{background:#0a162a;border:1px solid rgba(178,197,225,.26);border-radius:13px;padding:12px;min-width:0}
.v4-screen-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a8bad4;font-size:9px;font-weight:700;letter-spacing:.11em;margin-bottom:10px}
.v4-screen-top span:first-child{color:#e2b973}
.v4-tourmedia>img{display:block;width:100%;height:385px;object-fit:contain;object-position:top;background:#162538;border-radius:7px}
.v4-photo-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#acbed5;padding-top:11px}
.v4-photo-bottom button{border:1px solid rgba(236,199,129,.25);background:rgba(239,201,138,.08);color:#f2d7ad;border-radius:5px;padding:8px 10px;white-space:nowrap;font-size:11px;font-weight:700}
.v4-shotlist{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.v4-shotlist button{padding:8px 11px;border-radius:5px;font-size:10px;font-weight:700;color:#adbed8;border:1px solid rgba(161,183,213,.22);background:#182b47}.v4-shotlist button.active{border-color:#edd49e;color:#ffecbd}
.v4-modal{width:min(1100px,calc(100vw - 28px));max-height:91vh;background:#0b1527;border:1px solid rgba(239,198,129,.38);color:#f0f6ff;text-align:center;border-radius:15px;padding:19px}
.v4-modal::backdrop{background:rgba(1,6,16,.86);backdrop-filter:blur(7px)}.v4-modal img{max-height:76vh;max-width:100%;width:auto;height:auto;object-fit:contain}
.v4-modal p{font-size:11px;color:#a9bad0;margin:10px}.v4-close{float:right;border:1px solid rgba(236,196,117,.4);color:#f6d295;background:#12243d;border-radius:6px;height:32px;width:32px;position:sticky;top:0}
.v4-connection{padding:110px 0;background:linear-gradient(180deg,rgba(11,24,46,.6),#081020)}
.v4-flow{display:flex;align-items:stretch;gap:8px;margin:40px 0 23px}.v4-flow>div{flex:1;min-width:0;padding:23px 19px;border:1px solid rgba(170,190,224,.2);background:#162741;border-radius:11px}
.v4-flow>div span{font-size:9px;letter-spacing:.1em;color:#eccb92;font-weight:700}.v4-flow>div strong{display:block;font:700 23px/1.2 "Space Grotesk",sans-serif;margin:16px 0 9px}.v4-flow>div p{color:#aec2da;font-size:12px;line-height:1.7;margin:0}.v4-flow>i{font-style:normal;align-self:center;font-size:21px;color:#efd09a;padding:0 4px}
@media(max-width:1150px){.v4-topgrid{gap:28px}.v4-choices{grid-template-columns:repeat(2,1fr)}.v4-choose{min-height:220px}.v4-stage{align-items:flex-start;flex-direction:column}.v4-phasegroup{justify-content:flex-start}.v4-tourpanel{grid-template-columns:1fr 1fr;gap:20px;padding:20px}.v4-tourmedia>img{height:310px}}
@media(max-width:790px){.v4-topgrid,.v4-tourpanel,.v4-result{grid-template-columns:1fr}.v4-top{padding:78px 0}.v4-welcome{min-height:230px}.v4-hero-side{max-width:610px;transform:none}.v4-wizard,.v4-tour,.v4-compare,.v4-connection{padding:80px 0}.v4-flow{flex-wrap:wrap}.v4-flow>div{flex:1 1 42%}.v4-flow>i{display:none}}
@media(max-width:560px){.v4-top h1{font-size:clamp(2.65rem,10.4vw,3.75rem)}.v4-top p{font-size:13px}.v4-welcome{padding:25px}.v4-welcome>strong{font-size:29px}.v4-welcome>div{font-size:25px}.v4-choices{grid-template-columns:1fr}.v4-choose{min-height:0;padding:17px;gap:7px}.v4-chooseicon{height:40px;width:40px;font-size:23px;margin-bottom:6px}.v4-stage{padding:21px}.v4-wizard-actions{flex-direction:column}.v4-wizard-actions button{width:100%}.v4-result{padding:15px}.v4-result-body{padding:5px}.v4-result-body h3{font-size:25px}.v4-compare h2,.v4-connection h2{font-size:clamp(2.25rem,9.5vw,3.3rem)}.v4-tablist{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.v4-tablist button{font-size:10px!important;padding:11px 8px!important}.v4-tourpanel{padding:14px}.v4-tourcopy h3{font-size:33px}.v4-tourmedia>img{height:240px}.v4-photo-bottom{font-size:9px}.v4-flow{display:grid;grid-template-columns:1fr}.v4-flow>div{padding:18px}.v4-flow>div strong{margin:8px 0}.v4-modal{padding:10px}}