*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#17452a}
body{background:#0b8f32 url('assets/fondo-hualqui.jpg') center/cover fixed no-repeat}
body:before{content:"";position:fixed;inset:0;background:rgba(0,70,25,.18);z-index:-1}
.wrap{width:min(1000px,calc(100% - 24px));margin:auto;padding:24px 0 40px}.card{background:rgba(255,255,255,.94);border-radius:28px;overflow:hidden;box-shadow:0 20px 60px rgba(0,50,20,.28)}
.hero{text-align:center;padding:30px 24px 20px}.brand{font-weight:900;letter-spacing:2px;color:#15943a;font-size:18px}.kicker{display:inline-block;margin-top:12px;background:#e7f7eb;color:#087c2a;border-radius:999px;padding:8px 14px;font-weight:800;font-size:13px}
h1{font-size:clamp(30px,6vw,54px);margin:12px 0 8px;line-height:1.05;color:#145b2c}.hero p{margin:0 auto;color:#607565;max-width:700px;font-size:17px}
.options{display:grid;gap:12px;padding:20px 28px 30px}.option{display:flex;align-items:center;gap:14px;padding:16px 18px;border:2px solid #dceee1;border-radius:18px;background:white;cursor:pointer;transition:.15s}.option:hover{border-color:#43b85e;transform:translateY(-1px)}.option input{width:22px;height:22px;accent-color:#15a33d}.num{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#18a83d;color:#fff;font-weight:900}.name{font-size:19px;font-weight:800;flex:1}.btn{display:block;width:100%;border:0;border-radius:16px;padding:16px;background:#119c39;color:#fff;font-weight:900;font-size:17px;cursor:pointer;box-shadow:0 8px 18px rgba(17,156,57,.2)}
.admin{display:grid;gap:14px;padding:10px 28px 32px}.admin input,.admin textarea,.admin select{width:100%;padding:14px;border:2px solid #dceee1;border-radius:14px;font:inherit}.admin textarea{min-height:110px;resize:vertical}.admin label{font-weight:800}.admin select{margin-top:8px}.pantalla{text-align:center;padding:28px}.results{display:grid;gap:12px;margin:24px auto;max-width:800px}.result{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:15px;padding:16px 18px;border-radius:18px;background:#fff;border:2px solid #dceee1;text-align:left}.result b{color:#0b8f32;font-size:20px}.result strong{font-size:20px}footer{background:rgba(4,91,29,.96);color:#fff;text-align:center;padding:16px;font-weight:700;font-size:14px}
@media(max-width:600px){.wrap{padding:12px 0 24px}.options,.admin{padding-left:16px;padding-right:16px}.result{grid-template-columns:48px 1fr}.result b{grid-column:2}.pantalla{padding:22px 12px}}