:root{--bg:#101010;--fg:#f6f5ef;--muted:#aaa8a3;--yellow:#eadf31;--orange:#ff6d29;--line:rgba(255,255,255,.25)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Poppins,Arial,sans-serif;background:var(--bg);color:var(--fg)}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}body{overflow-x:hidden}.orange{color:var(--orange)}.intro{position:fixed;inset:0;z-index:20;background:#0d0d0d;display:flex;align-items:center;justify-content:center;transition:opacity .8s,visibility .8s}.intro.is-over{opacity:0;visibility:hidden;pointer-events:none}.intro-content{text-align:center;display:flex;align-items:center;flex-direction:column}.record{position:relative;width:min(46vw,270px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,#171717 0 3px,#232323 4px 5px,#141414 6px 8px);box-shadow:0 18px 55px #0008,0 0 0 1px #727272;animation:spin 7s linear infinite;display:grid;place-items:center}.record:before{content:"";position:absolute;inset:9%;border-radius:50%;border:1px solid #5d5d5d}.record-center{width:35%;aspect-ratio:1;border-radius:50%;background:var(--yellow);display:grid;place-items:center;color:#181818;font-size:clamp(24px,5vw,41px);font-weight:900;letter-spacing:-3px}.record-pin{position:absolute;width:8px;aspect-ratio:1;border-radius:50%;background:#161616;border:1px solid #969696;top:calc(50% - 4px);left:calc(50% - 4px)}@keyframes spin{to{transform:rotate(360deg)}}.intro-wordmark{margin-top:34px;font-size:20px;font-weight:900;line-height:1.03;letter-spacing:-1px}.intro-content p{font-size:10px;letter-spacing:2px;color:#b8b8b8;margin-top:24px}.progress{width:180px;height:2px;background:#333;margin-top:8px}.progress span{display:block;background:var(--yellow);height:100%;width:0;animation:load 7s linear forwards}@keyframes load{to{width:100%}}.skip{position:absolute;bottom:40px;right:5vw;background:none;color:var(--fg);border:0;font-size:11px;font-weight:700;letter-spacing:2px}.skip span{color:var(--orange)}.intro-number{position:absolute;bottom:40px;left:5vw;color:#888;font-size:11px;letter-spacing:2px}.home{isolation:isolate;min-height:100vh;min-height:100svh;position:relative;display:flex;flex-direction:column;overflow:hidden}.hero-photo,.hero-scrim{position:absolute;inset:0;z-index:-2}.hero-photo{background:#222 url('https://images.unsplash.com/photo-1470225620780-dba8ba36b745?auto=format&fit=crop&w=2000&q=85') center/cover no-repeat;filter:grayscale(.8);transform:scale(1.04);animation:reveal 12s ease-out both}@keyframes reveal{to{transform:scale(1)}}.hero-scrim{z-index:-1;background:linear-gradient(90deg,rgba(7,7,7,.91) 0%,rgba(10,10,10,.68) 53%,rgba(10,10,10,.4) 100%),linear-gradient(0deg,rgba(9,9,9,.86),transparent 45%)}.topbar{width:100%;padding:30px clamp(22px,5vw,88px);display:flex;align-items:flex-start;justify-content:space-between}.wordmark{text-decoration:none;font-size:35px;line-height:1;font-weight:900;letter-spacing:-3px;display:flex;align-items:center;gap:14px}.wordmark small{font-size:9px;line-height:1.25;font-weight:800;letter-spacing:1.15px;color:#ddd;border-left:1px solid #aaa;padding-left:14px}.topright{font-size:10px;letter-spacing:2px;color:#ccc;padding-top:15px}.home-content{padding:9vh clamp(22px,11vw,190px) 7vh;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:2.3px;font-weight:700;color:#e1e1e1}.yellow-dot{height:7px;width:7px;background:var(--yellow);display:inline-block;border-radius:50%}h1,h2{font-weight:900;letter-spacing:-.065em;line-height:1.03;margin:25px 0 17px}h1{font-size:clamp(57px,8vw,126px)}h1 em,h2 em{font-style:normal;color:var(--yellow)}.lead{max-width:550px;color:#d3d3d3;font-size:clamp(13px,1.3vw,16px);line-height:1.8;margin:4px 0 42px}.choose{font-size:10px;letter-spacing:2.2px;font-weight:800;margin-bottom:15px}.choose span{color:var(--orange);font-size:18px}.paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,840px)}.path{min-height:169px;border:1px solid rgba(255,255,255,.52);background:rgba(16,16,16,.48);backdrop-filter:blur(12px);color:white;display:flex;flex-direction:column;text-align:left;padding:22px 25px;transition:background .25s,transform .25s,border-color .25s}.path:hover{background:rgba(234,223,49,.95);transform:translateY(-5px);border-color:var(--yellow);color:#0b0b0b}.path-index{font-size:10px;letter-spacing:1.6px;opacity:.75;margin-bottom:auto}.path-name{font-size:clamp(19px,2.3vw,30px);font-weight:900;letter-spacing:-1.5px;display:flex;justify-content:space-between;align-items:center;gap:10px}.path-arrow{font-size:28px;font-weight:400;color:var(--orange)}.path:hover .path-arrow{color:#171717}.path-sub{font-size:11px;margin-top:4px;opacity:.85}.footer{padding:20px clamp(22px,5vw,88px);display:flex;justify-content:space-between;gap:16px;color:#a4a4a4;font-size:9px;letter-spacing:1.6px}.footer a{text-decoration:none}.modal{position:fixed;inset:0;z-index:30;visibility:hidden;pointer-events:none}.modal.open{visibility:visible;pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background:#000b;opacity:0;transition:opacity .35s}.modal.open .modal-backdrop{opacity:1}.modal-panel{position:absolute;right:0;top:0;bottom:0;overflow-y:auto;width:min(100%,690px);background:#171717;transform:translateX(102%);transition:transform .4s cubic-bezier(.2,.8,.2,1);border-left:1px solid #555}.modal.open .modal-panel{transform:translateX(0)}.close{position:absolute;right:32px;top:24px;background:none;border:0;color:white;font-size:35px;font-weight:300;z-index:1}.modal-inner{padding:clamp(75px,11vh,120px) clamp(25px,6vw,85px) 65px}.step{font-size:11px;letter-spacing:2px;color:var(--orange);margin-top:34px;font-weight:700}h2{font-size:clamp(46px,5.1vw,73px)}.pane-copy{color:#bdbdbd;font-size:13px;line-height:1.9;max-width:470px;margin-bottom:37px}.lead-form{display:flex;flex-direction:column;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.lead-form label:not(.privacy-check){font-size:10px;letter-spacing:1px;display:flex;flex-direction:column;gap:8px;color:#d5d5d5;font-weight:600}.lead-form input:not([type=checkbox]),.lead-form textarea{width:100%;border:1px solid #484848;background:#222;color:white;border-radius:0;padding:14px 13px;font-size:12px;outline:none}.lead-form input:focus,.lead-form textarea:focus{border-color:var(--yellow)}.lead-form input::placeholder,.lead-form textarea::placeholder{color:#858585}.full{grid-column:1/-1}.privacy-check{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#bdbdbd;line-height:1.6}.privacy-check input{accent-color:var(--yellow);margin-top:3px}.privacy-check a{color:white}.primary{border:0;background:var(--yellow);color:#111;font-size:12px;font-weight:900;letter-spacing:1px;padding:20px;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#fff}.primary:disabled{opacity:.5;cursor:wait}.primary span{font-size:20px}.form-status{font-size:12px;line-height:1.7;min-height:20px;margin:0;color:var(--yellow)}.edition{border-top:1px solid #444;margin-top:55px;padding-top:15px;font-size:12px;letter-spacing:3px;font-weight:800}.edition span{color:var(--orange)}.trap{position:absolute;left:-9999px;opacity:0;pointer-events:none}body.modal-open{overflow:hidden}[hidden]{display:none!important}@media(max-width:700px){.topright{display:none}.home-content{padding:14vh 24px 8vh}.paths{grid-template-columns:1fr}.path{min-height:128px}.footer span:nth-child(2){display:none}h1{font-size:clamp(52px,12.5vw,83px)}.modal-inner{padding:85px 25px 48px}.form-grid{grid-template-columns:1fr}.hero-scrim{background:linear-gradient(90deg,#050505dd,#05050588),linear-gradient(0deg,#050505,transparent 80%)}}@media(prefers-reduced-motion:reduce){.record,.progress span,.hero-photo{animation:none}.modal-panel,.modal-backdrop,.intro{transition:none}}

/* Institutional dossier-inspired intro */
.intro{background:#141414;background-image:radial-gradient(ellipse at 50% 40%,#33201a 0%,#121212 58%)}
.record{width:min(58vw,300px);box-shadow:0 30px 70px #000b,0 0 0 2px #8885}
.record-center{width:38%;background:#f26725;color:white}
.vinyl-logo{font-size:clamp(23px,5.3vw,45px);font-weight:900;letter-spacing:-.11em;line-height:1;white-space:nowrap;transform:translateX(-3px)}
.vinyl-logo span{-webkit-text-stroke:1px #fff;color:transparent}
.vinyl-logo b{color:#f1e318;letter-spacing:0}
.intro-wordmark{font-size:clamp(20px,3.5vw,35px);line-height:.98;text-align:center;font-weight:900;letter-spacing:-1.5px}
.outline-word{-webkit-text-stroke:1px #fff;color:transparent}
.progress span{background:#f26725}

/* IME interactive 7-second vinyl entrance */
.intro .record{animation:none!important;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;will-change:transform;box-shadow:0 25px 70px #000d,0 0 0 1px #a4a4a455, inset 0 0 25px #0009}
.intro .record.is-dragging{cursor:grabbing}
.intro .record-lines{pointer-events:none;position:absolute;inset:12%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 7px,#c6c6c609 8px 9px,transparent 10px 12px)}
.intro .record-center{position:relative;z-index:1}
.intro .record-pin{z-index:2}
.intro[hidden]{display:none!important}

/* Vinilo recuperado del proyecto original IME_WEB_SOLO_LOGO_IZQUIERDA */
.intro .record.original-vinyl{background:none;border-radius:50%;width:min(74vw,350px);box-shadow:none;filter:drop-shadow(0 22px 30px #0009);display:block;outline-offset:7px}
.intro .record.original-vinyl::before{content:none}
.intro .record.original-vinyl .record-svg{display:block;width:100%;height:100%}
.intro .record.original-vinyl .record-type{fill:#f2f1ec;font-family:Poppins,Arial,sans-serif;font-weight:900;letter-spacing:.25px}
@media(max-width:600px){.intro .record.original-vinyl{width:min(78vw,320px)}}