/* Deeprise · páginas interiores (gracias, legales, 404). Misma marca que la home, sin animaciones. */
:root{--abyss:#0A1F3C;--ember:#FF5B23;--bone:#F4F2EC;--slate:#5B6675;--display:'Manrope',system-ui,sans-serif;--text:'Inter',system-ui,sans-serif}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bone);color:var(--abyss);font-family:var(--text);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--abyss)}
.top{padding:22px 24px;border-bottom:1px solid rgba(10,31,60,.08)}
.top .in,.page,.foot .in{max-width:860px;margin:0 auto}
.top img{height:26px;width:auto;display:block}
.page{padding:64px 24px 80px;flex:1;width:100%}
.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);font-weight:600;margin:0 0 14px}
h1{font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:1.05;font-size:clamp(2.2rem,5vw,3.6rem);margin:0 0 22px}
h1 span{color:var(--ember)}
h2{font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:1.35rem;margin:38px 0 10px}
p,li{color:#24344d}
.lede{font-size:1.2rem;max-width:620px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--abyss);color:var(--bone);text-decoration:none;font-weight:600;padding:15px 26px;border-radius:999px;margin-top:18px}
.btn:hover{background:var(--ember)}
.btn.ghost{background:transparent;color:var(--abyss);border:1.5px solid var(--abyss)}
.steps{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:14px;max-width:640px}
.steps li{background:#fff;border-radius:18px;padding:18px 22px;display:flex;gap:16px;align-items:flex-start;box-shadow:0 10px 30px rgba(10,31,60,.06)}
.steps b{font-family:var(--display);color:var(--ember);font-size:1.1rem;min-width:28px}
.updated{color:var(--slate);font-size:14px}
.foot{background:var(--abyss);color:#C9D1DC;padding:28px 24px;font-size:14px}
.foot .in{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between}
.foot a{color:inherit}
.foot a:hover{color:var(--ember)}

.top .in{display:flex;align-items:center;justify-content:space-between}
.top .lang{font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none;border:1.5px solid var(--abyss);border-radius:999px;padding:5px 11px}
.top .lang:hover{color:var(--ember);border-color:var(--ember)}
