:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#21163b;background:#f8f6ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f4b900;outline-offset:3px}a{color:#6124c5}header{background:linear-gradient(125deg,#2d075f,#5a11ae);color:#fff;position:sticky;top:0;z-index:5;box-shadow:0 8px 24px #20094c24}.head{max-width:1190px;margin:auto;padding:13px 20px;display:flex;align-items:center;gap:12px;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-weight:850;letter-spacing:-.5px;line-height:1.05}.brand-mark{width:39px;height:39px;border-radius:13px;background:#fff;color:#6623c6;display:grid;place-items:center;font-size:28px;font-weight:1000}.brand em{color:#ffce22;font-style:normal}.nav{display:flex;gap:6px}.nav button,.small-btn{border:0;color:#fff;background:#ffffff1c;padding:11px 13px;border-radius:12px;font-weight:650}.nav button.active{background:#ffcb22;color:#301052}.small-btn{font-size:20px}.menu-btn{display:none}main{max-width:1190px;margin:0 auto;padding:26px 20px 90px;min-height:75vh}.hero{background:linear-gradient(125deg,#3a087c 0%,#751de0 78%);color:#fff;border-radius:28px;padding:30px 32px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:340px;height:340px;border:1px solid #ffffff30;border-radius:50%;right:-80px;top:-150px;pointer-events:none}.hero h1{font-size:clamp(30px,4.1vw,56px);line-height:1.07;letter-spacing:-1.6px;margin:10px 0 16px}.hero p{font-size:clamp(15px,1.8vw,18px);line-height:1.6;max-width:580px;color:#f4eaff}.hero img{max-width:100%;max-height:310px;object-fit:contain;filter:drop-shadow(0 12px 15px #16002e55)}.eyebrow{display:inline-block;background:#ffffff25;border:1px solid #ffffff40;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:750}.btn{border:0;background:#ffcc20;color:#30104d;font-weight:850;border-radius:14px;padding:13px 18px;box-shadow:0 4px 0 #c78b00;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.secondary{background:#f2eaff;box-shadow:none;color:#5b1bb6;border:1px solid #d8bafa}.btn.ghost{background:#fff;box-shadow:none;border:1px solid #dfd4f1}.btn:disabled{opacity:.5;cursor:not-allowed}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:29px 0 15px}.section-title h2{margin:0;font-size:clamp(22px,2.6vw,29px)}.muted{color:#6b6180}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{background:#fff;border:1px solid #e9e1f7;border-radius:20px;padding:20px;box-shadow:0 7px 22px #3a0c7810;min-width:0}.card h3{margin:8px 0;font-size:19px}.card p{color:#665e75;line-height:1.5;margin:6px 0 15px}.icon-tile{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#f1e7ff;font-size:25px}.card .btn{padding:10px 13px;font-size:13px}.tag{font-size:11px;font-weight:800;color:#6023b5;background:#f1e6ff;padding:6px 9px;border-radius:99px;display:inline-block}.layout{display:grid;grid-template-columns:1fr 320px;gap:20px}.panel{background:#fff;border:1px solid #e7def6;border-radius:23px;padding:24px;box-shadow:0 8px 28px #350b7010}.panel h2{margin:0 0 10px}.panel h3{margin:20px 0 10px}.field{margin:14px 0}.field label{display:block;font-weight:750;font-size:14px;margin-bottom:7px}.field input,.field select,.search{width:100%;background:#fff;border:1.5px solid #d5c5ed;border-radius:12px;padding:12px 13px;min-height:46px;font-size:16px;color:#261842}.field small{display:block;margin-top:5px;color:#6b617b;line-height:1.4}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.steps{display:flex;gap:6px;margin:14px 0 23px}.step{height:7px;border-radius:20px;flex:1;background:#e5d8f6}.step.on{background:#7a24dc}.notice{border-radius:15px;padding:14px 16px;background:#f5efff;color:#4c287a;line-height:1.5;font-size:14px;border:1px solid #e3d4fa}.warning{background:#fff8e5;border-color:#f6e0a0;color:#715319}.result{border:1px solid #dac7f4;border-radius:18px;padding:16px;margin:12px 0;background:linear-gradient(130deg,#fff,#f8f2ff)}.result strong{font-size:20px;color:#4f139e}.result p{margin:8px 0;color:#594f69;line-height:1.5}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.list{padding-left:20px;line-height:1.7}.resource{display:flex;gap:13px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #ede6f8}.resource:last-child{border:0}.resource b{display:block;margin-bottom:4px}.resource a{overflow-wrap:anywhere}.segment{display:flex;gap:15px;align-items:flex-start}.segment .icon-tile{flex:none}.bottom{background:#2c075d;color:#f0e8ff;text-align:center;padding:22px;font-size:13px}.bottom a{color:#ffdc6a}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip{border:1px solid #dac5f8;border-radius:30px;padding:9px 12px;background:#fff;color:#5522a4;font-weight:700}.chip.active{background:#681cc4;color:white}.opening{min-height:calc(100svh - 68px);display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#782bd3,#2b075e 70%);color:#fff;text-align:center}.opening-inner{max-width:740px}.opening h1{font-size:clamp(32px,6vw,58px);margin:0 0 10px}.opening p{line-height:1.5;color:#e9d9ff}.opening .video-wrap{position:relative;width:min(420px,80vw);height:min(400px,70vw);margin:auto}.opening video,.opening .still{width:100%;height:100%;object-fit:contain}.opening .still{position:absolute;inset:0}.opening .video-wrap canvas{width:100%;height:100%;object-fit:contain}.hide{display:none!important}.mobile-nav{display:none}.footnote{font-size:12px;color:#786d88;margin-top:16px}.accent{color:#ffcc20}.side-links{display:flex;flex-direction:column;gap:10px}.side-links button{border:1px solid #dfd0f4;background:#fff;padding:12px;border-radius:13px;text-align:left;color:#4e209a;font-weight:700}.small{font-size:13px}.source-link{font-size:13px;overflow-wrap:anywhere}.progress{font-size:13px;font-weight:800;color:#6b2abb}body.dark{background:#160b2b;color:#f3eafa}body.dark .card,body.dark .panel,body.dark .result{background:#25133f;color:#f4edff;border-color:#54347b}body.dark .card p,body.dark .result p,body.dark .muted{color:#c6b7d9}body.dark input,body.dark select{background:#321c4e;color:#fff;border-color:#75529b}body.dark .notice{background:#3b225b;color:#efe0ff;border-color:#75529b}body.dark .warning{background:#4a3518;color:#ffebb7}body.dark .side-links button{background:#2b1749;color:#f5eaff;border-color:#7046a5}body.dark .chip{background:#2d194a;color:#f1e6ff}body.dark .chip.active{background:#7530d5}body.dark .resource{border-color:#51356e}@media(max-width:900px){.layout{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{display:none}.menu-btn{display:block}.mobile-nav{display:flex;gap:7px;overflow-x:auto;padding:0 14px 12px;scrollbar-width:none}.mobile-nav button{white-space:nowrap;border:0;border-radius:10px;padding:10px 13px;background:#ffffff20;color:#fff;font-weight:700}.mobile-nav button.active{background:#ffcc20;color:#36125d}.head{padding:10px 15px}}@media(max-width:600px){main{padding:14px 12px 55px}.grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr;padding:24px 20px;text-align:left}.hero img{height:200px;justify-self:center;order:-1}.hero h1{letter-spacing:-.8px}.panel{padding:18px 15px;border-radius:18px}.card{padding:17px}.two,.results-grid{grid-template-columns:1fr}.section-title{margin-top:23px}.brand{font-size:13px}.brand-mark{width:34px;height:34px;font-size:24px}.opening{min-height:calc(100svh - 110px)}.opening .video-wrap{width:min(330px,90vw);height:min(340px,88vw)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Pulido responsivo, especialmente Safari iOS */
html{scroll-padding-top:85px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{overflow-x:hidden}button,input,select,textarea{max-width:100%;-webkit-appearance:none;appearance:none}select{appearance:auto;-webkit-appearance:menulist}button:active{transform:translateY(1px)}.aside-mascot{display:block;max-width:210px;width:80%;max-height:200px;object-fit:contain;margin:0 auto}.metric-list{display:grid;gap:8px;margin:14px 0}.metric-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;border:1px solid #e9def6;border-radius:12px}.metric-list span{font-size:13px}.metric-list strong{text-align:right;color:#5810ad;font-size:16px}.card,.panel,.hero,.resource{overflow-wrap:anywhere}.nav{flex-wrap:wrap}.mobile-nav.expanded{display:flex!important;flex-wrap:wrap;white-space:normal}.source-link{overflow-wrap:anywhere}body.dark .metric-list>div{border-color:#62447f}body.dark .metric-list strong{color:#ffdc65}body.dark .tag{background:#503078;color:#fff}body.dark .hero{background:linear-gradient(125deg,#300765,#57109b)}.card .icon-tile{transition:transform .2s ease}.card:hover .icon-tile{transform:translateY(-3px)}@media(max-width:900px){.mobile-nav{display:none}.mobile-nav.expanded{display:flex}}@media(max-width:600px){.head{padding-top:max(10px,env(safe-area-inset-top));gap:6px}.opening{padding-bottom:max(24px,env(safe-area-inset-bottom))}.hero{border-radius:21px;gap:6px}.hero img{max-height:170px}.hero h1{font-size:clamp(26px,7.6vw,38px)}.hero p{font-size:14px}.field input,.field select{font-size:16px}.btn{min-height:44px}.metric-list>div{align-items:flex-start}.metric-list strong{max-width:48%}main{padding-bottom:max(55px,env(safe-area-inset-bottom))}}@media(min-width:901px) and (max-width:1150px){.nav button{font-size:12px;padding:10px 9px}}@media print{header,.bottom,.btn,.opening,.hero img{display:none!important}body,body.dark{background:#fff;color:#111}main{max-width:none;padding:0}.panel,.result{box-shadow:none!important;color:#111!important;background:#fff!important}.layout{display:block}.layout aside{display:none}.hero{color:#111;background:#fff;padding:0}.hero p{color:#333}}