:root{--navy:#08387e;--ink:#102342;--blue:#215ef3;--muted:#66748b;--light:#f3f6fb;--line:#dce3ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #55bdf7;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 36px}.notice{background:var(--navy);color:#d7e5ff;font-size:11px;text-align:center;padding:9px;letter-spacing:1.3px}header{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(15px);z-index:20;border-bottom:1px solid var(--line)}.nav{height:85px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:206px;display:block}.links{display:flex;align-items:center;gap:30px;font-size:13px}.links a:hover{color:var(--blue)}.contact-link{border:1px solid var(--line);border-radius:30px;padding:12px 20px}.menu{display:none;background:none;border:1px solid var(--line);padding:10px;border-radius:6px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:21px;height:2px;background:currentColor}.hero{background:linear-gradient(110deg,#fff 45%,#edf3ff);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:610px;gap:20px}.hero h1{font-size:clamp(44px,5.1vw,68px);line-height:1.06;letter-spacing:-3px;font-weight:500;margin:25px 0}.hero h1 em{font-style:normal;color:var(--blue)}.intro{font-size:17px;line-height:1.8;max-width:490px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:24px;border-radius:5px;padding:16px 22px;background:var(--blue);color:white;font-size:13px;font-weight:600;border:1px solid var(--blue)}.btn.outline{background:transparent;color:var(--ink);border-color:var(--line)}.btn:hover{transform:translateY(-2px)}.hero-note{font-size:11px;color:var(--muted);margin-top:36px}.orbital{position:relative;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.orbital:before{content:'';position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3979ff 0,#164ac0 42%,#062b77 75%);box-shadow:0 35px 70px #0739852b}.orbital:after{content:'';position:absolute;inset:2%;border-radius:50%;border:1px solid #b7caf4;transform:rotate(-25deg) scaleY(.59);z-index:2}.globe{position:absolute;inset:8%;width:84%;height:84%;opacity:.28}.orbital .big-a{position:relative;z-index:2;font-size:92px;font-weight:800;letter-spacing:-6px;color:white}.orbit-label{position:absolute;z-index:3;background:white;border:1px solid #dbe5f5;box-shadow:0 10px 30px #052c6c12;padding:13px 16px;border-radius:8px;font-size:11px;display:flex;gap:10px;align-items:center}.orbit-label b{color:var(--blue);font-size:17px}.o1{top:18%;left:0}.o2{right:-4%;top:46%}.o3{left:5%;bottom:13%}.orbit-dot{width:12px;height:12px;background:#6adbd3;border:3px solid white;border-radius:50%;position:absolute;top:10%;right:27%;z-index:4}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.ribbon .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:11px;letter-spacing:1.8px;color:var(--muted)}.ribbon strong{color:var(--ink)}section{padding:92px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}h2{font-size:clamp(32px,3.4vw,44px);letter-spacing:-1.5px;line-height:1.14;font-weight:500;margin:17px 0 0}.section-top p{max-width:340px;font-size:14px;color:var(--muted);line-height:1.7}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0}.filter{border:1px solid var(--line);background:white;border-radius:30px;font-size:12px;padding:11px 18px;color:var(--muted)}.filter.active{background:var(--navy);color:white;border-color:var(--navy)}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.art{height:265px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.tag{position:absolute;left:20px;top:18px;background:#ffffffed;border-radius:20px;padding:7px 12px;font-size:10px;letter-spacing:.3px;z-index:3;color:var(--ink)}.game-art{background:#f5e8df}.board{width:260px;height:190px;background:#fdf8ef;border:10px solid #944f4d;border-radius:5px;box-shadow:16px 23px 25px #884a4928;transform:rotate(-12deg);display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px}.cell{border:1px solid #cbaca4;display:grid;place-items:center;font-size:7px;color:#9f5c5b;background:#f3e2d8}.cell:nth-child(3n){background:#c3847c;color:white}.board-center{position:absolute;font-family:Georgia,serif;color:#693c44;text-align:center;font-size:32px;transform:rotate(-12deg);background:#fff8ee;padding:10px 16px;box-shadow:0 0 0 8px #fff8ee}.board-center small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px}.die{position:absolute;right:66px;bottom:32px;font-size:50px;color:#fff;filter:drop-shadow(3px 5px 3px #8f5a5a55);transform:rotate(16deg)}.art-caption{position:absolute;bottom:9px;left:15px;font-size:9px;opacity:.65}.app-art{background:#e8e5f6;gap:20px}.phone{width:124px;height:222px;background:#fff;border:5px solid #28243c;border-radius:24px;box-shadow:12px 15px 22px #392b6222;transform:rotate(9deg);padding:20px 10px;text-align:center}.phone .heart{color:#b86b99;font-size:36px;margin:9px}.phone b{font-size:17px;letter-spacing:1px;color:#523f73}.phone .mini{background:#f4edf8;padding:12px 4px;border-radius:8px;font-size:10px;line-height:1.6;margin:10px 0}.phone .pill{background:#75508d;color:white;border-radius:15px;padding:6px;font-size:8px}.app-word{font-family:Georgia,serif;color:#65507f;font-size:31px;line-height:1.2}.app-word small{display:block;font:11px Arial;margin-top:12px;color:#887799}.circus-art{background:radial-gradient(ellipse at 50% 85%,#8c4733,#1c2536 65%);color:#f5d8b0;flex-direction:column}.moon{position:absolute;width:56px;height:56px;border-radius:50%;background:#f6dfb0;top:36px;right:88px;box-shadow:0 0 70px #f3dcb733}.tent{position:absolute;bottom:0;width:300px;height:135px;background:repeating-linear-gradient(100deg,#692d32 0 35px,#ad775c 35px 65px);clip-path:polygon(0 100%,12% 45%,39% 25%,50% 0,61% 25%,88% 45%,100% 100%);opacity:.55}.circus-art h3{font:34px Georgia;letter-spacing:5px;z-index:1;text-align:center;margin:0;line-height:1.1}.circus-art h3 small{font:11px Arial;letter-spacing:5px;display:block;margin-bottom:9px}.course-art{background:#e2edfa}.rings{position:absolute;width:270px;height:270px;border:1px solid #8caedc;border-radius:50%}.rings:before,.rings:after{content:'';position:absolute;inset:35px;border:1px solid #8caedc;border-radius:50%}.rings:after{inset:70px;background:#cbdcf5}.spark{position:relative;font-size:100px;color:var(--blue);z-index:1;line-height:1}.idea-label{position:absolute;background:white;border:1px solid #c1d3ed;padding:9px 14px;border-radius:30px;font-size:10px;z-index:2}.il1{left:15%;top:22%}.il2{right:12%;bottom:20%}.card-body{padding:25px 27px}.meta{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}.card h3{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:12px 0}.card p{font-size:14px;line-height:1.75;color:var(--muted);min-height:73px}.text-button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-top:1px solid var(--line);padding:17px 0 0;margin-top:22px;background:transparent;text-align:left;font-size:12px;color:var(--navy);font-weight:600}.about{background:var(--navy);color:white}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.about .eyebrow{color:#9dbbff}.about h2{font-size:47px}.about p{color:#c1d0e8;font-size:15px;line-height:1.9}.about .lead{font-size:20px;color:white}.principles{display:grid;grid-template-columns:1fr 1fr;margin-top:33px;gap:22px}.principle{padding-top:18px;border-top:1px solid #ffffff30}.principle span{font-size:10px;color:#8cabdf}.principle h3{font-size:16px;font-weight:500}.principle p{font-size:12px;margin-bottom:0}.roadmap{background:var(--light)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.step{border-top:1px solid #bdcde5;padding-top:22px}.step .num{font-size:13px;color:var(--blue)}.step h3{font-size:21px;font-weight:500}.step p{font-size:14px;color:var(--muted);line-height:1.8}.contact{padding:80px 0}.contact-box{background:#edf3ff;border-radius:12px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-box h2{margin:0;font-size:35px}.contact-box p{color:var(--muted);font-size:14px;line-height:1.7}.contact-box .btn{white-space:nowrap}footer{border-top:1px solid var(--line);padding:30px 0}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-main img{width:170px}.footer-main p{font-size:11px;color:var(--muted);line-height:1.7}.footer-base{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}dialog{border:0;border-radius:16px;padding:0;max-width:650px;width:calc(100% - 36px);box-shadow:0 20px 100px #00153066;color:var(--ink)}dialog::backdrop{background:#071c3d99;backdrop-filter:blur(5px)}.modal{padding:38px}.close{float:right;border:1px solid var(--line);background:white;border-radius:50%;width:35px;height:35px}.modal h2{font-size:35px;margin:20px 0}.modal p,.modal li{font-size:15px;color:var(--muted);line-height:1.85}.modal li{margin-bottom:8px}.modal .btn{margin-top:15px}.hidden{display:none!important}@media(max-width:850px){.wrap{padding:0 22px}.hero-grid{grid-template-columns:1fr;padding-top:50px}.hero h1{letter-spacing:-2px}.orbital{max-width:430px;width:100%;margin:0 auto 25px}.hero-note{margin-bottom:5px}.about-grid{grid-template-columns:1fr;gap:25px}.about h2{font-size:38px}.links{gap:15px}.logo{width:170px}.contact-box{padding:28px;align-items:start;flex-direction:column}.steps{gap:20px}.section-top{align-items:start;flex-direction:column;gap:0}.section-top p{max-width:500px}.art{height:230px}.die{right:25px}.app-word{font-size:25px}}@media(max-width:600px){.menu{display:block}.links{display:none;position:absolute;top:85px;left:0;right:0;background:white;padding:25px;box-shadow:0 15px 20px #10234215;flex-direction:column;align-items:start}.links.open{display:flex}.projects,.steps{grid-template-columns:1fr}.hero-grid{min-height:auto}.hero h1{font-size:47px}.intro{font-size:15px}.orbital .big-a{font-size:76px}.orbit-label{font-size:9px;padding:10px}.o2{right:0}.ribbon .wrap{font-size:9px;gap:15px}.ribbon .wrap span:first-child{width:100%}section{padding:62px 0}.about h2{font-size:35px}.footer-main{align-items:start;flex-direction:column}.footer-base{flex-direction:column}.art{height:255px}.modal{padding:26px}.contact-box h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover{transform:none}}

/* Segunda revisión: legibilidad, transformación y mundo de la marca. */
.wrap{max-width:1440px}.nav{height:104px}.logo{width:230px}.links{font-size:22px;gap:26px;font-weight:500}.contact-link{padding:14px 20px}.hero-grid{grid-template-columns:1.05fr 1fr;min-height:820px;gap:30px;padding-top:35px;padding-bottom:35px}.hero h1{font-size:clamp(42px,4.2vw,61px);letter-spacing:-2px;margin:22px 0}.eyebrow{font-size:15px;letter-spacing:1.5px}.intro{font-size:19px;line-height:1.65;max-width:560px}.transformation{display:flex;align-items:center;gap:24px;margin:25px 0}.transformation>div{border-left:3px solid #c9d9ff;padding-left:15px}.transformation span{display:block;font-size:11px;font-weight:700;letter-spacing:.7px;color:#66748b;margin-bottom:9px}.transformation strong{font-size:21px;line-height:1.5;font-weight:500}.transformation>b{font-size:33px;color:var(--blue)}.dream-quote{max-width:550px;font-size:18px;line-height:1.65;color:var(--navy);font-style:italic}.btn{font-size:16px;padding:17px 22px}.hero-note{font-size:13px;line-height:1.6;margin-top:25px}.orbital{aspect-ratio:1/1.16;width:100%;min-width:0}.orbital:before{inset:15% 7%;box-shadow:0 25px 55px #0739852b}.orbital:after{inset:8% 0;transform:rotate(-27deg) scaleY(.7)}.globe{inset:15% 7%;width:86%;height:70%}.world-logo{position:absolute;width:31%;height:auto;left:34.5%;top:36%;z-index:3;background:white;border-radius:12px;padding:3px}.world-phrase{position:absolute;z-index:4;color:#fff;font-size:clamp(15px,1.55vw,22px);line-height:1.3;font-weight:600;text-align:center;width:80%;left:10%;text-shadow:0 2px 5px #002d89}.wp1{top:27%}.wp2{top:65%}.wp3{top:73%}.satellite{position:absolute;z-index:5;display:flex;align-items:center;gap:6px;background:#fffffff5;border:1px solid #cad9f2;box-shadow:0 6px 20px #09387e12;border-radius:12px;padding:8px 12px;color:var(--navy);font-size:18px}.satellite svg{width:54px;height:45px;flex-shrink:0}.sat1{top:5%;left:24%}.sat2{top:39%;right:-2%}.sat3{bottom:7%;left:1%}.ribbon .wrap{font-size:13px;letter-spacing:1.3px}.section-top p,.card p,.step p,.contact-box p{font-size:17px}.filter{font-size:15px}.meta{font-size:12px}.tag{font-size:13px}.art-caption{font-size:11px}.text-button{font-size:16px}.about p{font-size:18px}.principle p{font-size:16px}.principle h3{font-size:20px}.principle span,.step .num{font-size:13px}.footer-main p,.footer-main>a:last-child{font-size:14px!important}.footer-base{font-size:12px;line-height:1.6}.modal p,.modal li{font-size:17px}.notice{font-size:12px}.contact-box h2{margin-top:18px}
@media(max-width:1150px){.links{font-size:18px;gap:18px}.logo{width:200px}.hero-grid{gap:20px}.satellite{font-size:15px;padding:7px}.satellite svg{width:40px}.transformation{gap:15px}.transformation strong{font-size:19px}}
@media(max-width:900px){.menu{display:block;font-size:18px}.links{display:none;position:absolute;top:104px;left:0;right:0;background:white;padding:25px;box-shadow:0 15px 20px #10234215;flex-direction:column;align-items:start;font-size:22px}.links.open{display:flex}.hero-grid{grid-template-columns:1fr;min-height:0;padding-top:45px}.hero h1{font-size:56px}.orbital{max-width:600px;margin:0 auto}.world-phrase{font-size:22px}.satellite{font-size:19px}.satellite svg{width:54px}.hero-note{margin-bottom:5px}.about-grid{grid-template-columns:1fr}.principles{gap:25px}.ribbon .wrap{font-size:12px}.art{height:265px}}
@media(max-width:600px){.wrap{padding:0 20px}.nav{height:90px}.links{top:90px}.logo{width:195px}.hero h1{font-size:43px}.intro{font-size:18px}.transformation{gap:12px}.transformation span{font-size:10px;line-height:1.5}.transformation strong{font-size:18px}.transformation>div{padding-left:9px}.transformation>b{font-size:25px}.dream-quote{font-size:17px}.actions{gap:10px}.btn{font-size:15px;padding:15px 17px}.orbital{margin-top:15px;aspect-ratio:1/1.3}.orbital:before{inset:16% 1%}.globe{inset:16% 1%;width:98%;height:68%}.world-logo{width:34%;left:33%;top:36%}.world-phrase{font-size:16px;width:94%;left:3%}.wp1{top:27%}.wp2{top:65%}.wp3{top:73%}.satellite{font-size:14px;padding:6px 8px;gap:4px}.satellite svg{width:34px;height:32px}.sat1{top:4%;left:18%}.sat2{top:43%;right:-2%}.sat3{bottom:4%;left:0}.ribbon .wrap{font-size:11px}.about p{font-size:17px}.principle p{font-size:15px}.section-top p,.card p,.step p{font-size:16px}.filter{font-size:14px}.footer-base{font-size:12px}.notice{font-size:10px;line-height:1.5}.contact-box{padding:25px}.art-caption{font-size:10px}}

.real-board{width:70%;height:76%;object-fit:contain;transform:rotate(-9deg);filter:drop-shadow(9px 13px 12px #6d303138)}.game-art{height:320px}.app-art{height:320px;gap:16px}.app-reference{position:relative;width:205px;height:315px;overflow:hidden;flex-shrink:0;clip-path:polygon(28% 3%,97% 10%,72% 100%,3% 90%)}.app-reference img{position:absolute;width:940.8px;max-width:none;left:-680px;top:-96px}.purchase-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.purchase-row strong{font-size:22px;color:var(--navy)}.purchase-row small{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:6px}.purchase-row .btn{padding:13px 16px;font-size:14px}.cart-link{display:inline-block;margin-top:17px;color:var(--blue);font-size:15px}.section-top p{max-width:460px}.card p{min-height:110px}.page-intro{padding:60px 0 35px;background:#f5f7fc}.page-intro h1{font-size:44px;letter-spacing:-1.5px;max-width:750px;margin:20px 0}.page-intro p{font-size:18px;line-height:1.7;max-width:760px;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-top:35px;padding-bottom:70px}.moment{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.moment img{display:block;width:100%;aspect-ratio:1/1.12;object-fit:contain;background:#faf5ef}.moment figcaption{padding:22px}.moment h2{font-size:23px;letter-spacing:-.5px;margin:0 0 10px}.moment p{font-size:16px;color:var(--muted);line-height:1.65;margin:0}.moment .number{font-size:12px;letter-spacing:2px;color:var(--blue);display:block;margin-bottom:10px}.gallery-note{font-size:14px!important}.cart-content{padding:50px 0;max-width:900px}.cart-box{border:1px solid var(--line);border-radius:12px;padding:30px}.cart-item{display:flex;gap:25px;align-items:center}.cart-item img{width:150px;border-radius:8px}.cart-item h2{font-size:26px;margin:0 0 15px}.quantity{display:flex;gap:14px;align-items:center;margin-top:20px}.quantity button{background:var(--light);border:1px solid var(--line);border-radius:5px;width:42px;height:42px}.cart-total{border-top:1px solid var(--line);margin-top:30px;padding-top:22px;font-size:22px;display:flex;justify-content:space-between}.cart-box p{line-height:1.8;color:var(--muted);font-size:16px}.remove{border:0;background:none;color:var(--blue);margin-left:10px}.toast{position:fixed;bottom:25px;right:25px;background:var(--navy);color:white;padding:18px 24px;border-radius:8px;z-index:50;box-shadow:0 6px 30px #10234230}.gallery-header{display:flex;gap:24px;align-items:center;font-size:17px}.availability{background:#edf3ff;padding:17px;border-radius:6px;font-size:15px;color:var(--navy)}
@media(max-width:1000px){.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.gallery{grid-template-columns:1fr}.page-intro h1{font-size:34px}.purchase-row{flex-wrap:wrap}.app-reference{width:195px}.app-word{font-size:22px}.gallery-header{font-size:14px;gap:12px}.cart-item{align-items:start;gap:15px}.cart-item img{width:90px}.cart-box{padding:20px}.cart-item h2{font-size:21px}.moment img{aspect-ratio:auto}.toast{left:18px;right:18px;font-size:14px}}