:root{--azul:#185FA5;--azul-hondo:#0F3F72;--azul-claro:#EAF1F8;--azul-humo:#F5F8FC;--tinta:#152232;--tinta-suave:#4A5A6B;--linea:#E3EAF1;--papel:#FCFDFE;--aviso:#FFF3E0;--aviso-tinta:#B9741A}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',system-ui,sans-serif;color:var(--tinta);background:var(--papel);line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2{font-family:'Fraunces',serif;font-weight:500;line-height:1.15;letter-spacing:-.01em}
a{color:var(--azul);text-decoration:none}
a:hover{text-decoration:underline}
nav{border-bottom:1px solid var(--linea);background:#fff}
.nav-in{max-width:820px;margin:0 auto;padding:16px 28px;display:flex;align-items:center;gap:9px}
.lang-select{position:relative;margin-left:auto}
.lang-toggle{display:flex;align-items:center;gap:6px;border:1px solid var(--linea);background:#fff;border-radius:8px;padding:6px 8px;cursor:pointer}
.lang-toggle:hover{border-color:var(--azul)}
.lang-select.open .lang-toggle{border-color:var(--azul)}
.lang-chevron{color:var(--tinta-suave);flex-shrink:0;transition:transform .15s ease}
.lang-select.open .lang-chevron{transform:rotate(180deg)}
.lang-flag{width:20px;height:14px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(21,34,50,.12) inset;display:block;flex-shrink:0}
.lang-flag svg{width:100%;height:100%;display:block}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--linea);border-radius:12px;box-shadow:0 20px 40px -20px rgba(21,34,50,.35);padding:5px;min-width:152px;z-index:60}
.lang-menu[hidden]{display:none}
.lang-menu button{display:flex;align-items:center;gap:9px;width:100%;border:none;background:transparent;padding:8px 9px;border-radius:8px;cursor:pointer;font-size:13.5px;font-weight:500;color:var(--tinta);text-align:left}
.lang-menu button:hover{background:var(--azul-humo)}
.lang-menu button.active{background:var(--azul-claro);color:var(--azul-hondo);font-weight:600}
.lang-menu .lang-flag{width:19px;height:13px}
.logo{display:flex;align-items:center;gap:9px;font-family:'Fraunces',serif;font-size:19px;font-weight:600;color:var(--tinta)}
.logo-mark{width:24px;height:24px;border-radius:6px;background:var(--azul);position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.footprints{position:relative;width:20px;height:20px;transform:scale(1.08)}
.footprint-wrap{position:absolute;width:4.3px;height:6.8px}
.footprint-wrap.left{transform:rotate(-8deg)}
.footprint-wrap.right{transform:scaleX(-1) rotate(-8deg)}
.footprint-wrap-0{left:4.3px;bottom:0px}
.footprint-wrap-1{left:10.4px;bottom:3.9px}
.footprint-wrap-2{left:4.3px;bottom:7.8px}
.footprint-wrap-3{left:10.4px;bottom:11.7px}
.footprint-wrap-4{left:4.3px;bottom:15.6px}
.footprint{position:absolute;left:.5px;top:0;width:3.3px;height:4px;background:#fff;border-radius:55% 55% 45% 45% / 60% 60% 40% 40%;opacity:0;transform:scale(.7);transform-origin:center;animation:footstep 5s infinite ease-in-out}
.footprint::after{content:"";position:absolute;left:.7px;bottom:-2.7px;width:2.3px;height:2.4px;background:#fff;border-radius:50%}
.footprint-0{animation-delay:0s;scale:1}
.footprint-1{animation-delay:.28s;scale:.88}
.footprint-2{animation-delay:.56s;scale:.76}
.footprint-3{animation-delay:.84s;scale:.64}
.footprint-4{animation-delay:1.12s;scale:.52}
@keyframes footstep{0%{opacity:0;transform:scale(.5)}7%{opacity:1;transform:scale(1)}80%{opacity:1}92%{opacity:0;transform:scale(.9)}100%{opacity:0}}
@media (prefers-reduced-motion: reduce){.footprint{animation:none;opacity:1}}
.wrap{max-width:820px;margin:0 auto;padding:56px 28px 90px}
.back{font-size:14px;color:var(--tinta-suave);margin-bottom:26px;display:inline-block}
h1{font-size:38px;margin-bottom:8px}
.updated{font-size:13.5px;color:var(--tinta-suave);margin-bottom:14px}
.todo{background:var(--aviso);border:1px solid #F3D9AE;border-radius:12px;padding:16px 18px;margin:24px 0 34px;font-size:14px;color:var(--aviso-tinta)}
.todo b{display:block;margin-bottom:5px}
h2{font-size:22px;color:var(--tinta);margin:34px 0 12px}
p{margin-bottom:14px;color:var(--tinta);font-size:15.5px}
ul{margin:0 0 16px 22px}
li{margin-bottom:8px;font-size:15.5px}
.ph{background:var(--azul-claro);color:var(--azul-hondo);border-radius:5px;padding:1px 7px;font-weight:600;font-size:14px}
.check{background:var(--azul-humo);border:1px solid var(--linea);border-radius:14px;padding:22px 24px;margin-top:44px}
.check h2{margin-top:0}
.check ul{list-style:none;margin-left:0}
.check li{padding-left:28px;position:relative;color:var(--tinta-suave);font-size:14.5px}
.check li::before{content:"☐";position:absolute;left:0;color:var(--azul);font-size:16px}
footer{border-top:1px solid var(--linea);background:#fff;padding:26px 0}
.foot-in{max-width:820px;margin:0 auto;padding:0 28px;font-size:13px;color:var(--tinta-suave);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.foot-in a{color:var(--tinta-suave)}
</content>
</invoke>