:root{--color-primario: #5c2f80;--color-primario-rgb: 92, 47, 128;--color-primario-suave: #efeaf2;--color-primario-claro: #6e389a;--color-rojo: #c8202f;--color-crema: #f5f5f6;--color-crema-2: #ececee;--color-fondo: #fbfbfb;--color-dorado: #e0a72a;--color-texto: #2b2b2e;--color-texto-suave: #75757e;--radius-chubby: 34px;--radius-chubby-sm: 24px;--radius-pill: 999px;--clay-light: rgba(255, 255, 255, .9);--clay-shadow: rgba(140, 140, 150, .2);--shadow-soft: 8px 8px 20px var(--clay-shadow), -6px -6px 16px var(--clay-light);--shadow-soft-sm: 5px 5px 12px var(--clay-shadow), -4px -4px 10px var(--clay-light);--glass-bg: rgba(255, 255, 255, .55);--glass-border: rgba(255, 255, 255, .6)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--color-fondo);color:var(--color-texto);font-family:"Baloo 2",Nunito,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:800}button{font-family:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--radius-pill);padding:1rem 1.75rem;font-size:1.02rem;font-weight:600;min-height:52px;position:relative;overflow:hidden;isolation:isolate;transition:transform .12s ease,box-shadow .12s ease}.btn:after{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity .12s ease}.btn:hover:not(:disabled):after{opacity:.07}.btn:active:not(:disabled){transform:scale(.97) translateY(1px)}.btn:active:not(:disabled):after{opacity:.14}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(160deg,var(--color-primario-claro),var(--color-primario));color:#fff;box-shadow:5px 5px 14px rgba(var(--color-primario-rgb),.32),-4px -4px 10px #ffffff80}.btn-secondary{background:linear-gradient(160deg,#ffffff,var(--color-primario-suave));color:var(--color-primario);box-shadow:var(--shadow-soft-sm)}.btn-danger{background:linear-gradient(160deg,#dd3a4a,var(--color-rojo));color:#fff;box-shadow:5px 5px 14px #7d0f1a52,-4px -4px 10px #ffffff80}.icon-btn{padding:0;aspect-ratio:1;border-radius:50%}.card{background:linear-gradient(160deg,#fffdf8,var(--color-crema-2) 130%);border-radius:var(--radius-chubby);box-shadow:var(--shadow-soft);padding:1.25rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-chubby-sm)}.chip{display:inline-flex;align-items:center;gap:.3rem;border-radius:var(--radius-pill);padding:.3rem .85rem;font-size:.75rem;font-weight:700;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}input,select{width:100%;padding:.9rem 1.1rem;border-radius:var(--radius-chubby-sm);border:none;font-size:1.05rem;background:var(--color-crema);color:var(--color-texto);box-shadow:inset 3px 3px 8px var(--clay-shadow),inset -3px -3px 8px var(--clay-light)}input:focus,select:focus{outline:none;box-shadow:inset 3px 3px 8px var(--clay-shadow),inset -3px -3px 8px var(--clay-light),0 0 0 3px rgba(var(--color-primario-rgb),.25)}input:disabled,select:disabled{opacity:.6}
