/* Rediseño exclusivo de la portada pública. La Store mantiene sus hojas propias. */
:root{--ue-bg:#0d0d10;--ue-surface:#19191d;--ue-surface-2:#202024;--ue-line:#303036;--ue-text:#f5f5f7;--ue-muted:#aaaab1;--ue-blue:#27b9f3;--ue-blue-hover:#62cdf7}
html{scroll-padding-top:72px}
body{background:var(--ue-bg);color:var(--ue-text);font-family:Inter,Segoe UI,Arial,sans-serif}
.topbar{height:72px;padding:0 26px;gap:32px;border-bottom:1px solid #202026;background:#111115f7;backdrop-filter:blur(18px)}
.brand{margin-right:12px}.brand img{width:224px;height:50px;object-fit:contain;object-position:left center}
.topbar nav{flex:1;gap:5px;align-items:center}.topbar nav a{padding:11px 14px;border-radius:7px;color:#dedee3;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}.topbar nav a:hover{color:#fff;background:#ffffff0a}
.topbar nav a[href="#descargar"]{margin-left:auto;background:var(--ue-blue);color:#07131a;padding-inline:19px}.topbar nav a[href="#descargar"]:hover{background:var(--ue-blue-hover)}
.language-selector select{min-width:64px;padding:10px 28px 10px 12px;border-color:#3a3a40;border-radius:7px;background-color:#242429;font-weight:600;letter-spacing:0}.language-selector select:hover,.language-selector select:focus{border-color:var(--ue-blue)}
.section{width:min(1314px,calc(100% - 48px));padding:96px 0}
.hero{position:relative;min-height:680px;width:min(1314px,calc(100% - 48px));grid-template-columns:minmax(390px,.8fr) minmax(0,1.2fr);gap:48px;padding:88px 0 72px}
.hero-copy{position:relative;z-index:2;align-self:center;margin-right:0;padding:46px 0;background:none}
.eyebrow{margin:0;color:#fff;font-size:14px;font-weight:700;letter-spacing:0;text-transform:none}
.hero .eyebrow:before{display:none}
.hero h1,.section-heading h2,.build-copy h2,.plan-card h2,.download h2{max-width:650px;margin:26px 0 24px;font-size:clamp(43px,4vw,64px);line-height:1.04;letter-spacing:-.045em}
.lead,.section-heading>p:last-child,.build-copy>p:last-child,.plan-card p,.download p{max-width:620px;color:var(--ue-muted);font-size:17px;line-height:1.62}
.hero-actions{margin:28px 0 18px}.primary,.secondary,button{border-radius:7px;font-size:14px;font-weight:650;letter-spacing:0}.hero-actions .primary,.download .primary{background:var(--ue-blue);color:#07131a}.hero-actions .primary:hover,.download .primary:hover{background:var(--ue-blue-hover)}.secondary{border:1px solid #55555c;background:#1a1a1e;color:#fff}.secondary:hover{background:#242429}
.microcopy{color:#818189;font-size:12px}
.studio-preview,.hero .real-editor{position:relative;z-index:1;width:94%;max-width:790px;justify-self:end;margin:0;border:0;border-radius:28px;background:#17171a;box-shadow:0 24px 100px #02172188;transform:none;overflow:hidden}.real-editor img{width:100%;min-height:440px;object-fit:cover;object-position:center}.studio-preview:after{content:"GameCrom 2D Studio";position:absolute;left:26px;bottom:23px;padding:8px 12px;border-radius:5px;background:#0d0d10cc;color:#fff;font-size:13px;font-weight:650;backdrop-filter:blur(10px)}
.signal{width:min(1314px,calc(100% - 48px));margin:auto;padding:21px 0;border-block:1px solid var(--ue-line);justify-content:space-between;color:#c5c5cb;font-size:12px;font-weight:600;letter-spacing:.02em}
.motor{padding-top:112px}.section-heading{max-width:760px}.section-heading .eyebrow,.build-copy .eyebrow,.plan-card .eyebrow,.download .eyebrow{color:#d2d2d7}.section-heading h2,.build-copy h2,.plan-card h2,.download h2{font-size:clamp(38px,3.6vw,54px)}
.feature-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:52px}.feature{display:grid;grid-template-columns:245px 1fr;grid-template-rows:auto 1fr;column-gap:24px;min-height:190px;padding:20px;border:1px solid var(--ue-line);border-radius:22px;background:var(--ue-surface)}.feature:hover{border-color:#45454c;background:var(--ue-surface-2)}.feature b{grid-column:1;grid-row:1/-1;display:flex;align-items:flex-end;min-height:150px;max-width:none;padding:20px;border-radius:14px;background:linear-gradient(145deg,#171b22,#0b2936);color:#fff;font-size:12px;letter-spacing:.04em}.feature:nth-child(2n) b{background:linear-gradient(145deg,#21151b,#39151a)}.feature h3{grid-column:2;margin:18px 0 10px;font-size:20px}.feature p{grid-column:2;margin:0;color:var(--ue-muted);font-size:15px;line-height:1.55}.feature-icon{right:auto;left:175px;top:35px;color:#fff;opacity:.12}.feature-lightweight{grid-column:1/-1;grid-template-columns:245px 1fr;min-height:190px;gap:24px}.feature-lightweight .feature-icon{position:absolute;left:175px;top:35px}.feature-lightweight>div{align-self:center}.feature-lightweight h3{margin:0 0 10px}
.feature-with-media .feature-media{position:relative;grid-column:1;grid-row:1/-1;min-height:150px;border-radius:14px;overflow:hidden;background:#0c0e12}.feature-with-media .feature-media img{display:block;width:100%;height:100%;min-height:150px;object-fit:contain;object-position:left center}.feature-with-media.feature-illustration .feature-media img{object-fit:cover;object-position:center}.feature-with-media .feature-media b{position:absolute;inset:auto 0 0;display:block;min-height:0;padding:36px 16px 15px;border-radius:0;background:linear-gradient(transparent,#090b0fee);text-shadow:0 1px 4px #000}
.feature-lightweight.feature-with-media .feature-media{width:245px;height:150px}.feature-lightweight.feature-with-media>div:last-child{grid-column:2;align-self:center}
.builds{position:relative;display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);min-height:470px;margin-top:60px;padding:70px;border:1px solid var(--ue-line);border-radius:26px;background:radial-gradient(circle at 78% 50%,#063248 0,transparent 33%),linear-gradient(115deg,#17171b,#101014);overflow:hidden}.builds:after{content:"CREATE  /  REVIEW  /  PLAY";align-self:center;justify-self:center;color:#fff;font-size:clamp(32px,4vw,64px);font-weight:800;letter-spacing:-.05em;text-shadow:0 0 60px #27b9f366}.build-copy{align-self:center}.build-copy p:last-child{max-width:480px}
.plan-section{padding-top:46px}.plan-card{grid-template-columns:1fr 390px;gap:80px;padding:66px;border-color:var(--ue-line);border-radius:26px;background:var(--ue-surface)}.ownership-facts div{border-color:var(--ue-line)}.ownership-facts strong{font-size:32px}.ownership-facts strong:first-letter{color:var(--ue-blue)}
.download{grid-template-columns:88px 1fr auto;margin-top:50px;padding:80px 0;border-color:var(--ue-line)}.download img{width:76px;border-radius:16px}.download h2{font-size:clamp(34px,3vw,48px)}
footer{padding:52px max(24px,calc((100vw - 1314px)/2));border-color:var(--ue-line);background:#111115}footer img{width:190px}footer div{justify-content:flex-end}footer a,.footer-legal-link{color:#b8b8bf}footer a:hover,.footer-legal-link:hover{color:var(--ue-blue)}
.reveal{transform:translateY(14px);transition:.55s ease}
@media(max-width:1050px){.topbar{gap:14px}.topbar nav a{padding-inline:9px;font-size:13px}.brand img{width:185px}.hero{grid-template-columns:1fr}.hero-copy{max-width:780px;margin:0;padding:30px 0;background:none}.studio-preview,.hero .real-editor{width:100%;max-width:none;justify-self:stretch}.feature{grid-template-columns:190px 1fr}.feature-icon,.feature-lightweight .feature-icon{left:128px}.builds{grid-template-columns:1fr}.builds:after{justify-self:start;margin-top:35px}}
@media(max-width:900px){.topbar nav{top:72px;background:#111115}.hero{padding-top:48px}.feature-grid{grid-template-columns:1fr}.feature-lightweight{grid-column:auto}.plan-card{grid-template-columns:1fr}.real-editor img{min-height:0}.builds{padding:42px}.studio-preview.real-editor{display:block}}
@media(max-width:600px){.section,.hero,.signal{width:min(100% - 28px,1314px)}.topbar{height:64px}.topbar nav{top:64px}.brand img{width:160px}.hero{padding:45px 0}.hero h1{font-size:42px}.feature{display:block;min-height:0}.feature b{min-height:130px}.feature h3{margin-top:22px}.feature-icon,.feature-lightweight .feature-icon{left:auto;right:35px;top:48px}.feature-lightweight{display:block}.builds{margin-top:20px;padding:30px 24px}.builds:after{font-size:38px}.plan-card{padding:30px 24px}.download{grid-template-columns:1fr;text-align:left}.download img{margin:0}footer div{justify-content:flex-start}}
@media(max-width:600px){.feature-with-media .feature-media,.feature-lightweight.feature-with-media .feature-media{width:100%;height:190px}.feature-with-media .feature-media b{min-height:0}.feature-lightweight.feature-with-media>div:last-child{display:block}}