@font-face{font-family:Rajdhani;src:url('../assets/lone-echo-2/Rajdhani-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{color-scheme:dark;--bg:#0a0d0b;--paper:#f3f4e9;--green:#b5dc93;--muted:#b8c0b9;--line:#303a31;--side:clamp(22px,5vw,76px);font-family:'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;min-width:320px}a{color:inherit}a:focus-visible{outline:2px solid var(--green);outline-offset:6px}.skip-link{position:absolute;left:16px;top:-100px;padding:14px;background:var(--green);color:#101810;z-index:10}.skip-link:focus{top:12px}
.site-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:20px var(--side);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:17px;font-weight:800;letter-spacing:.14em}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #71816c;color:var(--green);font-size:22px;font-weight:800}.brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:.25em;color:var(--muted)}.site-header nav{display:flex;gap:30px;align-items:center}.site-header nav a{text-decoration:none;font-size:12px;font-weight:700}.site-header nav a:hover{color:var(--green)}.site-header .nav-back{border-left:1px solid var(--line);padding-left:30px;color:var(--green)}
.gta-hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;min-height:690px;max-width:1700px;margin:0 auto;overflow:hidden}.hero-copy{position:relative;z-index:2;padding:66px 30px 52px var(--side)}.eyebrow{margin:0;color:var(--green);text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.2em;line-height:1.6}.status-dot{display:inline-block;width:6px;height:6px;margin:0 8px 1px 0;background:var(--green);border-radius:50%;box-shadow:0 0 12px #b5dc9355}h1{margin:30px 0 25px}.game-title{display:block;font-family:Rajdhani,'Arial Narrow',sans-serif;font-weight:600;font-size:clamp(96px,10.7vw,170px);line-height:.76;letter-spacing:-.055em;color:var(--green)}.hero-title-line{display:block;margin-top:23px;font-weight:750;font-size:clamp(54px,6vw,88px);line-height:.99;letter-spacing:-.055em}.hero-description{margin:0;color:var(--muted);font-size:clamp(16px,1.3vw,19px);line-height:1.75}.hero-description strong{color:var(--paper);font-weight:650}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:51px;padding:14px 22px;text-decoration:none;font-size:13px;font-weight:800;border:1px solid var(--green);transition:background .2s,color .2s,transform .2s}.button-primary{background:var(--green);color:#12200f}.button:hover{background:#d2edbc;transform:translateY(-2px)}.text-link{font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid #71816c;padding-bottom:6px}.text-link:hover{color:var(--green)}.hero-note{margin:22px 0 0;font-size:11px;color:#a4afa5;line-height:1.6;max-width:400px}.hero-art{position:relative;min-width:0;overflow:hidden;isolation:isolate;margin-right:var(--side);border-right:1px solid var(--line)}.hero-art img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:left center;filter:saturate(.6) brightness(.8);z-index:-2}.art-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg),transparent 32%),linear-gradient(0deg,var(--bg) 0%,transparent 45%,#0a0d0b33 100%)}.art-label{position:absolute;right:20px;top:28px;font-family:Rajdhani,sans-serif;font-size:13px;letter-spacing:.22em;color:#e6e7df;writing-mode:vertical-rl}.art-caption{position:absolute;left:36px;right:24px;bottom:48px;display:flex;flex-direction:column;gap:7px;padding-left:19px;border-left:2px solid var(--green)}.art-caption span{font-size:9px;font-weight:700;letter-spacing:.25em;color:#bec9bf}.art-caption strong{font-family:Rajdhani,sans-serif;font-size:37px;font-weight:600;line-height:1;letter-spacing:.03em}
.progress-section{padding:36px var(--side) 64px;background:#b5dc93;color:#12200f}.section-topline{display:flex;justify-content:space-between;gap:20px;max-width:1280px;margin:auto;padding-bottom:18px;border-bottom:1px solid #6d8d58}.progress-section .eyebrow{color:#28431e}.updated{margin:0;font-size:11px;line-height:1.5;color:#37512e}.progress-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;max-width:1280px;margin:30px auto 0;align-items:center}.progress-number{font-family:Rajdhani,'Arial Narrow',sans-serif;font-size:clamp(140px,22vw,310px);font-weight:600;letter-spacing:-.07em;line-height:.82;white-space:nowrap}.progress-number span{font-size:.4em;letter-spacing:-.08em;margin-left:7px}.progress-copy h2{margin:0;font-size:clamp(34px,4vw,54px);line-height:1.06;letter-spacing:-.045em;font-weight:750}.progress-copy h2 em{font-style:normal;font-weight:400}.progress-copy>p{font-size:15px;line-height:1.7;max-width:470px;margin:19px 0}.progress-track{height:9px;background:#86a66d;margin:29px 0 12px;overflow:hidden}.progress-track span{display:block;width:75%;height:100%;background:#183312}.progress-key{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:700}.progress-copy p.progress-note{font-size:11px;margin:21px 0 0;color:#37512e}
.project-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;max-width:1440px;padding:84px var(--side);margin:auto}.project-heading h2{font-size:clamp(32px,3.3vw,46px);line-height:1.11;letter-spacing:-.04em;margin:20px 0 0;font-weight:700}.project-heading h2 em{color:var(--green);font-weight:400;font-style:normal}.project-body p{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 18px;max-width:550px}.project-body .button{margin-top:13px}.support-note{display:block;color:#9daa9f;font-size:11px;line-height:1.7;margin-top:18px;max-width:410px}.site-footer{display:flex;justify-content:space-between;gap:36px;align-items:center;padding:32px var(--side);border-top:1px solid var(--line)}.footer-brand{font-size:14px;font-weight:800;letter-spacing:.15em;text-decoration:none}.footer-brand span{display:block;font-size:11px;letter-spacing:0;font-weight:400;color:var(--muted);margin-top:7px}.site-footer p{max-width:420px;margin:0;color:#a6b0a8;font-size:11px;line-height:1.7}
@media(min-width:1700px){.gta-hero{min-height:750px}}
@media(max-width:1000px){.site-header nav{gap:18px}.site-header .nav-back{padding-left:18px}.gta-hero{min-height:660px}.hero-copy{padding-top:50px}.hero-art{margin-right:0}.hero-title-line{font-size:clamp(52px,6.3vw,76px)}.art-caption{left:20px}.art-caption strong{font-size:29px}.progress-layout{gap:34px}.project-section{gap:40px}}
@media(max-width:700px){.site-header{min-height:80px;padding-top:17px;padding-bottom:17px;gap:16px}.brand{font-size:13px;gap:10px}.brand-mark{width:32px;height:32px;font-size:19px}.brand small{font-size:8px;letter-spacing:.16em}.site-header nav a:not(.nav-back){display:none}.site-header nav .nav-back{padding:0;border:0;font-size:11px;max-width:78px;line-height:1.6}.gta-hero{display:block;min-height:0}.hero-copy{padding:40px var(--side) 37px;max-width:550px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.13em}.game-title{font-size:104px}.hero-title-line{font-size:59px;margin-top:18px}.hero-description{font-size:16px}.hero-actions{gap:22px;margin-top:26px}.hero-note{margin-top:20px}.hero-art{height:250px;margin:0 var(--side);border:1px solid var(--line)}.hero-art img{width:200%;max-width:none;object-fit:cover;object-position:left 40%}.art-shade{background:linear-gradient(90deg,#0a0d0b66,transparent 45%),linear-gradient(0deg,#0a0d0be6,transparent 75%)}.art-caption{left:22px;bottom:27px}.art-caption strong{font-size:34px}.art-label{right:14px;top:15px;font-size:10px}.progress-section{padding-top:34px;padding-bottom:42px;margin-top:35px}.section-topline{display:block}.updated{margin-top:8px}.progress-layout{grid-template-columns:1fr;gap:24px;margin-top:32px}.progress-number{font-size:168px}.progress-copy h2{font-size:34px}.progress-copy>p{font-size:15px}.progress-track{margin-top:23px}.project-section{grid-template-columns:1fr;padding-top:54px;padding-bottom:54px;gap:27px}.project-heading h2{font-size:33px}.project-body p{font-size:15px}.project-body .button{width:100%;max-width:360px;padding:14px 18px;font-size:12px}.site-footer{display:block}.site-footer p{margin-top:24px}.progress-key{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Estado del proyecto: la misma escena oscura de la tarjeta de portada. */
.progress-section{position:relative;isolation:isolate;overflow:hidden;background:#101b13;color:var(--paper)}
.progress-section::before{content:"";position:absolute;inset:0;width:90%;z-index:-2;background:url('assets/gta-v-prologo.jpg') left center/cover no-repeat;clip-path:inset(0 50% 0 0);filter:brightness(.6) saturate(.6);pointer-events:none}
.progress-section::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 10%,#101b13 46%),linear-gradient(180deg,#071008b3,transparent 28%),linear-gradient(0deg,#07100888,transparent);pointer-events:none}
.progress-section .section-topline{border-bottom-color:#63745b}
.progress-section .eyebrow,.progress-section .progress-number{color:var(--green)}
.progress-section .progress-number{text-shadow:0 4px 28px #00000080}
.progress-section .updated,.progress-section .progress-copy p.progress-note{color:#c6d0bf}
.progress-section .progress-copy h2 em{color:var(--green)}
.progress-section .progress-copy>p{color:#e0e6dc}
.progress-section .progress-track{background:#3b4c35}
.progress-section .progress-track span{background:var(--green)}
.progress-section .progress-key{color:#d4dfcb}
@media(max-width:700px){
  .progress-section::before{width:200%;height:340px;clip-path:none}
  .progress-section::after{background:linear-gradient(180deg,#101b1380 0%,#101b1326 150px,#101b13 340px)}
}