@import 'tailwindcss';
:root{--ink:#070808;--panel:#0d0f10;--line:#292724;--bone:#eee9dd;--muted:#99958d;--red:#de3d34;--gold:#d49a45;--green:#56d18a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--bone);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1220px,calc(100% - 48px));margin:auto}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;left:50%;transform:translateX(-50%);border-bottom:1px solid #ffffff24}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #8b3a31;background:#190d0c;color:#ff7168;font-family:Georgia,serif}.brand small{display:block;color:var(--gold);font-size:9px;letter-spacing:.3em;margin-top:3px}.nav-links{display:flex;gap:34px;color:#c7c1b7;font-size:12px}.nav-links a:hover{color:white}.owner-link{border:1px solid #ffffff2e;padding:11px 15px;font-size:11px;color:#d2ccc2;background:#08080880}.hero{min-height:850px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('/tres-vidas-refugio.png') center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050607f7 0%,#070809da 31%,#0708094d 59%,#07080914 78%),linear-gradient(0deg,#070808 0%,transparent 24%,#05060762 100%)}.hero-content{z-index:2;padding-top:85px}.eyebrow{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.24em}.eyebrow>span{display:inline-block;width:28px;height:1px;background:var(--red);margin:0 9px 3px 0}.lives{display:flex;gap:9px;margin:26px 0 20px}.lives i{font-style:normal;color:#ff4a40;font-size:19px;text-shadow:0 0 17px #e62b2b}.hero h1,.section h2,.atmosphere h2,.final-cta h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}.hero h1{font-size:clamp(64px,7.2vw,108px);line-height:.85;margin:0 0 30px;max-width:750px}.hero h1 em,.atmosphere h2 em{font-weight:400;color:#dc5148}.lead{max-width:590px;color:#b1aba1;font:18px/1.7 Georgia,serif}.actions{display:flex;gap:12px;margin:34px 0}.actions a{padding:15px 20px;font-weight:800;font-size:12px}.primary{background:var(--red)}.secondary{border:1px solid #ffffff31;background:#0a0b0c80}.server-strip{display:flex;align-items:center;gap:13px;margin-top:55px;border-top:1px solid #ffffff24;padding-top:23px;max-width:620px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.server-strip div{display:flex;flex-direction:column;gap:5px}.server-strip small{font-size:9px;color:#8e8981;letter-spacing:.15em}.server-strip strong{font-family:monospace;font-size:15px}.edition{margin-left:auto;color:#938d84;font-size:9px;letter-spacing:.12em}.scroll-hint{position:absolute;z-index:2;right:44px;bottom:40px;writing-mode:vertical-rl;color:#8d877f;font-size:8px;letter-spacing:.22em}.scroll-hint span{color:var(--gold);margin-top:12px}.manifesto{border-block:1px solid var(--line);background:#0b0c0c}.manifesto-grid{height:165px;display:flex;align-items:center;justify-content:space-between;color:#3c3b38}.manifesto-grid p{text-align:center;color:#aaa49a;font:italic 22px/1.5 Georgia}.manifesto-grid b{color:#e8e2d7;font-weight:400}.section{padding:125px 0}.section-head{display:grid;grid-template-columns:1.1fr .75fr;gap:100px;align-items:end}.section-head h2{font-size:clamp(49px,6vw,76px);line-height:.98;margin:15px 0 0}.section-head>p{color:#969087;line-height:1.75;margin-bottom:8px}.systems{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px}.systems article{position:relative;min-height:260px;border:1px solid var(--line);margin:-1px 0 0 -1px;padding:34px;overflow:hidden;background:linear-gradient(145deg,#101111,#0a0b0b)}.systems article:hover{background:#141210;border-color:#564235}.systems article>i{display:block;font-style:normal;color:#df4b42;font:30px Georgia;margin-top:28px}.systems h3{font:25px Georgia;margin:25px 0 12px}.systems p{color:#8d8982;line-height:1.65;font-size:13px;max-width:300px}.system-number{position:absolute;right:25px;top:22px;color:#4a4640;font:11px monospace}.atmosphere{min-height:700px;position:relative;display:flex;align-items:center;overflow:hidden;border-block:1px solid var(--line)}.atmosphere-image{position:absolute;inset:0;background:linear-gradient(90deg,#060707 0%,#080909d9 40%,#08090952),url('/tres-vidas-refugio.png') center/cover;filter:saturate(.75)}.atmosphere-copy{position:relative;z-index:1}.atmosphere h2{font-size:clamp(52px,6vw,80px);line-height:.98;margin:18px 0 25px}.atmosphere-copy>p:not(.eyebrow){max-width:550px;color:#aaa49c;font:17px/1.7 Georgia}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.chips span{border:1px solid #ffffff29;background:#0809099c;padding:10px 13px;color:#c0bab0;font-size:9px;letter-spacing:.12em}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border:1px solid var(--line)}.steps article{min-height:340px;padding:34px;border-right:1px solid var(--line);display:flex;flex-direction:column}.steps article:last-child{border:0}.steps b{color:#6f3732;font:44px Georgia}.steps article>span{font-size:9px;letter-spacing:.16em;color:#77736c;margin-top:30px}.steps h3{font:25px Georgia;margin:10px 0 14px}.steps p{color:#8e8982;line-height:1.65;font-size:13px}.steps code{margin-top:auto;border:1px solid #3a3834;background:#111211;color:#eee8dd;padding:12px;font-size:11px}.featured-step{background:radial-gradient(circle at 80% 0,#3a1815,#121110 53%);position:relative}.featured-step:before{content:'RECOMENDADO';position:absolute;right:0;top:0;background:#8c302a;color:white;padding:8px 10px;font-size:8px;letter-spacing:.15em}.download-state{margin-top:auto;color:#d5a256;border:1px solid #5e4724;padding:12px;font-size:9px;letter-spacing:.1em;background:#241b0d}.compat{margin-top:18px;border:1px solid var(--line);background:#0c0d0d;padding:22px 25px;display:flex;gap:30px;align-items:center}.compat>div:first-child{min-width:200px;display:flex;flex-direction:column;gap:5px}.compat strong{font-size:10px;color:#d7d0c5;letter-spacing:.12em}.compat>div:first-child span{color:#74716c;font-size:10px}.mod-marquee{display:flex;flex-wrap:wrap;gap:7px}.mod-marquee span{font-size:9px;color:#98938a;border-left:1px solid #4d4840;padding-left:8px}.rules-wrap{background:#0d0e0e;border-block:1px solid var(--line)}.rules{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px}.rules h2{font-size:clamp(48px,5.5vw,72px);line-height:1;margin:15px 0 25px}.rules>div>p:last-child{color:#8f8a83;max-width:410px;line-height:1.7}.rules ol{list-style:none;padding:0;margin:0}.rules li{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);color:#99948c;line-height:1.55}.rules li b{color:#763b35;font-family:Georgia}.rules li strong{color:#ddd7cd}.final-cta{text-align:center;padding:140px 0}.final-cta .lives{justify-content:center}.final-cta h2{font-size:clamp(52px,7vw,88px);line-height:.95;margin:25px 0}.final-cta>p:not(.eyebrow){max-width:600px;margin:0 auto 35px;color:#918c84;line-height:1.7}.final-cta>a{display:inline-block;background:var(--red);padding:15px 20px;font-size:12px;font-weight:800}footer{background:#040505;border-top:1px solid var(--line);padding:45px 0}footer .shell{display:flex;align-items:center;justify-content:space-between}footer p,footer a{color:#74716c;font-size:11px}@media(max-width:800px){.shell{width:min(100% - 30px,1220px)}.nav-links{display:none}.owner-link{font-size:0}.owner-link span{font-size:13px}.hero{min-height:780px}.hero-image{background-position:62% center}.hero-shade{background:linear-gradient(90deg,#050607f5,#070809b5),linear-gradient(0deg,#070808,transparent 30%)}.hero h1{font-size:62px}.lead{font-size:16px}.edition,.scroll-hint{display:none}.manifesto-grid>span{display:none}.section{padding:90px 0}.section-head,.rules{grid-template-columns:1fr;gap:30px}.systems,.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line)}.compat{align-items:flex-start;flex-direction:column}.atmosphere{min-height:630px}.atmosphere-image{background:linear-gradient(90deg,#060707ee,#080909ad),url('/tres-vidas-refugio.png') center/cover}footer .shell{align-items:flex-start;gap:25px;flex-direction:column}}