:root{color:#f9f3df;background:#16191d;font-family:system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0}.escenario{z-index:0;pointer-events:none;height:100dvh;position:fixed;inset:0}#vista{width:100%;height:100%;display:block}main,footer{z-index:1;position:relative}.tramo{align-items:center;min-height:100dvh;padding:clamp(1rem,5vw,4rem);display:flex}.tarjeta{background:#111a22d9;border:1px solid #dccb9d88;border-radius:.75rem;width:min(29rem,90vw);padding:clamp(1.2rem,3vw,2rem);box-shadow:0 1rem 3rem #0008}.tramo:nth-child(2n){justify-content:flex-end}.numero{color:#f2c877;letter-spacing:.2em;font-size:.8rem}h1,h2{margin:.4rem 0 1rem;line-height:1.1}p{line-height:1.55}#estado[data-error]{color:#ffb3a9}footer{background:#111a22;padding:1.5rem;font-size:.85rem}a{color:#f2c877}a:focus-visible{outline-offset:3px;outline:2px solid}@media (width<=42rem){.tramo,.tramo:nth-child(2n){justify-content:center;align-items:flex-end;padding-bottom:8dvh}}