/* JoveWorks - montador de ecossistema (pr evisualizacao interativa sem backend) */
.bundle-hero{padding:116px 0 112px;background:radial-gradient(ellipse at 84% 35%,rgba(55,89,181,.17),transparent 56%)}
.bundle-hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:60px;align-items:center}
.bundle-hero h1{font:700 clamp(3.1rem,5.3vw,5.6rem)/1.07 "Space Grotesk",sans-serif;letter-spacing:-.064em;margin:17px 0 26px}
.bundle-hero p{font-size:16px;color:#adbed5;line-height:1.9;max-width:655px;margin-bottom:28px}
.bundle-poster{height:435px;max-width:100%;position:relative;isolation:isolate;display:grid;place-items:center}
.bundle-poster:before{content:"";position:absolute;inset:4%;border-radius:50%;border:1px solid rgba(213,181,114,.32);transform:scaleX(.88) rotate(23deg);box-shadow:0 0 80px rgba(59,93,183,.14)}
.bundle-poster:after{content:"";position:absolute;inset:16%;border-radius:50%;border:1px dashed rgba(144,182,238,.22);transform:scaleX(.94) rotate(-26deg)}
.bundle-poster-center{position:relative;z-index:2;height:124px;width:124px;border:1px solid rgba(243,204,132,.65);border-radius:30px;display:grid;place-items:center;background:linear-gradient(140deg,#254371,#10223f);box-shadow:0 20px 55px rgba(0,0,0,.3),0 0 75px rgba(89,135,210,.21);font:700 54px "Space Grotesk",sans-serif;letter-spacing:-.09em;color:#f4d69b}
.bundle-poster-tile{position:absolute;z-index:3;width:160px;display:flex;flex-direction:column;gap:2px;padding:14px 17px;border:1px solid rgba(167,189,229,.33);border-radius:13px;background:rgba(22,40,68,.94);box-shadow:0 18px 33px rgba(0,0,0,.29)}
.bundle-poster-tile>span{color:#e8cb99;font-size:9px;letter-spacing:.14em;font-weight:800}
.bundle-poster-tile strong{font:700 18px "Space Grotesk",sans-serif}
.bundle-poster-tile small{font-size:10px;color:#9fb5d1}.tile-sites{top:3%;left:8%;transform:rotate(-5deg)}.tile-mail{right:4%;top:12%;transform:rotate(5deg)}.tile-viviane{bottom:10%;left:4%;transform:rotate(4deg)}.tile-juridico{right:4%;bottom:4%;transform:rotate(-5deg)}
.bundle-builder{padding:112px 0 122px;background:linear-gradient(180deg,rgba(19,34,61,.4),#0a1426);border-top:1px solid rgba(157,184,223,.15)}
.bundle-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:25px;align-items:start}
.bundle-editor-label{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#e4c58b;font-size:10px;font-weight:800;letter-spacing:.13em;margin-bottom:18px}.bundle-editor-label span:last-child{color:#b1c6e2}
.bundle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bundle-item{display:flex;flex-direction:column;min-width:0;min-height:366px;padding:19px;border:1px solid rgba(155,184,223,.26);border-radius:16px;background:linear-gradient(145deg,#192b47,#0d182c);cursor:pointer;transition:background .23s,border-color .23s,transform .23s}
.bundle-item:hover{transform:translateY(-3px);border-color:rgba(241,203,132,.64)}
.bundle-item:has(input:checked){border-color:#edc98c;background:linear-gradient(135deg,rgba(174,135,75,.2),#152846 66%);box-shadow:0 0 0 1px rgba(227,185,113,.17) inset,0 19px 40px rgba(0,0,0,.16)}
.bundle-item:has(input:focus-visible){outline:3px solid rgba(241,204,138,.85);outline-offset:2px}
.bundle-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#e5c38d;font-size:10px;letter-spacing:.11em;font-weight:800}
.bundle-card-top input{height:23px;width:23px;flex-shrink:0;accent-color:#dfb56e;cursor:pointer}
.bundle-preview{height:133px;position:relative;margin:19px -3px 15px;border-radius:9px;border:1px solid rgba(183,201,228,.25);overflow:hidden;background:#0c1729}
.bundle-preview img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;filter:saturate(.9)}
.bundle-preview:after{content:"INTERFACE DO PROJETO";position:absolute;left:8px;bottom:8px;padding:3px 6px;border-radius:4px;background:rgba(4,12,25,.85);color:#f3d7ae;font-size:8px;letter-spacing:.1em;font-weight:800}
.bundle-item>strong{font:700 23px/1.2 "Space Grotesk",sans-serif;letter-spacing:-.04em}
.bundle-item p{color:#b0c3dc;font-size:12px;line-height:1.7;margin:10px 0 19px}
.bundle-item-foot{color:#e4ccaa;font-weight:700;letter-spacing:.03em;font-size:9px;display:flex;justify-content:space-between;gap:5px;margin-top:auto}
.bundle-item-foot span{font-size:14px}
.bundle-goals{display:grid;grid-template-columns:1fr;gap:11px;padding:27px;margin-top:19px;border:1px solid rgba(162,185,229,.2);background:rgba(17,32,56,.5);border-radius:15px}
.bundle-goals label{color:#d0dff2;font-size:12px;font-weight:700}
.bundle-goals label:not(:first-child){margin-top:10px}
.bundle-goals select{background:#0b172d;color:#e4edfc;border:1px solid rgba(167,189,217,.28);border-radius:8px;padding:12px;font-size:12px;width:100%;max-width:100%}
.bundle-goals select:focus-visible{outline:2px solid #f0d29a}
.bundle-summary{position:sticky;top:112px;display:flex;flex-direction:column;min-width:0;padding:30px;background:linear-gradient(145deg,#1b3050,#101c34 72%);border:1px solid rgba(220,187,129,.39);border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.23)}
.bundle-summary-top{display:flex;align-items:center;gap:10px;color:#ecd09e;letter-spacing:.12em;font-weight:800;font-size:10px}
.summary-dot{height:6px;width:6px;border-radius:50%;background:#ecd09e;box-shadow:0 0 14px rgba(239,201,137,.55)}
.bundle-summary h3{font-size:30px;line-height:1.2;margin:26px 0 13px}
.bundle-summary>p{font-size:13px;color:#adbed5;line-height:1.85;margin-bottom:18px}
.bundle-summary-items{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;min-height:70px;padding:13px;border:1px solid rgba(174,199,230,.17);border-radius:10px;background:#0f203b}
.bundle-summary-items span{font-size:10px;font-weight:700;border-radius:20px;padding:9px 11px;background:rgba(223,184,125,.12);border:1px solid rgba(219,185,135,.3);color:#f2dcba}
.bundle-summary-items .bundle-placeholder{color:#98adc9;background:transparent;border:0;font-weight:400;line-height:1.5}
.bundle-synergy{font-size:12px;color:#b4c7df;line-height:1.85;margin:21px 0 26px;min-height:60px;border-left:2px solid rgba(226,183,116,.6);padding:2px 0 2px 15px}
.bundle-summary>.btn:disabled{opacity:.38;cursor:not-allowed;transform:none}
.bundle-reset{margin-top:13px;background:transparent;border:0;color:#bdcce3;font-size:11px;font-weight:700}
.bundle-reset:hover{color:#f4d598}
.bundle-confirmation{margin-top:24px;border-top:1px solid rgba(188,209,234,.2);padding-top:25px}
.bundle-confirmation[hidden]{display:none}
.bundle-confirmation strong{font-size:15px;color:#efd39b}.bundle-confirmation p{font-size:11px;line-height:1.7;color:#abbdd7;margin:8px 0 15px}
.bundle-confirmation textarea{color:#e5ebf7;background:#0b192f;border:1px solid rgba(166,186,221,.31);border-radius:9px;resize:vertical;width:100%;min-height:180px;line-height:1.65;font-size:11px;padding:12px}
.bundle-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.bundle-actions button{border:1px solid rgba(229,193,131,.39);background:rgba(225,182,117,.07);border-radius:7px;padding:10px 12px;color:#f3d6a6;font-size:11px;font-weight:700}
.bundle-actions button:hover{background:rgba(225,182,117,.21)}
.bundle-feedback{min-height:15px;margin-top:10px}
.bundle-legal{font-size:11px;line-height:1.85;color:#90a6c5;border-left:2px solid #d8b376;padding:0 0 0 14px;margin:34px 0 0}
.bundle-legal strong{color:#e3c69d}
.bundle-steps{padding:102px 0 119px;border-top:1px solid rgba(160,183,216,.13)}
.bundle-steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:39px}
.bundle-steps-grid article{padding:22px;background:linear-gradient(135deg,#1a2c46,#0e1a2e);border:1px solid rgba(170,196,228,.19);border-radius:12px}
.bundle-steps-grid article>span{color:#f2cd94;font-size:20px;font-weight:700;font-family:"Space Grotesk",sans-serif}
.bundle-steps-grid article h3{margin:18px 0 8px;font-size:22px}
.bundle-steps-grid article p{font-size:12px;color:#a5b9d4;line-height:1.75}
@media(max-width:1150px){.bundle-hero-grid{gap:26px}.bundle-layout{grid-template-columns:1fr .84fr}.bundle-summary{padding:22px}.bundle-grid{grid-template-columns:1fr}.bundle-item{min-height:338px}.bundle-preview{height:155px}}
@media(max-width:850px){.bundle-hero-grid{grid-template-columns:1fr}.bundle-poster{max-width:490px;margin:auto;height:350px}.bundle-layout{grid-template-columns:1fr}.bundle-grid{grid-template-columns:repeat(2,1fr)}.bundle-summary{position:static;top:auto}.bundle-steps-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.bundle-hero{padding:75px 0 69px}.bundle-hero h1{font-size:clamp(2.8rem,10.2vw,3.7rem)}.bundle-hero p{font-size:13px}.bundle-poster{height:300px;width:100%}.bundle-poster-center{height:90px;width:90px;font-size:39px;border-radius:24px}.bundle-poster-tile{width:129px;padding:10px}.bundle-poster-tile strong{font-size:14px}.tile-sites{left:0}.tile-mail{right:0}.tile-viviane{left:0}.tile-juridico{right:0}.bundle-builder{padding:79px 0 80px}.bundle-grid{grid-template-columns:1fr}.bundle-item{min-height:0;padding:18px}.bundle-preview{height:170px}.bundle-item>strong{font-size:23px}.bundle-summary{padding:20px}.bundle-summary h3{font-size:27px}.bundle-steps{padding:82px 0}.bundle-steps-grid{grid-template-columns:1fr}.bundle-editor-label{font-size:9px}}
@media print{header,.preview-strip,.bundle-poster,.bundle-steps,.footer,.cta-section,.bundle-editor,.bundle-hero .btn,.bundle-summary>.btn,.bundle-reset,.bundle-actions{display:none!important}body{background:white;color:#111}.bundle-layout{display:block}.bundle-summary{position:static;background:white;color:#111;border:1px solid #bbb;box-shadow:none}.bundle-confirmation textarea{color:#111;background:white;border:0}.bundle-confirmation[hidden]{display:block}}
@media(prefers-reduced-motion:reduce){.bundle-item{transition:none!important}.bundle-poster-tile{transition:none!important}}