@import "https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);background:#0d1f17}h1,h2,h3{font-family:var(--font-display)}:root{--font-display:"Rubik", system-ui, sans-serif;--font-ui:"Rubik", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tapete-1:#2c7a52;--tapete-2:#16482f;--tapete-3:#0a2718;--madera-1:#7a4f2a;--madera-2:#3d260f;--texto:#f4f1e8;--texto-tenue:#b9cfc2;--acento:#e8c46a;--acento-2:#c99a3a;--peligro:#d9584a;--peligro-2:#932418;--borde:#ffffff1f;--shadow-sm:0 2px 6px #00000059;--shadow-md:0 6px 18px #00000073;--shadow-lg:0 14px 36px #0000008c;--radius-sm:10px;--radius-md:16px}.fondo-app{background:radial-gradient(90% 60% at 50% 0,#2c7a522e,#0000 60%),#0d1f17}.felt{background:radial-gradient(ellipse 70% 55% at 50% 34%, #ffffff12, transparent 62%), radial-gradient(ellipse 140% 100% at 50% 50%, var(--tapete-1) 0%, var(--tapete-2) 60%, var(--tapete-3) 100%)}.btn{appearance:none;border-radius:var(--radius-sm);font:inherit;color:var(--texto);cursor:pointer;box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff1a;background:linear-gradient(#3c5164,#263440);border:none;padding:12px 20px;font-size:15px;font-weight:700;transition:transform 90ms,box-shadow 90ms,filter 90ms}.btn:hover:not(:disabled){filter:brightness(1.1)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 3px #0006}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}.btn--acento{background:linear-gradient(180deg, #f4d98e, var(--acento-2));color:#2a1a06}.btn--peligro{background:linear-gradient(180deg, var(--peligro), var(--peligro-2))}.btn--ghost{box-shadow:none;border:1px solid var(--borde);background:#ffffff0f}.btn--ghost:hover:not(:disabled){background:#ffffff1a}.chip{appearance:none;border:1px solid var(--borde);color:var(--texto);font:inherit;cursor:pointer;background:#ffffff0d;border-radius:999px;padding:7px 16px;font-size:14px;transition:background .12s,border-color .12s,transform 90ms}.chip:hover:not(:disabled):not(.chip--activo){border-color:var(--texto-tenue);background:#ffffff17}.chip:active:not(:disabled){transform:scale(.96)}.chip--activo{background:linear-gradient(180deg, #f4d98e, var(--acento-2));border-color:var(--acento-2);color:#2a1a06;box-shadow:var(--shadow-sm);font-weight:700}.panel{border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:linear-gradient(#1c3025eb,#0a1610e0);border:1px solid #ffffff17}.tarjeta-modo{border-radius:var(--radius-md);box-shadow:var(--shadow-md), inset 0 1px 0 #ffffff12;color:var(--texto);cursor:pointer;text-align:left;min-width:240px;font:inherit;background:linear-gradient(155deg,#ffffff1a,#ffffff04);border:1px solid #ffffff24;flex-direction:column;gap:6px;padding:20px 24px;text-decoration:none;transition:transform .14s,box-shadow .14s;display:flex}.tarjeta-modo:hover{box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff17;transform:translateY(-3px)}.tarjeta-modo:active{transform:translateY(-1px)}.tarjeta-modo strong{font-size:18px}.tarjeta-modo span{color:var(--texto-tenue);font-size:13px}@keyframes senaPop{0%{opacity:0;transform:translate(-50%)scale(.6)}20%{opacity:1;transform:translate(-50%)scale(1.15)}75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.9)}}@keyframes aparecer{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}