body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(to bottom right,#6a11cb,#2575fc);color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh}.container-flex{display:flex;gap:20px;align-items:flex-start;justify-content:center;width:100%;max-width:900px;padding:20px;flex-wrap:wrap}.card{background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;box-shadow:0 4px 15px #0000004d;text-align:center;width:350px;flex-shrink:0}.icon{font-size:2.5rem;margin-bottom:5px}.kcal{font-size:1.2rem;font-weight:700;margin-bottom:20px}h1{font-size:1.8rem;margin-bottom:20px}form{display:flex;flex-direction:column;gap:15px;text-align:left}label{font-weight:600}input{padding:10px;border-radius:8px;border:none;font-size:1rem;background-color:#fff3;color:#fff}input::placeholder{color:#fff9}select{padding:10px;border-radius:12px;border:none;background-color:#fff3;color:#fff;font-size:1rem;margin-bottom:10px;cursor:pointer}select option{color:#000}button{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border:none;padding:10px 15px;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000004d}button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006}button:active{transform:translateY(0);box-shadow:0 4px 8px #0000004d}.resultado{margin-top:20px;padding:15px;border-radius:10px;font-size:1rem}.resultado.success{background-color:#0f03;border:1px solid limegreen}.resultado.error{background-color:#f003;border:1px solid red}.historial{background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px;box-shadow:0 4px 15px #0000004d;flex:1;max-height:500px;overflow-y:auto}.historial h2{margin-bottom:15px;text-align:center}.historial table{width:100%;border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden}.historial th,.historial td{padding:10px;text-align:center;background-color:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.3)}.historial th{font-weight:600;background-color:#fff3}.historial tr:last-child td{border-bottom:none}.historial .ver-mas{margin-top:10px;width:100%;background:linear-gradient(135deg,#6a11cb,#2575fc);font-weight:600;border-radius:12px;padding:10px;transition:all .3s ease}.historial .ver-mas:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006}.paginacion{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:10px}.paginacion button{background:linear-gradient(135deg,#2575fc,#6a11cb);padding:8px 14px;font-weight:700;border-radius:12px;transition:all .3s ease}.paginacion button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0006}.paginacion button:disabled{background:#fff3;color:#ffffff80;cursor:not-allowed;box-shadow:none}@media (max-width: 900px){.container-flex{flex-direction:column;align-items:center}.card,.historial{width:90%}}