:root{--ac:#7fd0ff;--sel:#19c8e8;--tx:#e6f3ff}
*{box-sizing:border-box;margin:0}
html{background:#030a16}
body{min-height:100vh;color:var(--tx);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:16px 14px 130px}
.bg{position:fixed;inset:0;z-index:-1;background:url(/fondo.jpg) center/cover no-repeat}
.bg::after{content:"";position:absolute;inset:0;background:rgba(3,10,22,.5)}
.box{background:rgba(7,26,51,.88);border:2px solid #1f6fd1;border-radius:22px;padding:16px;margin:0 auto 16px;max-width:560px}
h2{color:var(--ac);font-size:16px;letter-spacing:.5px;margin-bottom:12px}
.g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.c{font:inherit;color:var(--tx);background:#06152b;border:2px solid #1b4f8f;border-radius:14px;padding:12px 6px;text-align:center;font-size:13px;cursor:pointer}
.c.on{border-color:var(--sel);background:#07304d;box-shadow:0 0 0 3px rgba(25,200,232,.35)}
.t{width:58px;height:58px;margin:0 auto 8px;border-radius:10px;background:radial-gradient(#6b5300,#0a0a0a);display:grid;place-items:center;font-size:24px;font-weight:700;border-bottom:3px solid #ff9d00;overflow:hidden}
.t img{width:100%;height:100%;object-fit:cover}
.hide{display:none}
input{width:100%;margin-top:10px;padding:12px;border-radius:12px;border:2px solid #1b4f8f;background:#06152b;color:var(--tx);font:inherit}
#bar{position:fixed;left:0;right:0;bottom:0;padding:26px 14px 14px;background:linear-gradient(transparent,rgba(3,10,22,.95) 45%);text-align:center}
.go{width:100%;max-width:560px;padding:16px;border:0;border-radius:16px;font-size:17px;font-weight:700;color:#00131f;background:linear-gradient(90deg,#19c8e8,#4aa3ff);cursor:pointer}
#nota,#msg{font-size:12px;opacity:.9;margin-top:8px;text-align:center}