:root{color-scheme:dark;--cyan:#00e5ef;--text:#f2f6fa;--muted:#95a7b8;--border:#233746;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#05090e;color:var(--text)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#05090e}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(#122b361f 1px,transparent 1px),linear-gradient(90deg,#122b361f 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(#000,transparent 88%)}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 22% 50%,#003b493d,transparent 45%),radial-gradient(ellipse at 90% 0,#083d4924,transparent 45%)}main{position:relative;max-width:1320px;margin:auto;padding:0 48px}.masthead{height:116px;border-bottom:1px solid #1b2b35;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{width:200px;height:82px;object-fit:contain;mix-blend-mode:screen}.masthead-right{display:flex;align-items:center;gap:10px;color:#9db2c3;font-size:10px;letter-spacing:2px}.version{border:1px solid #2b3c47;padding:7px 9px;letter-spacing:1px;margin-left:14px;color:#c5d0d8}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#31e5bf;box-shadow:0 0 12px #31e5bf88;flex-shrink:0}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center;min-height:calc(100vh - 190px);padding:48px 0}.identity{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:12px 0}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--cyan);display:flex;align-items:center;gap:12px}.eyebrow::before{content:"";width:26px;height:1px;background:var(--cyan)}h1,h2,p{margin-top:0}.identity h1{font-size:clamp(34px,3.9vw,54px);line-height:1.12;letter-spacing:-2px;margin:24px 0 18px;font-weight:650}.identity h1 span{color:#8fabb8}.intro{font-size:15px;line-height:1.7;color:var(--muted)}.reactor{position:relative;width:270px;height:270px;align-self:center;display:flex;align-items:center;justify-content:center;margin:6px 0 20px;isolation:isolate}.reactor::before{content:"";position:absolute;inset:42px;border-radius:50%;background:#00e5ef0c;box-shadow:0 0 90px #00d8e510,inset 0 0 50px #00d8e510}.reactor img{width:192px;height:192px;border-radius:50%;clip-path:circle(50%);object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 10px #00d8e533)}.orbit{position:absolute;border-radius:50%;border:1px solid #28505d}.outer{inset:9px;border-left-color:var(--cyan);border-right-color:#00e5ef70;transform:rotate(-30deg)}.outer::before,.outer::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.outer::before{top:32px;left:30px}.outer::after{bottom:32px;right:30px}.inner{inset:24px;border-style:dashed;border-color:#1b4651;transform:rotate(12deg)}.crosshair{position:absolute;background:#18313b;z-index:-1}.horizontal{height:1px;left:-25px;right:-25px;top:50%}.vertical{width:1px;top:-10px;bottom:-10px;left:50%}.reactor-tag{position:absolute;bottom:0;background:#08121a;border:1px solid #244553;padding:6px 12px;font-family:Consolas,monospace;font-size:9px;letter-spacing:3px;color:#81bac8}.identity-bottom{display:flex;align-items:center;gap:10px;color:#73909e;font:9px Consolas,monospace;letter-spacing:1.5px;white-space:nowrap;margin-top:10px}.line{height:1px;width:60px;background:#24414e;margin:0 6px}.content{min-width:0}section,details{position:relative;background:linear-gradient(145deg,#101d28f5,#09121bf5);border:1px solid #283c4c;border-radius:18px;padding:32px;margin:20px 0;box-shadow:0 24px 70px #0004}.access-card{padding:34px 36px;margin:0;border-top-color:#416272}.access-card::before{content:"";position:absolute;top:-1px;left:35px;width:78px;height:2px;background:var(--cyan);box-shadow:0 0 18px #00e5ef60}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:28px}.pill{border:1px solid #1d535b;background:#0a3036;color:#6aebed;border-radius:5px;font-size:9px;letter-spacing:1.6px;font-weight:650;padding:7px 9px}.step{font:9px Consolas,monospace;letter-spacing:1px;color:#7890a0}section h1{font-size:29px;letter-spacing:-1px;line-height:1.2;margin-bottom:12px;font-weight:650}.title-dot{color:var(--cyan)}section h2{font-size:20px;letter-spacing:-.4px}p,small{color:var(--muted);line-height:1.7}section>p{font-size:13px;margin-bottom:24px}label{display:block;color:#d4e0e8;font-size:12px;margin-top:22px;font-weight:550}.field-number{color:#527381;font:10px Consolas,monospace;margin-right:6px}input{width:100%;display:block;margin-top:10px;padding:14px 15px;border:1px solid #2b414f;border-radius:8px;background:#060e16;color:#f0f7fa;font:15px "Segoe UI",Arial,sans-serif;min-height:49px;transition:border-color .2s}input::placeholder{color:#657d8c;font-size:12px}input:hover{border-color:#456476}input:focus{outline:2px solid var(--cyan);outline-offset:3px;border-color:var(--cyan)}button{background:var(--cyan);color:#042328;border:1px solid #29e7ec;border-radius:8px;font:650 13px "Segoe UI",Arial,sans-serif;padding:15px 19px;cursor:pointer;margin-top:24px;min-height:48px;transition:background .2s,box-shadow .2s}button.primary{display:flex;justify-content:space-between;align-items:center;width:100%;box-shadow:0 4px 25px #00d8e512;background:linear-gradient(100deg,#00e5ef,#28d5d8)}button.primary span{font-size:21px;line-height:15px}button:hover{background:#82f5f6;box-shadow:0 0 25px #00e5ef22}button:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:4px}.form-foot{margin-top:20px;border-top:1px solid #22323e;padding-top:17px;text-align:center;color:#7e95a6;font-size:10px;letter-spacing:.3px}.tiny-lock{color:#55b3bc;margin-right:6px}.secondary{background:#111e29;color:#b8cbd7;border:1px solid #355060;margin:0;padding:9px 14px;min-height:36px;font-size:11px}.top{display:flex;align-items:center;justify-content:space-between;gap:10px}small{display:block;font-size:11px;margin-top:10px}code{display:block;overflow-wrap:anywhere;color:#67e9ef;background:#060e16;border:1px solid #243b48;padding:15px;border-radius:8px;font-size:12px}.error,.success,.notice{padding:15px 17px;border-radius:9px;font-size:13px;margin-bottom:20px;border:1px solid}.error{background:#341725;color:#ffd7e3;border-color:#78374c}.success{background:#0d312d;color:#aeefdb;border-color:#276258}.notice{background:#142738;color:#bfd9e9;border-color:#2b4a60}summary{cursor:pointer;font-size:12px;padding:5px;color:#c0d4df}footer{display:flex;justify-content:space-between;gap:15px;padding:24px 0;border-top:1px solid #1b2b35;color:#718995;font-size:9px;letter-spacing:1.7px}.footer-separator{color:#00c5d2;margin:0 10px}.dashboard .workspace{grid-template-columns:270px 1fr;align-items:start;gap:50px}.dashboard .identity{max-height:650px;position:sticky;top:30px}.dashboard .identity h1{font-size:33px;letter-spacing:-1px}.dashboard .reactor{transform:scale(.82);margin:0 -20px}.dashboard .identity-bottom{font-size:8px;letter-spacing:.5px}.dashboard .identity-bottom .line{width:15px}.dashboard .content>section:first-of-type{margin-top:22px}@media(min-width:1500px){.workspace{padding:60px 0}.reactor{width:300px;height:300px;margin-top:24px}}@media(max-width:1000px){main{padding:0 30px}.workspace{gap:32px}.access-card{padding:30px 25px}.identity h1{font-size:40px}.reactor{width:240px;height:240px}.identity-bottom{font-size:8px;letter-spacing:.5px}.line{width:25px}.dashboard .workspace{grid-template-columns:220px 1fr;gap:28px}.dashboard .identity h1{font-size:29px}.dashboard .reactor{width:230px;height:230px}}@media(max-width:740px){main{padding:0 20px}.masthead{height:90px}.brand{width:155px;height:64px}.masthead-right{font-size:8px;letter-spacing:1px}.version{display:none}.workspace,.dashboard .workspace{grid-template-columns:1fr;gap:26px;padding:30px 0;min-height:0}.identity{padding:5px 0}.identity h1{font-size:35px;letter-spacing:-1px;margin:16px 0 0}.identity h1 br{display:none}.identity h1 span{display:block}.intro,.reactor,.identity-bottom{display:none}.eyebrow{font-size:8px}.access-card{padding:27px 24px}.card-top{margin-bottom:24px}section h1{font-size:26px}.dashboard .identity{position:static}.dashboard .identity h1{font-size:30px}.dashboard .content>section:first-of-type{margin-top:20px}section,details{padding:25px 22px}footer{font-size:8px;letter-spacing:1px}footer>span:last-child{letter-spacing:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Recorte circular del monograma NVRD */
.reactor > img { border-radius: 50% !important; clip-path: circle(49.5% at 50% 50%) !important; overflow: hidden; }
