.andy{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}
.andy-stage{position:relative;width:100%;display:flex;justify-content:center}
.andy-svg{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 10px rgba(56,225,255,.35)) drop-shadow(0 10px 18px rgba(4,20,40,.35))}
.andy-sm .andy-svg{max-width:120px}.andy-md .andy-svg{max-width:210px}.andy-lg .andy-svg{max-width:330px}
.andy-bubble{position:relative;width:100%;background:linear-gradient(160deg,rgba(9,24,48,.92),rgba(12,40,70,.88));border:1px solid rgba(56,225,255,.45);color:#e8fbff;border-radius:16px;padding:12px 14px 13px;box-shadow:0 0 0 1px rgba(56,225,255,.08) inset,0 12px 30px rgba(3,15,35,.3)}
.andy-bubble:before{content:'';position:absolute;top:-8px;left:50%;width:14px;height:14px;background:inherit;border-left:1px solid rgba(56,225,255,.45);border-top:1px solid rgba(56,225,255,.45);transform:translateX(-50%) rotate(45deg)}
.andy-tag{display:flex;align-items:center;gap:7px;font:700 10px/1 ui-monospace,monospace;letter-spacing:2px;color:#7df0ff;margin-bottom:6px}
.andy-tag i{width:7px;height:7px;border-radius:50%;background:#38e1ff;box-shadow:0 0 8px #38e1ff;animation:andyLed 1.6s infinite}
.andy-say{margin:0;font-size:14px;line-height:1.5;min-height:1.5em}
.andy-float{animation:andyFloat 4.2s ease-in-out infinite}
.andy .a-float{animation:andyFloat 4.2s ease-in-out infinite}
.andy .a-head{transform-origin:150px 205px;animation:andyTilt 7s ease-in-out infinite}
.andy .a-torso{transform-origin:150px 340px;animation:andyBreath 3.6s ease-in-out infinite}
.andy .a-lid{transform-box:fill-box;transform-origin:50% 0;transform:scaleY(0);transition:transform .07s}
.andy.blink .a-lid{transform:scaleY(1)}
.andy .a-pupils{transition:transform .18s ease-out}
.andy .a-wave{transform-origin:52px 214px;animation:andyWave .55s ease-in-out infinite alternate}
.andy .a-sweep{transform-origin:0 0;animation:andySpin 2.4s linear infinite}
.andy .a-ring{animation:andyDash 6s linear infinite}
.andy .a-p{animation:andyRise 3.4s ease-in infinite;opacity:0}
.andy .a-led{animation:andyLed 1.4s ease-in-out infinite}
.andy .a-circuit{stroke-dasharray:6 5;animation:andyDash 3s linear infinite}
.andy .a-ecg{stroke-dasharray:160;animation:andyEcg 1.8s linear infinite}
.andy .a-holo{animation:andyFlicker 3s steps(1) infinite}
.andy .a-scanbeam{animation:andyFlicker 1.2s ease-in-out infinite}
.andy[data-state="ok"] .andy-svg{filter:drop-shadow(0 0 14px rgba(52,211,153,.7)) drop-shadow(0 10px 18px rgba(4,20,40,.35))}
.andy[data-state="error"] .andy-svg{filter:drop-shadow(0 0 14px rgba(255,107,53,.7)) drop-shadow(0 10px 18px rgba(4,20,40,.35))}
@keyframes andyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes andyTilt{0%,100%{transform:rotate(-1.6deg)}50%{transform:rotate(1.8deg)}}
@keyframes andyBreath{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.014)}}
@keyframes andyWave{from{transform:rotate(-16deg)}to{transform:rotate(14deg)}}
@keyframes andySpin{to{transform:rotate(360deg)}}
@keyframes andyDash{to{stroke-dashoffset:-96}}
@keyframes andyRise{0%{transform:translateY(0);opacity:0}15%{opacity:.9}100%{transform:translateY(-150px);opacity:0}}
@keyframes andyLed{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes andyEcg{from{stroke-dashoffset:160}to{stroke-dashoffset:0}}
@keyframes andyFlicker{0%,100%{opacity:1}47%{opacity:.75}50%{opacity:1}73%{opacity:.85}}
@media (prefers-reduced-motion:reduce){.andy *{animation:none!important}}

.sc-svg{width:100%;height:100%;display:block}
.sc-press,.sc-haz,.sc-beat,.sc-drop,.sc-alert,.sc-blow,.sc-btn,.sc-special,.sc-jolt,.sc-shake{transform-box:fill-box}
.sc-press{animation:scPress .545s ease-in-out infinite;transform-origin:50% 100%}
.sc-chest{animation:none}
.sc-shake{animation:scShake .5s ease-in-out infinite}
.sc-haz{animation:scPulse 1.1s ease-in-out infinite;transform-origin:50% 50%}
.sc-sweep{animation:scSweep 2.6s linear infinite}
.sc-t10{animation:scT10 10s linear forwards}
.sc-beat{animation:scBeat .545s ease-out infinite;transform-origin:50% 50%}
.sc-run{animation:scRun 2.4s ease-out forwards}
.sc-flash{animation:scFlash .9s ease-out forwards;opacity:0}
.sc-drop{animation:scDrop 3s ease-in forwards;transform-origin:0 50%}
.sc-alert{animation:scPulse .8s ease-in-out infinite;transform-origin:50% 50%}
.sc-blow{animation:scBlow .5s ease-in-out infinite alternate;transform-origin:100% 0}
.sc-thrust{animation:scThrust .6s ease-in-out infinite alternate}
.sc-err{animation:scErr 1.2s ease-in-out 2}
.sc-okv{animation:scFlash 1.4s ease-out forwards}
.sc-sirenglow{animation:scSiren 1s steps(2) infinite;pointer-events:none}
.sc-siren{animation:scSiren .6s steps(2) infinite}
.sc-btn{animation:scPulse .7s ease-in-out infinite;transform-origin:50% 50%}
.sc-gasp{stroke-dasharray:140;animation:scDash 2.2s linear infinite}
.sc-sweat{animation:scSweat 1.2s ease-in infinite}
.sc-special{animation:scPulse 1.4s ease-in-out infinite;transform-origin:50% 50%}
.sc-patient.sc-jolt{animation:scJolt .3s ease-out 1}
@keyframes scPress{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@keyframes scShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}
@keyframes scPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.75}}
@keyframes scSweep{from{transform:translateX(-120px)}to{transform:translateX(1000px)}}
@keyframes scT10{from{stroke-dashoffset:0}to{stroke-dashoffset:163.4}}
@keyframes scBeat{0%{transform:scale(.86);opacity:1}100%{transform:scale(1.12);opacity:.55}}
@keyframes scRun{from{transform:translateX(-80px)}to{transform:translateX(260px)}}
@keyframes scFlash{0%{opacity:.95}100%{opacity:0}}
@keyframes scDrop{from{transform:scaleX(1)}to{transform:scaleX(.35)}}
@keyframes scBlow{from{transform:rotate(-10deg)}to{transform:rotate(14deg)}}
@keyframes scThrust{from{transform:translateY(0)}to{transform:translateY(-6px)}}
@keyframes scErr{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes scSiren{0%{opacity:1}50%{opacity:.15}}
@keyframes scDash{from{stroke-dashoffset:140}to{stroke-dashoffset:0}}
@keyframes scSweat{0%{transform:translateY(0);opacity:1}100%{transform:translateY(14px);opacity:0}}
@keyframes scJolt{0%{transform:translateY(0)}40%{transform:translateY(-6px)}100%{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.sc-svg *{animation:none!important}}

#radar-sim{container:radar/inline-size;box-sizing:border-box;width:min(1280px,calc(100vw - 32px));max-width:none!important;margin-left:calc(50% - min(640px,calc(50vw - 16px)))!important;margin-right:0!important}
@media(max-width:600px){#radar-sim{width:100vw;margin-left:calc(50% - 50vw)!important}}
.radar-app.radar-app{font-size:16px;line-height:1.55;text-align:left}.radar-app h1,.radar-app h2,.radar-app h3{font-family:inherit;color:inherit;text-transform:none;font-weight:800;letter-spacing:normal}.radar-app button{text-transform:none;letter-spacing:normal;line-height:1.35;min-height:0;box-shadow:none}.radar-app p{margin:0 0 .6em}.radar-app img,.radar-app svg{max-width:100%}
.radar-app{--bg:#07142b;--bg2:#0c2142;--panel:#0f2a52;--line:#1f4677;--ink:#e7f3ff;--muted:#9fb4cf;--cyan:#38e1ff;--coral:#ff6b35;--ok:#34d399;--err:#ff6b6b;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 80% -10%,#15407a 0,transparent 60%),radial-gradient(900px 500px at -10% 110%,#0f3a5c 0,transparent 60%),var(--bg);border-radius:24px;overflow:hidden;min-height:80vh;position:relative}
.radar-app *{box-sizing:border-box}
.radar-app button,.radar-app select,.radar-app input{font:inherit}
.radar-app button{cursor:pointer;border:0;border-radius:12px;padding:12px 18px;background:#12305c;color:var(--ink);transition:transform .12s,background .15s,box-shadow .15s}
.radar-app button:hover{transform:translateY(-1px)}
.radar-app button:disabled{opacity:.55;cursor:wait;transform:none}
.radar-app button:focus-visible,.radar-app select:focus-visible,.radar-app input:focus-visible,.radar-app a:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
.radar-app a{color:#7fd8ff}
.radar-app .top{display:flex;align-items:center;justify-content:space-between;padding:16px 26px;background:linear-gradient(90deg,#061127,#0b1f40);border-bottom:1px solid #1d3d6b;gap:14px;flex-wrap:wrap}
.radar-app .brand{font-weight:900;letter-spacing:3px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.radar-app .brand .accent{color:var(--cyan);text-shadow:0 0 12px #38e1ff88}
.radar-app .brand small{display:block;width:100%;font-size:10px;font-weight:600;letter-spacing:3px;color:var(--muted);margin-left:20px}
.radar-app .logo-dot{width:12px;height:12px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #ff6b3533,0 0 16px var(--coral)}
.radar-app .topnav{display:flex;gap:6px;flex-wrap:wrap}
.radar-app .topnav button{background:#ffffff0d;border:1px solid #ffffff14;padding:8px 12px;font-size:13px}
.radar-app .topnav button.active{background:var(--coral);color:#111;border-color:var(--coral);font-weight:700}
.radar-app .topnav .voice.on{background:#38e1ff22;border-color:var(--cyan);color:var(--cyan)}
.radar-app .pilot{background:#ff6b3514;color:#ffc7ae;border-bottom:1px solid #ff6b3530;padding:8px 26px;font-size:12px;letter-spacing:.5px}
.radar-app .content{padding:26px;max-width:1280px;margin:auto}
.radar-app h1{font-size:clamp(32px,4.4vw,56px);line-height:1.06;margin:12px 0 18px;letter-spacing:-1.5px}
.radar-app h2{font-size:clamp(22px,2.4vw,28px);line-height:1.2;margin:4px 0 12px}
.radar-app h3{margin:6px 0 8px}
.radar-app .eyebrow{font:700 11px/1.4 ui-monospace,monospace;text-transform:uppercase;letter-spacing:2px;color:var(--cyan)}
.radar-app .primary{background:linear-gradient(135deg,#ff8a50,#ff6b35);color:#111;font-weight:800;box-shadow:0 8px 24px #ff6b3540}
.radar-app .secondary{background:#ffffff0f;color:var(--ink);border:1px solid #ffffff26}
.radar-app .wide{width:100%;margin-top:10px}
.radar-app .btnlink{background:transparent;color:#9fdcff;padding:4px;text-decoration:underline}
.radar-app .center{text-align:center}
.radar-app .small{font-size:12.5px;color:var(--muted)}
.radar-app .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.radar-app .hero{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:center;padding:28px;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(100deg,#071631f2 0,#071631d9 45%,#07163166 100%),var(--facade) center/cover;border:1px solid #1f4677}
.radar-app .hero:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#38e1ff08 0 1px,transparent 1px 4px);pointer-events:none}
.radar-app .hero-copy{position:relative;z-index:1}
.radar-app .hero-andy{position:relative;z-index:1;max-width:360px;justify-self:center;width:100%}
.radar-app .home-cta{display:flex;flex-direction:column;gap:10px;max-width:380px}
.radar-app .home-cta .btnlink{align-self:flex-start}
.radar-app .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}
.radar-app .card{background:linear-gradient(160deg,#0f2a52e6,#0b1f40e6);border:1px solid var(--line);padding:20px;border-radius:18px}
.radar-app .card p{color:var(--muted);font-size:14px}
.radar-app .card.mini{padding:12px 14px;margin-top:12px}
.radar-app .glass{backdrop-filter:blur(6px)}
.radar-app .tag{display:inline-block;background:#ffffff12;border:1px solid #ffffff1c;border-radius:8px;padding:3px 8px;font-size:11.5px;margin:3px 4px 3px 0;color:#d7e7fb}
.radar-app .tag.crit{background:#ff6b3530;border-color:#ff6b35;color:#ffd4c2}
.radar-app .radar-phases{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}
.radar-app .phase{padding:7px 10px;border-radius:10px;background:#ffffff0d;border:1px solid #ffffff14;font-size:12px;color:var(--muted)}
.radar-app .phase b{font-size:16px;margin-right:4px;color:#cfe6ff}
.radar-app .phase.current{background:#38e1ff1f;border-color:var(--cyan);color:#fff;box-shadow:0 0 18px #38e1ff40}
.radar-app .phase.current b{color:var(--cyan)}
.radar-app .toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.radar-app .toolbar-andy{display:flex;align-items:center;gap:10px}
.radar-app .toolbar-andy .andy{width:84px}
.radar-app select{padding:11px;border-radius:10px;background:#0b1f40;color:var(--ink);border:1px solid #2a568f;max-width:100%}
.radar-app .lib{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.radar-app .scard{padding:0;overflow:hidden}
.radar-app .scard .thumb{aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--line)}
.radar-app .scard-body{padding:14px 16px}
.radar-app .scard h3{font-size:18px}
.radar-app .layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.radar-app .layout>aside{position:sticky;top:12px}
.radar-app .stage{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid #2a568f;box-shadow:0 20px 50px #0008,0 0 0 1px #38e1ff22 inset;background:#0b1f40}
.radar-app .stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#38e1ff 0 0) top left/22px 2px no-repeat,linear-gradient(#38e1ff 0 0) top left/2px 22px no-repeat,linear-gradient(#38e1ff 0 0) top right/22px 2px no-repeat,linear-gradient(#38e1ff 0 0) top right/2px 22px no-repeat,linear-gradient(#38e1ff 0 0) bottom left/22px 2px no-repeat,linear-gradient(#38e1ff 0 0) bottom left/2px 22px no-repeat,linear-gradient(#38e1ff 0 0) bottom right/22px 2px no-repeat,linear-gradient(#38e1ff 0 0) bottom right/2px 22px no-repeat;opacity:.8}
.radar-app .stage.out-error{border-color:var(--err);box-shadow:0 0 0 2px #ff6b6b66,0 20px 50px #0008}
.radar-app .stage.out-ok{border-color:var(--ok);box-shadow:0 0 0 2px #34d39966,0 20px 50px #0008}
.radar-app .hud{position:absolute;display:flex;gap:6px;align-items:center;z-index:2}
.radar-app .hud.tl{top:10px;left:10px;flex-wrap:wrap}
.radar-app .hud.tr{top:10px;right:10px}
.radar-app .hud.bl{left:10px;bottom:10px;background:#07142bcc;border:1px solid #38e1ff55;border-radius:10px;padding:5px 10px;font-size:13px}
.radar-app .chip{background:#07142bcc;border:1px solid #38e1ff55;color:#d8f6ff;border-radius:999px;padding:3px 10px;font-size:12px;backdrop-filter:blur(4px)}
.radar-app .chip.live:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--coral);margin-right:6px;box-shadow:0 0 8px var(--coral);animation:andyLed 1.2s infinite}
.radar-app .clock{font:700 15px ui-monospace,monospace;background:#07142bcc;border:1px solid #ff6b3588;color:#ffd3c1;border-radius:10px;padding:5px 11px}
.radar-app .signs{margin-top:12px;background:#07142b;border:1px solid #2a568f;border-left:4px solid var(--cyan);border-radius:14px;padding:12px 16px}
.radar-app .signs p{margin:4px 0 0;font-size:15.5px}
.radar-app .signs.ok{border-left-color:var(--ok)}
.radar-app .signs.err{border-left-color:var(--err)}
.radar-app .signs-tag{font:700 10.5px ui-monospace,monospace;letter-spacing:2px;color:var(--cyan)}
.radar-app .signs.ok .signs-tag{color:var(--ok)}.radar-app .signs.err .signs-tag{color:var(--err)}
.radar-app .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.radar-app .actions button{background:linear-gradient(160deg,#10305e,#0b2346);border:1px solid #2a568f;text-align:left;display:flex;gap:12px;align-items:flex-start;padding:14px;line-height:1.35;font-size:14.5px;min-height:70px}
.radar-app .actions button:hover{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 8px 24px #38e1ff22}
.radar-app .actions b{flex:0 0 28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#38e1ff1f;color:var(--cyan);font:800 14px ui-monospace,monospace;border:1px solid #38e1ff66}
.radar-app .progress{height:5px;background:#ffffff14;border-radius:5px;overflow:hidden;margin-bottom:12px}
.radar-app .progress span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--coral));transition:width .4s}
.radar-app .score{font-size:48px;font-weight:900;letter-spacing:-2px;line-height:1.1}
.radar-app .score small{font-size:18px;color:var(--muted)}
.radar-app .verdict{font-size:40px}.radar-app .verdict.ok{color:var(--ok)}.radar-app .verdict.redo{color:#ffb38e}
.radar-app .timeline{list-style:none;padding:0}
.radar-app .timeline li{padding:14px;border-left:3px solid var(--ok);margin:0 0 9px;background:#0b1f40;border-radius:0 12px 12px 0}
.radar-app .timeline li.bad{border-left-color:var(--err)}
.radar-app .timeline time{font-weight:800;color:#ffb08e;margin-right:10px;font-family:ui-monospace,monospace}
.radar-app .timeline p{margin:6px 0;color:#c6d6ea;font-size:14px}
.radar-app .cite{font-size:12px!important;color:#9fb4cf!important;border-top:1px dashed #2a568f;padding-top:6px}
.radar-app .meter{background:#ffffff14;height:8px;border-radius:6px;overflow:hidden;margin-top:6px;display:block}
.radar-app .meter i{display:block;background:linear-gradient(90deg,var(--cyan),#6ee7ff);height:100%}
.radar-app .notice{background:#ff6b3512;border:1px solid #ff6b3540;border-radius:12px;padding:12px 16px;color:#ffd9c8;font-size:14px}
.radar-app .notice p{color:#ffd9c8}
.radar-app table{border-collapse:collapse;width:100%;font-size:13px}
.radar-app th,.radar-app td{padding:9px;text-align:left;border-bottom:1px solid #1f4677;vertical-align:top}
.radar-app th{color:var(--cyan);font:700 11px ui-monospace,monospace;letter-spacing:1px;text-transform:uppercase}
.radar-app .scroll{overflow:auto}
.radar-app .empty{padding:36px;text-align:center}
.radar-app .footer{padding:18px 26px;font-size:12px;color:var(--muted);border-top:1px solid #1d3d6b}
.radar-app .modal{position:fixed;inset:0;background:#030b1ad0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(3px)}
.radar-app .modal>div{background:linear-gradient(160deg,#0f2a52,#0a1d3b);border:1px solid #38e1ff55;border-radius:20px;padding:24px;max-width:640px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 30px 80px #000a}
.radar-app .modal .andy{max-width:130px;margin:0 auto}
.radar-app .tut{display:flex;gap:16px;align-items:flex-start}.radar-app .tut .andy{flex:0 0 120px}
.radar-app .tut .andy .andy-bubble{display:none}
.radar-app .modal .tut .andy{max-width:none}
.radar-app video{width:100%;border-radius:14px;margin-top:12px}
.radar-app form label{display:block;font-weight:650;font-size:14px;margin:14px 0}
.radar-app form input,.radar-app form select{display:block;width:100%;padding:12px;border:1px solid #2a568f;border-radius:10px;margin-top:6px;background:#07142b;color:var(--ink)}
.radar-app form label.check{display:flex;gap:10px;align-items:flex-start}.radar-app form label.check input{width:auto;margin-top:4px}
.radar-app [hidden]{display:none!important}
.radar-app #participant-error,.radar-app #renew-error{color:#ffb4a0;margin:10px 0}
.radar-app .mail-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#07142b;border:1px solid #1f4677;border-radius:12px;padding:16px;font:12.5px/1.6 ui-monospace,monospace;color:#bcd3ee}
.radar-app .biblio{padding-left:22px}.radar-app .biblio li{margin:0 0 16px;padding:14px;background:#0b1f40;border:1px solid var(--line);border-radius:12px}
.radar-app .cite-full{margin:6px 0;font-size:14px}
.radar-app .st-clinical{border-color:var(--ok);color:#b7f5da}.radar-app .st-discrepancy{border-color:#f6c945;color:#fbe7a5}.radar-app .st-normative{border-color:#8fb3ff;color:#cfe0ff}.radar-app .st-internal_draft{border-color:#ff9b78;color:#ffd4c2}
.radar-app .sev-alta{background:#ff6b6b33;border-color:#ff6b6b;color:#ffd0d0}.radar-app .sev-media{background:#f6c94533;border-color:#f6c945;color:#fbe7a5}.radar-app .sev-baja{background:#38e1ff22;border-color:#38e1ff88}
.radar-app .audit td:first-child{width:90px}.radar-app .audit td:last-child{width:210px}
.radar-app .cert-prev{position:relative}.radar-app .cert-prev img{width:100%;border-radius:10px;display:block}
.radar-app .cert-over{position:absolute;inset:26% 12% 26%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#06243a;gap:4px;font-size:clamp(8px,1.4vw,12px)}
.radar-app .cert-over b{font-size:1.5em;letter-spacing:1px}.radar-app .cert-over strong{font-size:1.9em}.radar-app .cert-over em{color:#a61e1e;font-style:normal;font-weight:800;margin-top:6px}
@container radar (max-width:900px){.radar-app .hero{grid-template-columns:1fr;padding:20px}.radar-app .hero-andy{max-width:300px}.radar-app .layout{grid-template-columns:1fr}.radar-app .layout>aside{position:static;order:-1}.radar-app .layout>aside .andy{flex-direction:row;align-items:center}.radar-app .layout>aside .andy-stage{flex:0 0 92px;width:92px}.radar-app .layout>aside .andy-bubble:before{top:50%;left:-8px;transform:translateY(-50%) rotate(-45deg)}.radar-app .cards{grid-template-columns:1fr 1fr}.radar-app .content{padding:16px}.radar-app .top{padding:12px 16px}.radar-app .pilot{padding:8px 16px}}
@container radar (max-width:560px){.radar-app .layout>aside .card.mini{display:none}.radar-app .layout>aside .wide{margin-top:6px;padding:9px}.radar-app .stage{aspect-ratio:4/3}.radar-app{border-radius:0}.radar-app .cards{grid-template-columns:1fr}.radar-app .actions{grid-template-columns:1fr}.radar-app .topnav button{font-size:11.5px;padding:7px 9px}.radar-app .brand small{margin-left:0}.radar-app .hud.tl .chip:nth-child(2){display:none}.radar-app .hud.bl{font-size:11.5px}.radar-app .audit td:last-child{width:auto}.radar-app .signs p{font-size:14.5px}}
@media print{.radar-app .top,.radar-app .pilot,.radar-app button,.radar-app .footer,.radar-app aside{display:none!important}.radar-app{background:#fff;color:#000}.radar-app .card,.radar-app .timeline li{background:#fff;color:#000;border-color:#ccc}.radar-app .layout{grid-template-columns:1fr}}
.radar-app .cards.c4{grid-template-columns:repeat(4,1fr)}@container radar (max-width:900px){.radar-app .cards.c4{grid-template-columns:1fr 1fr}}
/* ---- Método RADAR ---- */
.radar-app .method{position:relative;padding:22px 24px 20px;border-radius:24px;border:1px solid #2a568f;background:radial-gradient(700px 240px at 50% 0,#38e1ff22,transparent 70%),linear-gradient(160deg,#0d2a55,#081a36);overflow:hidden}
.radar-app .method:before{content:'';position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;border:2px solid #38e1ff22;box-shadow:0 0 0 40px #38e1ff08,0 0 0 80px #38e1ff06}
.radar-app .method:after{content:'';position:absolute;right:50px;top:50px;width:170px;height:2px;background:linear-gradient(90deg,#38e1ff,transparent);transform-origin:0 50%;animation:radarSweep 4s linear infinite;opacity:.5}
@keyframes radarSweep{to{transform:rotate(360deg)}}
.radar-app .method-title{margin:4px 0 6px;font-size:clamp(34px,5vw,60px)}
.radar-app .method-title span{background:linear-gradient(90deg,#38e1ff,#7df0ff,#ff8a50);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:6px}
.radar-app .method-letters{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:16px 0 14px;position:relative;z-index:1}
.radar-app .mletter{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;border-radius:18px;background:linear-gradient(170deg,#12366b,#0a2146);border:2px solid #2a568f;animation:mIn .5s calc(var(--i)*.08s) both}
.radar-app .mletter b{font-size:clamp(38px,5vw,64px);line-height:1;color:#dff8ff;text-shadow:0 0 18px #38e1ff99}
.radar-app .mletter span{font-size:13px;color:#b9d4ef;font-weight:700;text-align:center}
.radar-app .mletter:hover{border-color:var(--cyan)}
.radar-app .mletter.on{border-color:var(--coral);background:linear-gradient(170deg,#ff8a50,#ff6b35);box-shadow:0 12px 30px #ff6b3555}
.radar-app .mletter.on b{color:#1b0b02;text-shadow:none}.radar-app .mletter.on span{color:#2a1205}
@keyframes mIn{from{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:none}}
.radar-app .m-detail{display:flex;gap:16px;align-items:flex-start;background:#07142bcc;border:1px solid #38e1ff55;border-radius:16px;padding:14px 18px;position:relative;z-index:1;animation:mIn .35s both}
.radar-app .m-andy{flex:0 0 90px}.radar-app .m-andy .andy-bubble{display:none}
.radar-app .m-detail h3{font-size:18px}.radar-app .m-detail ul{margin:6px 0;padding-left:18px;color:#d6e7fa;font-size:14.5px}.radar-app .m-detail li{margin:3px 0}
/* ---- CTA dúo ---- */
.radar-app .cta-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
.radar-app .cta{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;padding:24px 26px;border-radius:22px;text-align:left;font-weight:800;min-height:110px;animation:ctaGlow 2.6s ease-in-out infinite}
.radar-app .cta:before{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#ffffff88,transparent);transform:skewX(-20deg);animation:ctaShine 3.2s ease-in-out infinite}
.radar-app .cta-train{background:linear-gradient(135deg,#00d4ff,#1d8fe0 55%,#3b5bff);color:#fff;--glow:#38e1ff}
.radar-app .cta-cert{background:linear-gradient(135deg,#ffd84d,#ff8a3d 50%,#ff4f6d);color:#1b0b02;--glow:#ff8a3d}
.radar-app .cta-cert:before{animation-delay:1.6s}
.radar-app .cta-ico{font-size:44px;filter:drop-shadow(0 4px 8px #0006)}
.radar-app .cta-txt{display:flex;flex-direction:column;flex:1}.radar-app .cta-txt b{font-size:clamp(22px,2.6vw,32px);line-height:1.1}.radar-app .cta-txt small{font-weight:600;opacity:.9;margin-top:4px;font-size:14px}
.radar-app .cta-arrow{font-size:34px}
.radar-app .cta:hover{transform:translateY(-3px) scale(1.01)}
@keyframes ctaGlow{0%,100%{box-shadow:0 10px 30px color-mix(in srgb,var(--glow) 35%,transparent)}50%{box-shadow:0 14px 46px color-mix(in srgb,var(--glow) 70%,transparent)}}
@keyframes ctaShine{0%{left:-60%}60%,100%{left:130%}}
.radar-app .hero-h{font-size:clamp(24px,3vw,36px)}
.radar-app .home-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.radar-app .gside{position:sticky;top:12px}
/* ---- Gamificación ---- */
.radar-app .gpanel{background:linear-gradient(170deg,#12305e,#0a1d3b);border:1px solid #2a568f;border-radius:18px;padding:14px 16px;margin-top:12px}
.radar-app .gpanel.goal-ok{border-color:#ffd84d;box-shadow:0 0 0 2px #ffd84d44,0 0 30px #ffd84d33}
.radar-app .g-head{display:flex;justify-content:space-between;align-items:center}
.radar-app .g-reset{font-size:16px;text-decoration:none;padding:0 4px}
.radar-app .g-trophy{display:flex;gap:10px;align-items:center;margin:6px 0 8px}.radar-app .g-trophy p{margin:2px 0 0}
.radar-app .gtrophy{width:64px;flex:0 0 64px;filter:drop-shadow(0 0 10px #ffb84d55)}
.radar-app .gt-liquid,.radar-app .gt-wave{transition:y .8s}
.radar-app .gt-wave{animation:gtWave 2.4s ease-in-out infinite}
@keyframes gtWave{50%{transform:translateX(-6px)}}
.radar-app .g-row{display:flex;justify-content:space-between;font-size:13px;margin-top:8px;color:#cfe0f3}.radar-app .g-row b{color:#fff}
.radar-app .g-meter{position:relative;height:9px;border-radius:6px;background:#ffffff14;margin-top:4px;overflow:visible}
.radar-app .g-meter i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#38e1ff,#34d399);transition:width .6s}
.radar-app .g-meter.xp i{background:linear-gradient(90deg,#a78bfa,#ff8a50)}
.radar-app .g-meter em{position:absolute;top:-4px;width:2px;height:17px;background:#ffd84d;box-shadow:0 0 6px #ffd84d}
.radar-app .gstar{width:16px;height:16px;fill:#ffffff22;stroke:#ffffff44;stroke-width:1}
.radar-app .gstar.on{fill:#ffd84d;stroke:#ffb020;filter:drop-shadow(0 0 4px #ffd84d99)}
.radar-app .gstar.big{width:30px;height:30px}
.radar-app .g-stars{display:flex;gap:3px;flex-wrap:wrap;margin-top:4px}
.radar-app .g-live{display:flex;flex-direction:column;align-items:center;gap:2px;background:#07142b;border:1px dashed #ffd84d66;border-radius:12px;padding:8px;margin-top:10px}
.radar-app .g-badges{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:10px}
.radar-app .gbadge{display:flex;flex-direction:column;align-items:center;border-radius:12px;padding:6px 2px;background:#ffffff0a;border:1px solid #ffffff1c;opacity:.55}
.radar-app .gbadge b{font-size:18px}.radar-app .gbadge small{font-size:8.5px;text-align:center;line-height:1.1}
.radar-app .gbadge.on{opacity:1;background:linear-gradient(160deg,#ffd84d,#ff8a3d);color:#1b0b02;border-color:#ffd84d;box-shadow:0 0 12px #ffd84d66}
.radar-app .gpanel.compact{padding:10px 12px}
.radar-app .gtoast{position:fixed;right:28px;top:40%;z-index:9998;background:linear-gradient(135deg,#ffd84d,#ff8a3d);color:#1b0b02;font-weight:900;padding:10px 16px;border-radius:999px;box-shadow:0 10px 30px #ff8a3d66;animation:gToast 1.6s ease-out forwards;pointer-events:none}
@keyframes gToast{0%{opacity:0;transform:translateY(20px) scale(.8)}15%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-60px)}}
.radar-app .award{display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,#ffd84d22,#ff8a3d11);border:1px solid #ffd84d66;border-radius:16px;padding:12px 16px;margin:6px 0 12px}
.radar-app .award-stars{display:flex;gap:6px}.radar-app .award-stars span{animation:starPop .6s var(--d) both}.radar-app .award .gstar.big{width:42px;height:42px}
@keyframes starPop{0%{transform:scale(0) rotate(-40deg);opacity:0}70%{transform:scale(1.25) rotate(8deg);opacity:1}100%{transform:none}}
.radar-app .navlink{display:inline-flex;align-items:center;padding:8px 12px;font-size:13px;border-radius:12px;background:#34d39922;border:1px solid #34d39977;color:#bff5dc;text-decoration:none;font-weight:700}
@container radar (max-width:900px){.radar-app .home-grid{grid-template-columns:1fr}.radar-app .gside{position:static}.radar-app .method-letters{gap:6px}.radar-app .mletter{padding:10px 4px}.radar-app .mletter span{font-size:10.5px}}
@container radar (max-width:560px){.radar-app .cta-duo{grid-template-columns:1fr 1fr;gap:8px}.radar-app .cta{flex-direction:column;align-items:flex-start;padding:14px;min-height:130px;gap:6px}.radar-app .cta-ico{font-size:30px}.radar-app .cta-arrow{display:none}.radar-app .cta-txt b{font-size:18px}.radar-app .cta-txt small{font-size:11.5px}.radar-app .m-detail{flex-direction:column}.radar-app .m-andy{display:none}.radar-app .method{padding:16px}.radar-app .gtoast{right:12px;top:30%}}
@media (prefers-reduced-motion:reduce){.radar-app .cta,.radar-app .cta:before,.radar-app .method:after{animation:none}}
.radar-app .mletter{min-width:0}
@container radar (max-width:560px){.radar-app .method-letters{gap:4px}.radar-app .mletter{padding:8px 2px;border-radius:12px}.radar-app .mletter b{font-size:30px}.radar-app .mletter span{font-size:8.5px;line-height:1.15;overflow-wrap:anywhere}.radar-app .layout>aside .gpanel.compact>:not(.g-live):not(.g-head){display:none}.radar-app .layout>aside .gpanel.compact{display:flex;align-items:center;gap:10px;margin-top:6px}.radar-app .layout>aside .gpanel.compact .g-live{margin:0;flex:1;flex-direction:row;justify-content:space-between}}
@container radar (max-width:560px){.radar-app .layout>aside .gpanel.compact .g-head{display:none}.radar-app .layout>aside .gpanel.compact .g-stars{flex-wrap:nowrap}.radar-app .layout>aside .gpanel.compact .gstar.big{width:22px;height:22px}.radar-app .layout>aside .gpanel.compact .g-live{align-items:center;gap:8px}}
.radar-app .free-line{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0 0}
.radar-app .free-badge{background:#34d39922;border:1px solid #34d399aa;color:#c8f7e1;border-radius:999px;padding:6px 14px;font-weight:800;font-size:13.5px;letter-spacing:.3px}
.radar-app .tut-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;margin-top:12px;background:#000}.radar-app .tut-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}