:root{color:#1c1917;background:#2c261f;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;margin:0}.escena{background:linear-gradient(#1c19170d,#1c19176b),#2c261f url(/fondo-entrada.jpg) 50% 40%/cover no-repeat;position:fixed;inset:0}#app{z-index:1;min-height:100dvh;padding:max(22vh, env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));justify-content:center;align-items:flex-end;display:flex;position:relative}.tarjeta{background:#f7f3ec;border:1px solid #e6dfd2;border-radius:12px;width:min(100%,420px);max-height:calc(100dvh - 22vh - 12px);padding:26px 22px 16px;overflow:auto;box-shadow:0 18px 40px #1c191752}.marca{letter-spacing:.04em;text-transform:uppercase;color:#44403c;margin:0;font-size:13px;font-weight:700}h1{color:#1c1917;margin:8px 0 4px;font-size:28px;line-height:1.2}.bajada{color:#44403c;margin:0 0 20px;font-size:15px;line-height:1.45}label{color:#1c1917;margin-bottom:14px;font-size:14px;font-weight:650;display:block}input{width:100%;min-height:48px;font:inherit;color:#1c1917;background:#fff;border:1px solid #78716c;border-radius:8px;margin-top:6px;padding:10px 12px;display:block}input:focus{outline-offset:1px;border-color:#1d4ed8;outline:3px solid #1d4ed8}.aviso{color:#991b1b;background:#fef2f2;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:14px;line-height:1.4}button{min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:8px;font-weight:700}button:disabled{opacity:.7;cursor:wait}.principal{color:#fff;background:#1f4d3a;width:100%}.principal:hover{background:#173b2c}.principal:focus-visible{outline-offset:2px;outline:3px solid #1d4ed8}.lista{gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.app{text-align:left;color:#1c1917;background:#fff;border:1px solid #d6d3d1;border-left-width:6px;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:12px 14px;display:flex}.app strong{font-size:16px}.app span{color:#44403c;font-size:13px;font-weight:500}.app.panel{border-left-color:#6d28d9}.app.taller{border-left-color:#047857}.app.pos{border-left-color:#1d4ed8}.app:hover{background:#faf7f2}.app:focus-visible{outline-offset:2px;outline:3px solid #1d4ed8}.salir{color:#1c1917;background:#fff;border:1px solid #78716c;width:100%;margin-top:8px}.salir:focus-visible{outline-offset:2px;outline:3px solid #1d4ed8}.pie{color:#44403c;margin:18px 0 0;font-size:13px}.pie summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.pie ul{margin:8px 0 0;padding-left:18px}.pie li{margin-bottom:8px;line-height:1.4}@media (width>=840px){#app{padding:max(40px, env(safe-area-inset-top)) calc(40px + env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) max(48px, calc(8vw + env(safe-area-inset-left)));justify-content:flex-start;align-items:center}.tarjeta{max-height:calc(100dvh - 80px)}.escena{background:linear-gradient(90deg,#1c191757,#1c19170d 46%,#1c191700 70%),#2c261f url(/fondo-entrada.jpg) 50%/cover no-repeat}}@media (width<=839px) and (height<=700px){#app{padding-top:16vh}.tarjeta{max-height:calc(100dvh - 16vh - 12px)}}