@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,300;0,700;1,300;1,700&family=DM+Sans:wght@300;400;500;600&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--rojo:#c8001c;--dorado:#d4a017;--negro:#0a0a0a;--crema:#fdf6e3;--gris:#1a1a1a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#0a0a0a;color:#f5f0e8;font-family:DM Sans,-apple-system,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444}::selection{background:rgba(200,0,28,.3);color:#f5f0e8}.font-serif{font-family:"Noto Serif Display",Georgia,serif}.font-sans{font-family:DM Sans,sans-serif}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageFlip{0%{opacity:0;transform:rotateY(-6deg) translateX(-16px)}to{opacity:1;transform:rotateY(0) translateX(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-red{0%,to{box-shadow:0 0 0 0 rgba(200,0,28,.4)}50%{box-shadow:0 0 0 8px rgba(200,0,28,0)}}.animate-fade-up{animation:fadeUp .5s ease both}.animate-fade-in{animation:fadeIn .4s ease both}.animate-page-flip{animation:pageFlip .4s ease both}.skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#222 50%,#1a1a1a 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:4px}.badge{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:2px}.badge-promo{background:var(--rojo);color:#fff}.badge-new{background:var(--dorado);color:#0a0a0a}.badge-nikkei{background:rgba(212,160,23,.15);color:var(--dorado);border:1px solid rgba(212,160,23,.3)}.badge-veggie{background:rgba(0,160,60,.15);color:#00c44a;border:1px solid rgba(0,160,60,.3)}.badge-firma{background:rgba(200,0,28,.15);color:#f45;border:1px solid rgba(200,0,28,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;border:none;border-radius:2px;padding:12px 24px;white-space:nowrap}.btn-primary{background:var(--rojo);color:#fff}.btn-primary:hover{background:#a8001a;transform:translateY(-1px)}.btn-secondary{background:hsla(0,0%,100%,.06);color:#f5f0e8;border:1px solid hsla(0,0%,100%,.08)}.btn-secondary:hover{background:hsla(0,0%,100%,.1)}.btn-gold{background:var(--dorado);color:#0a0a0a}.btn-gold:hover{background:#b8890f}.card{background:#111;border:1px solid hsla(0,0%,100%,.06);border-radius:4px;transition:border-color .2s}.card:hover{border-color:hsla(0,0%,100%,.12)}.input{width:100%;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);color:#f5f0e8;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:.9rem;border-radius:2px;outline:none;transition:border-color .2s}.input:focus{border-color:var(--dorado)}.input::placeholder{color:hsla(37,39%,94%,.25)}.label{display:block;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:hsla(37,39%,94%,.4);margin-bottom:6px}.status-nuevo{background:rgba(212,160,23,.12);color:var(--dorado)}.status-confirmado{background:rgba(100,160,255,.12);color:#64a0ff}.status-preparando{background:rgba(200,100,0,.12);color:#ff8c00}.status-listo{background:rgba(0,180,80,.12);color:#00b450}.status-en_camino{background:rgba(100,200,255,.12);color:#64c8ff}.status-entregado{background:hsla(0,0%,100%,.06);color:hsla(37,39%,94%,.4)}.status-cancelado{background:rgba(200,0,28,.12);color:#f45}.pay-pagado{color:#00b450}.pay-pendiente{color:var(--dorado)}.pay-fallido{color:#f45}.container{max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width:768px){.container{padding:0 1rem}.hide-mobile{display:none!important}}