/* Showreel cinematografico JoveWorks · quatro produtos */
.reel-opening{padding:85px 0 45px;background:radial-gradient(ellipse 50% 80% at 86% 12%,rgba(55,97,193,.17),transparent 75%)}
.reel-top{display:flex;align-items:end;justify-content:space-between;gap:45px}.reel-top>div{max-width:880px}.reel-top h1{font:700 clamp(2.65rem,5.5vw,5.5rem)/1.09 "Space Grotesk",sans-serif;letter-spacing:-.055em;margin:12px 0 20px}.reel-top p{color:#adbed5;max-width:680px;line-height:1.85;font-size:14px}.reel-top>a{flex-shrink:0;margin-bottom:8px}
.reel-host{padding:18px 0 105px}.reel-stage{width:100%;max-width:100%;position:relative;overflow:hidden;min-height:645px;aspect-ratio:16/9;isolation:isolate;border-radius:19px;background:#050a16;border:1px solid rgba(235,187,116,.35);box-shadow:0 20px 90px rgba(0,0,0,.42),0 0 60px rgba(45,85,180,.1)}
.reel-stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;border-radius:inherit;border:1px solid rgba(217,190,135,.13)}
.reel-corner{position:absolute;left:31px;right:31px;top:27px;display:flex;align-items:center;gap:10px;z-index:8;font-size:10px;letter-spacing:.17em;font-weight:800;color:#f0ddb9;text-shadow:0 1px 8px #000}.reel-led{width:7px;height:7px;border-radius:50%;background:#e5c78f;box-shadow:0 0 12px #f5d28a}.reel-corner-right{margin-left:auto;color:#d7c8ac}
.reel-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .52s ease,visibility .52s ease;z-index:1;background:#09162c}.reel-scene.is-active{opacity:1;visibility:visible;z-index:2}
.reel-scene video,.reel-scene>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.reel-product>img{object-position:58% 29%;opacity:.62;transform:scale(1.08);filter:saturate(.9) contrast(1.04);transition:transform 4s ease}.reel-product.is-active>img{transform:scale(1)}
.reel-product.reel-mail>img{object-position:right top;opacity:.58}.reel-product.reel-viviane>img{object-position:80% top;opacity:.6}.reel-product.reel-juridico>img{object-position:80% top;opacity:.62}
.reel-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,11,28,.97) 0%,rgba(5,14,31,.85) 35%,rgba(5,13,30,.2) 80%),linear-gradient(0deg,rgba(4,9,22,.78),transparent 40%)}.reel-intro .reel-shade{background:linear-gradient(90deg,rgba(2,10,27,.76),transparent 80%),linear-gradient(0deg,rgba(3,10,25,.7),transparent 50%)}
.reel-caption{position:absolute;left:6%;right:8%;top:29%;z-index:3;max-width:780px;transform:translateY(11px);opacity:0;transition:transform .7s ease .15s,opacity .7s ease .15s}.reel-scene.is-active .reel-caption{transform:translateY(0);opacity:1}
.reel-caption>span{font-size:11px;letter-spacing:.2em;font-weight:800;color:#efcf95}
.reel-caption h2{font-size:clamp(2.9rem,5.8vw,6.5rem);line-height:1.03;letter-spacing:-.065em;font-family:"Space Grotesk",sans-serif;margin:18px 0 18px;text-shadow:0 3px 18px rgba(0,0,0,.18)}
.reel-caption h2 em{font-style:normal;color:#f1cf8f}
.reel-caption>p{font-size:16px;color:#f1f5fd;max-width:460px;line-height:1.75;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.reel-caption>a{display:inline-flex;gap:12px;margin-top:14px;border-bottom:1px solid rgba(240,205,148,.62);font-size:13px;color:#ffe1a9;font-weight:700;padding:6px 0}
.reel-scene.reel-outro{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;background:radial-gradient(ellipse at 49% 40%,rgba(45,83,173,.38),transparent 62%),linear-gradient(150deg,#101e37,#060c1a 78%)}
.reel-outro:before,.reel-outro:after{content:"";position:absolute;pointer-events:none;inset:0;background-image:radial-gradient(circle,rgba(251,222,158,.4) 1px,transparent 1px);background-size:80px 80px;opacity:.15}.reel-outro:after{background-size:147px 141px;opacity:.22}
.reel-outro>img{position:relative;max-width:min(65%,490px);height:auto;object-fit:contain;filter:drop-shadow(0 12px 38px rgba(0,0,0,.2))}.reel-outro h2{font-size:clamp(2.2rem,4.8vw,4.9rem);margin:8px 0 0;letter-spacing:-.055em}.reel-outro p{font-size:14px;color:#b6c6df}.reel-outro .btn{position:relative;z-index:2}.outro-stars{font-size:25px;color:#ebc992;letter-spacing:.4em;margin-bottom:20px}
.reel-bottom-gradient{position:absolute;inset:auto 0 0;height:165px;background:linear-gradient(0deg,rgba(3,8,20,.95),transparent);z-index:4;pointer-events:none}
.reel-player-controls{position:absolute;z-index:9;bottom:19px;left:27px;right:27px}.reel-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.reel-step{display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:left;background:none;border:none;padding:8px 0 5px;color:#b4c6df;font-size:11px;font-weight:700;min-width:0;opacity:.7}.reel-step:hover,.reel-step.is-current{color:#f6deae;opacity:1}.reel-step>i{display:block;height:3px;width:100%;border-radius:4px;background:rgba(221,233,247,.2);overflow:hidden}.reel-step i b{display:block;background:linear-gradient(90deg,#e4b766,#fff2c4);height:100%;width:0;transition:width .12s linear}.reel-step.is-complete i b{width:100%}
.reel-tools{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.reel-tools button{padding:8px 12px;font-size:11px;border:1px solid rgba(184,204,232,.25);background:rgba(16,30,55,.82);border-radius:6px;color:#e4ebfc}.reel-tools button:hover{border-color:#edc889;color:#edc889}.reel-tools>span{font-size:11px;letter-spacing:.05em;margin-left:auto;color:#b3c5df;font-variant-numeric:tabular-nums}
.reel-disclaimer{font-size:11px;color:#94a8c6;margin:16px 0 0;line-height:1.8}
.reel-next{padding:105px 0 130px;border-top:1px solid rgba(165,184,219,.14)}
.reel-next-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:25px}
.reel-next-grid a{display:flex;flex-direction:column;gap:16px;padding:23px;min-height:190px;border:1px solid rgba(170,190,221,.22);border-radius:13px;background:linear-gradient(140deg,#1b2b44,#0c162b)}.reel-next-grid a:hover{border-color:rgba(231,192,119,.6)}
.reel-next-grid span{font-size:10px;letter-spacing:.14em;color:#ebcc97;font-weight:700}.reel-next-grid strong{font:700 22px/1.2 "Space Grotesk",sans-serif;letter-spacing:-.04em}.reel-next-grid b{color:#edcf9c;margin-top:auto;font-size:12px}
@media(max-width:1000px){.reel-stage{min-height:560px}.reel-top{align-items:flex-start;flex-direction:column}.reel-caption h2{font-size:clamp(2.7rem,6vw,5rem)}.reel-next-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:790px){.reel-opening{padding:80px 0 25px}.reel-stage{min-height:510px}.reel-caption{top:26%}.reel-player-controls{left:18px;right:18px}.reel-corner{left:18px;right:18px}.reel-caption>p{font-size:13px}}
@media(max-width:560px){.reel-top h1{font-size:clamp(2.8rem,10vw,4rem)}.reel-top p{font-size:12px}.reel-host{padding:10px 0 80px}.reel-stage{min-height:700px;aspect-ratio:9/16;border-radius:13px}.reel-intro video{object-fit:contain;background:#040a18}.reel-product>img{object-position:center top;opacity:.42}.reel-caption{left:7%;right:7%;top:26%}.reel-caption h2{font-size:clamp(2.7rem,12vw,4.5rem)}.reel-caption>span{font-size:9px}.reel-caption>p{font-size:12px}.reel-caption>a{font-size:11px}.reel-player-controls{bottom:10px;left:12px;right:12px}.reel-track{gap:4px}.reel-step{font-size:8px;gap:6px}.reel-step>i{height:3px}.reel-tools{gap:6px;margin-top:10px}.reel-tools button{font-size:9px;padding:8px 7px}.reel-tools>span{font-size:9px}.reel-corner{font-size:8px;letter-spacing:.09em}.reel-outro>img{max-width:85%}.reel-outro h2{font-size:2.5rem}.reel-outro p{font-size:12px;max-width:275px}.reel-next{padding:85px 0}.reel-next-grid{grid-template-columns:1fr}.reel-next-grid a{min-height:155px}.reel-disclaimer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.reel-scene,.reel-caption,.reel-product>img,.reel-step i b{transition:none;animation:none}}