@font-face{font-family:Nunito;font-style:normal;font-display:block;font-weight:200 1000;src:url(../fonts/nunito-latin-wght-normal.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:block;font-weight:300 700;src:url(../fonts/space-grotesk-latin-wght-normal.woff2) format("woff2")}:root{--ink:#07182e;--muted:#66798f;--paper:#f4f9fd;--blue:#1468e8;--green:#57d68d;--violet:#7158e7;--orange:#ff9b42;--magenta:#d93bba}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Nunito,system-ui,sans-serif}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.shell{width:min(1260px,calc(100% - 48px));margin:auto}nav{position:fixed;z-index:100;top:0;left:0;width:100%;height:82px;color:#fff;background:linear-gradient(180deg,#042a5bf2,#043870e6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 8px 28px #00193d2e}.navin{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;padding-top:6px}.brand img{width:142px;filter:drop-shadow(0 6px 16px #00142d66)}.back{font-weight:900;font-size:14px;padding:11px 16px;border:1px solid #ffffff38;border-radius:12px;background:#ffffff10}.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(115deg,#052d63,#0750a4 55%,#0a91bd);padding:58px 0 54px}.hero:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-90px;top:-190px;background:#57d68d2e}.hero .shell{position:relative;z-index:2}.eyebrow{font-weight:900;letter-spacing:1.5px;text-transform:uppercase;font-size:13px;color:#aeeed0}.hero h1{font-family:Space Grotesk;font-size:clamp(42px,5vw,68px);line-height:.96;letter-spacing:-2.8px;margin:10px 0 14px}.hero p{max-width:690px;margin:0;color:#e7f5ff;font-size:17px;line-height:1.6}.summary{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.summary span{padding:9px 13px;border-radius:999px;background:#ffffff13;border:1px solid #ffffff26;font-size:13px;font-weight:900}main{padding:56px 0 90px}.intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.intro h2{font:700 clamp(30px,4vw,44px) "Space Grotesk";letter-spacing:-1.5px;margin:0 0 8px}.intro p{margin:0;color:var(--muted);max-width:610px;line-height:1.55}.section-card{--accent:var(--blue);background:#fff;border-radius:26px;padding:27px 28px 29px;margin:18px 0;box-shadow:0 18px 48px #15375e12;border:1px solid #dceaf5;position:relative;overflow:hidden}.section-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--accent)}.section-top{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:21px}.section-name{display:flex;align-items:center;gap:14px}.section-num{flex:0 0 42px;min-width:42px;max-width:42px;aspect-ratio:1/1;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--accent) 14%,white);color:var(--accent);display:grid;place-items:center;font-weight:950}.section-card h3{font:700 28px Space Grotesk;margin:0;letter-spacing:-.8px}.section-card p{margin:4px 0 0;color:var(--muted);font-size:14px}.count{font-size:12px;font-weight:950;letter-spacing:.7px;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,white);padding:9px 12px;border-radius:999px;white-space:nowrap}.levels{display:grid;grid-template-columns:repeat(9,1fr);gap:10px}.level{height:52px;border-radius:13px;border:1px solid #dce8f2;background:#f8fbfe;display:grid;place-items:center;font-weight:950;font-size:15px;transition:.15s}.level:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,white);transform:translateY(-2px)}.movement{--accent:#7E8CE0}.obstacles{--accent:#FF8C32}.priorities{--accent:#D6249F}.mechanisms{--accent:#8D5B3F}.sequences{--accent:#2F7FC2}.repeat{--accent:#3BDA1F}.decisions{--accent:#8E44EC}.while{--accent:#00A6A6}.axis{--accent:#4A4A4A}.functions{--accent:#E53935}.dev{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:60px 0;background:radial-gradient(circle at 80% 20%,#6f58e71f,transparent 30%),var(--paper)}.dev-card{width:min(850px,calc(100% - 44px));text-align:center;background:#fff;border:1px solid #dceaf5;border-radius:34px;padding:58px 42px;box-shadow:0 25px 70px #15375e14}.dev-card img{width:190px;margin:0 auto 22px;filter:drop-shadow(0 18px 22px #12395b25)}.dev-card small{font-weight:950;letter-spacing:1.4px;text-transform:uppercase;color:var(--orange)}.dev-card h1{font:700 clamp(38px,5vw,62px) "Space Grotesk";letter-spacing:-2.3px;margin:10px 0 15px}.dev-card p{max-width:620px;margin:0 auto 28px;color:var(--muted);font-size:17px;line-height:1.65}.homebtn{display:inline-flex;background:#1468e8;color:#fff;padding:14px 20px;border-radius:13px;font-weight:950;box-shadow:0 6px #08479d}footer{padding:30px 0 42px;color:#7890a6;font-size:13px;text-align:center}@media(max-width:900px){.levels{grid-template-columns:repeat(6,1fr)}.section-top{align-items:flex-start}.hero{padding-top:45px}}@media(max-width:620px){nav{height:72px}.brand{padding-top:4px}.brand img{width:126px}.shell{width:min(100% - 30px,720px)}.levels{grid-template-columns:repeat(4,1fr)}.section-card{padding:23px 18px 24px}.section-top{display:block}.count{display:inline-block;margin-top:13px}.intro{display:block}.intro p{margin-top:8px}.back{font-size:0}.back:after{content:"\2190  Volver";font-size:13px}.hero h1{font-size:44px}}.hero{min-height:345px;padding:134px 0 52px;position:relative;overflow:hidden;background:#062f62}.hero-bg-levels{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#051a32f2,#082449d4 49%,#08244972);z-index:1}.hero .shell{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:28px;align-items:center;position:relative;z-index:2}.hero-copy{position:relative;z-index:3}.hero-art-levels{height:255px;position:relative;z-index:3}.hero-level-img,.hero-level-bot{position:absolute;pointer-events:none!important;transition:none!important}.hero-level-img{filter:drop-shadow(0 14px 18px #00152f88);z-index:4}.hero-level-bot{filter:drop-shadow(0 20px 24px #00152f88);z-index:3}.ppbot{width:205px;right:15%;bottom:-14px}.pp1{width:118px;left:4%;top:42%;transform:rotate(-9deg)}.pp2{width:112px;right:0;top:0;transform:rotate(8deg)}.pp3{width:108px;right:0;bottom:0;transform:rotate(-7deg)}.nlbot{width:220px;right:8%;bottom:-18px}.nl1{width:205px;left:0;top:5%;transform:rotate(-6deg)}.nl2{width:92px;right:0;top:18%;transform:rotate(7deg)}.nl3{width:145px;left:5%;bottom:2%;transform:rotate(5deg)}.labbot{width:220px;right:12%;bottom:-15px}footer{background:#051426!important;color:#8aa2ba!important;padding:34px 0!important;font-size:13px!important;text-align:left!important}.foot{display:flex;align-items:center;justify-content:space-between;gap:24px}.foot img{width:125px;opacity:.88}@media(max-width:900px){.hero .shell{grid-template-columns:1fr}.hero-art-levels{height:205px;max-width:470px;width:100%;margin:0 auto}.foot{flex-wrap:wrap}}.section-card{position:relative;overflow:hidden;isolation:isolate;border-color:var(--accent)!important;border-left:5px solid var(--accent)!important}.section-card:before{content:"";position:absolute;inset:0;background:transparent;z-index:-1;width:auto}.section-card .section-num{background:var(--accent)!important;color:#fff!important;border-color:transparent!important}.section-card .level{border-color:var(--accent)!important}.section-card .level:hover{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.section-card .count,.section-card h3{color:var(--accent)!important}.section-card .section-top{border-bottom-color:color-mix(in srgb,var(--accent) 20%,transparent)!important}.clean-blocks{position:relative;height:255px;max-width:430px;margin-left:auto}.pp-clean .pp1{width:138px;left:2%;top:58px;transform:rotate(-8deg)}.pp-clean .pp2{width:132px;left:36%;top:4px;transform:rotate(4deg)}.pp-clean .pp3{width:130px;right:0;top:68px;transform:rotate(8deg)}.nl-clean .nl1{width:235px;left:0;top:5px;transform:rotate(-4deg)}.nl-clean .nl2{width:105px;right:4%;top:12px;transform:rotate(7deg)}.nl-clean .nl3{width:190px;right:5%;bottom:0;transform:rotate(3deg)}.lab-single{display:flex!important;align-items:center;justify-content:center}.lab-single .labrobot{position:relative!important;width:220px!important;right:auto!important;bottom:auto!important;transform:none!important}@media(max-width:900px){.clean-blocks{margin:0 auto}.hero{padding-top:115px!important}}@media(max-width:620px){nav{height:72px}.brand{padding-top:4px}.brand img{width:126px}}.repta-signature{background:#020b16;border-top:1px solid rgba(255,255,255,.055);padding:15px 20px 16px;text-align:center;font-family:inherit}.repta-signature-inner{display:flex;align-items:baseline;justify-content:center;gap:7px;color:#8293a5;font-size:11px;font-weight:500;letter-spacing:.025em;line-height:1.4}.repta-signature a{color:#f3f8fc;text-decoration:none;font-weight:800;letter-spacing:.055em;transition:color .18s ease}.repta-signature a:hover,.repta-signature a:focus-visible{color:#58cfff;outline:none}@media(max-width:520px){.repta-signature{padding:14px 12px 15px}.repta-signature-inner{font-size:10px;gap:6px;flex-wrap:wrap}}main .section-card,main .intro{max-width:1020px;margin-left:auto;margin-right:auto}.hero-art-levels{width:100%}.etapas{display:flex;gap:8px;align-items:center}.etapas a{display:flex;align-items:center;gap:8px;font-weight:900;font-size:14px;padding:9px 14px;border:1px solid #ffffff38;border-radius:12px;background:#ffffff10;opacity:.9;transition:.2s}.etapas a:hover{opacity:1;background:#ffffff24}.etapas a b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ffffff26;font-size:12px}.etapas a.on{background:#fff;color:#0a3d80;border-color:#fff;opacity:1;pointer-events:none}.etapas a.on b{background:#1468e8;color:#fff}@media(max-width:760px){.etapas{gap:5px}.etapas a{padding:7px 9px;font-size:12px;gap:5px}.etapas a b{width:20px;height:20px}.etapas a:not(.on) span{display:none}}@media(max-width:380px){.etapas a.on span{display:none}.etapas a{padding:7px 8px}}.navin .etapas{margin-left:auto;margin-right:12px}.etapas a span{white-space:nowrap}