:root{--bg:#080b11;--surface:#101720;--surface2:#141d28;--text:#f4f2ec;--muted:#b3b6bb;--gold:#e8b678;--gold-pale:#ffe4bd;--line:rgba(235,216,192,.15);--blue:#72c6ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:3px}
button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.container{width:min(1190px,calc(100% - 56px));margin-inline:auto}
.topline{height:3px;background:linear-gradient(90deg,#8d491d,var(--gold-pale) 48%,#3a8dc8)}
.skip-link{position:absolute;z-index:99;background:white;color:black;padding:10px 16px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.header{position:relative;z-index:3;background:rgba(8,11,17,.97);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:83px}
.brand{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;font-size:14px;font-weight:800;letter-spacing:.18em}
.brand img{border-radius:50%;flex-shrink:0}.brand em{color:var(--gold);font-style:normal}
.nav{display:flex;gap:clamp(12px,2.4vw,34px);align-items:center;color:#d6d6d8;font-size:13px;font-weight:620}.nav a:hover,.footer a:hover{color:var(--gold-pale)}.nav-link{border:1px solid rgba(232,182,120,.42);padding:10px 15px;border-radius:3px;color:var(--gold-pale)}
.hero{padding:50px 0 90px;background:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(136,78,27,.11),transparent 80%)}
.eyebrow,.section-kicker{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:20px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}
.hero-image-wrap{position:relative;overflow:hidden;border:1px solid rgba(232,182,120,.42);border-radius:5px;background:#141519;box-shadow:0 25px 90px rgba(0,0,0,.38)}
.hero-image{width:100%;aspect-ratio:1672/941;object-fit:cover}.image-frame{position:absolute;inset:12px;border:1px solid rgba(243,203,153,.16);pointer-events:none}
.hero-bottom{display:flex;justify-content:space-between;gap:54px;align-items:end;padding-top:45px}.hero-copy{max-width:700px}.section-kicker{margin:0 0 14px}h1,h2,h3,p{margin-top:0}
h1,h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.032em;line-height:1.13;font-weight:500}h1{font-size:clamp(36px,4.5vw,61px);margin-bottom:18px}h2{font-size:clamp(34px,4vw,54px);margin-bottom:22px}h1 span,h2 span{color:var(--gold)}
.hero-copy>p:last-child{max-width:650px;color:var(--muted);font-size:16px;margin-bottom:0}.hero-copy strong{color:#f2f0eb;font-weight:650}
.hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;flex:0 0 262px;padding-bottom:2px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:49px;padding:13px 20px;border-radius:4px;font-weight:730;font-size:13px;text-align:center;transition:transform .15s ease,background .15s ease}.button:hover{transform:translateY(-2px)}
.button-primary{background:linear-gradient(120deg,#efd0a2,#cc8742);color:#19130c;box-shadow:0 9px 26px rgba(172,94,29,.17)}.button-primary:hover{background:linear-gradient(120deg,#ffe0b0,#e5a561)}.button-ghost{border:1px solid var(--line);color:#ddd9d1}.button-ghost:hover{border-color:var(--gold)}.play{font-size:12px}
.statement{padding:104px 0;background:#0c1119;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement-grid{display:grid;grid-template-columns:.9fr 1fr;gap:clamp(45px,7vw,100px)}.statement-copy{padding-top:6px;color:var(--muted)}.statement-copy p{margin-bottom:22px}.statement-copy strong{color:#e9e3d8}.divider-rule{height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin:30px 0 22px}.mini-quote{color:var(--gold-pale);font:italic 22px/1.4 Georgia,serif}
.genres{padding:105px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:38px;margin-bottom:28px}.section-head h2{margin-bottom:0}.section-head>p{max-width:360px;color:var(--muted);font-size:14px;margin-bottom:4px}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.genre-card{display:flex;flex-direction:column;justify-content:space-between;min-height:300px;padding:24px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#151b25}.genre-card:after{position:absolute;content:"";right:-60px;top:-40px;width:180px;height:180px;border-radius:50%;filter:blur(45px);opacity:.2}.genre-card.romance:after{background:#e7798a}.genre-card.fantasy:after{background:#d59d58}.genre-card.magic:after{background:#8c92f2}.genre-card.powers:after{background:#299be9}.genre-number{font-size:12px;letter-spacing:.14em;color:#c4ad91}.genre-symbol{display:block;font:40px/1 Georgia,serif;color:var(--gold);margin-bottom:20px}.genre-card h3{font:500 30px/1.1 Georgia,serif;letter-spacing:-.02em;margin-bottom:10px}.genre-card p{color:#b9bbc1;font-size:13px;line-height:1.65;margin:0}
.process{background:linear-gradient(180deg,#111a24,#0c1119);padding:90px 0;border-block:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:center}.process-art{max-width:450px;margin-inline:auto;position:relative}.process-art:before{content:"";position:absolute;inset:15%;filter:blur(65px);background:rgba(180,104,42,.16)}.process-art img{position:relative;filter:drop-shadow(0 20px 32px rgba(0,0,0,.4))}.process-copy h2{max-width:540px}.step{display:flex;gap:22px;border-top:1px solid var(--line);padding:19px 0}.step>span{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.08em;line-height:1.9}.step h3{font-size:17px;font-weight:700;margin-bottom:4px}.step p{font-size:14px;color:var(--muted);margin:0;line-height:1.6}
.cta{padding:105px 0;background:radial-gradient(ellipse at center,rgba(144,80,28,.18),transparent 65%),#080b11;text-align:center}.cta-content{max-width:810px}.cta h2{font-size:clamp(40px,5.3vw,70px);margin-bottom:18px}.cta h2 em{font-style:normal;color:var(--gold)}.cta p:not(.section-kicker){color:var(--muted);margin-bottom:26px}.cta .button{max-width:360px;margin:auto}
.footer{background:#07090d;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:40px;padding:50px 0 40px}.footer-brand{display:flex;align-items:center;gap:15px}.footer-brand img{width:65px;height:65px}.footer-brand strong{font-size:14px;letter-spacing:.13em}.footer-brand p{color:var(--muted);font-size:12px;margin:3px 0}.footer-contact{display:flex;flex-direction:column;gap:5px;font-size:13px}.footer-contact span{font-size:11px;color:var(--gold);font-weight:800;letter-spacing:.12em;margin-bottom:4px}.footer-bottom{border-top:1px solid var(--line);padding:20px 0 28px;display:flex;justify-content:space-between;gap:22px;color:#989da5;font-size:12px}.footer-bottom>div{display:flex;gap:24px}
/* Páginas informativas */
.page-hero{padding:72px 0 42px;background:radial-gradient(ellipse at 50% 0,rgba(145,83,35,.15),transparent 70%);border-bottom:1px solid var(--line)}.page-hero .container,.legal-layout{max-width:920px}.page-hero h1{font-size:clamp(40px,5vw,62px);margin:12px 0 14px}.page-hero p:last-child{color:var(--muted);max-width:720px;margin:0}.legal{padding:54px 0 90px}.legal-layout{max-width:920px}.legal-content{max-width:800px}.legal-content h2{font:500 28px/1.25 Georgia,serif;color:var(--gold-pale);margin:38px 0 10px}.legal-content h2:first-child{margin-top:0}.legal-content p,.legal-content li{color:#c5c7cb;line-height:1.82}.legal-content a{color:var(--gold-pale);text-decoration:underline;text-underline-offset:3px}.legal-content ul{padding-left:24px}.legal-content li{margin-bottom:8px}.legal-date{color:#979ba4;font-size:13px;padding-bottom:22px;border-bottom:1px solid var(--line)}.back-home{color:var(--gold-pale);display:inline-block;margin-top:20px;font-size:13px}
@media(max-width:960px){.hero-bottom{flex-direction:column;align-items:stretch;gap:28px}.hero-actions{flex-direction:row;flex:initial}.hero-actions .button{flex:1}.genre-grid{grid-template-columns:repeat(2,1fr)}.process-grid{gap:40px}.nav{gap:14px}.nav a{font-size:12px}}
@media(max-width:700px){.container{width:min(100% - 34px,1190px)}.header-inner{min-height:75px;flex-direction:column;gap:6px;padding:12px 0}.brand{font-size:13px}.brand img{width:42px;height:42px}.nav{width:100%;justify-content:center;gap:14px;flex-wrap:wrap}.nav a{font-size:11px}.nav-link{padding:5px 9px}.hero{padding:30px 0 60px}.eyebrow{font-size:9px;letter-spacing:.15em}.hero-image-wrap{border-radius:3px}.image-frame{inset:6px}.hero-bottom{padding-top:30px}.hero-actions{flex-direction:column}.statement{padding:65px 0}.statement-grid,.process-grid{grid-template-columns:1fr;gap:24px}.section-head{flex-direction:column;align-items:start;gap:14px}.genres{padding:65px 0}.genre-card{min-height:230px;padding:20px}.genre-card h3{font-size:26px}.process{padding:65px 0}.process-art{width:min(78%,300px)}.process-copy{order:-1}.cta{padding:70px 0}.footer-top,.footer-bottom{flex-direction:column;gap:24px}.footer-top{padding:38px 0 28px}.footer-bottom>div{flex-wrap:wrap}.page-hero{padding:48px 0 34px}.legal{padding:32px 0 60px}}
@media(max-width:410px){.nav{column-gap:12px;row-gap:5px}.genre-grid{gap:10px}.genre-card{min-height:235px;padding:15px}.genre-card h3{font-size:23px}.genre-card p{font-size:12px}.genre-symbol{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}