:root{--bg:#0b0e1a;--bg2:#121733;--card:#161c3a;--text:#e8ecff;--muted:#9aa3c7;--accent:#39c6ff;--accent2:#ff9a3c;--border:#26305c}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,#1a2257 0%,var(--bg) 60%);color:var(--text);line-height:1.55}
a{color:var(--accent)}img{max-width:100%}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.5px;color:var(--text);text-decoration:none}
.brand img{width:40px;height:40px}
nav a{color:var(--muted);text-decoration:none;margin-left:18px;font-size:.95rem}nav a:hover{color:var(--text)}
.lang{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 10px;cursor:pointer;margin-left:18px}
.hero{text-align:center;padding:60px 0 40px}
.hero img{width:160px;height:160px;border-radius:32px;box-shadow:0 20px 60px rgba(57,198,255,.25)}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);margin:24px 0 10px}
.hero p.lead{color:var(--muted);font-size:1.15rem;max-width:720px;margin:0 auto 28px}
.btn{display:inline-block;background:linear-gradient(90deg,var(--accent),#6a7dff);color:#061021;font-weight:700;padding:14px 26px;border-radius:12px;text-decoration:none;box-shadow:0 10px 30px rgba(57,198,255,.3)}
.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}
.small{color:var(--muted);font-size:.9rem;margin-top:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:30px 0}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px}
.card h3{margin:0 0 8px;font-size:1.1rem}.card p{margin:0;color:var(--muted)}
.card .ic{font-size:1.6rem;margin-bottom:10px}
section{padding:30px 0}h2{font-size:1.7rem;margin:0 0 14px}
.steps{counter-reset:s}.steps li{margin:10px 0;color:var(--muted)}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.shots figure{margin:0;background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.shots img{display:block;width:100%}.shots figcaption{padding:10px 14px;color:var(--muted);font-size:.9rem}
footer{border-top:1px solid var(--border);margin-top:40px;padding:30px 0;color:var(--muted);font-size:.9rem}
footer .disclaimer{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:16px}
.legal{max-width:820px}.legal h1{font-size:2rem}.legal h2{font-size:1.25rem;margin-top:28px}.legal p,.legal li{color:var(--muted)}
.badge{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:2px 10px;color:var(--muted);font-size:.8rem;margin-left:8px;vertical-align:middle}
[lang]{}
html[data-lang="es"] [lang="en"]{display:none}html[data-lang="en"] [lang="es"]{display:none}
@media (max-width:640px){nav a{margin-left:10px;font-size:.85rem}.hero{padding:36px 0 24px}}