@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease-in-out,color .3s ease-in-out}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{font-family:Inter,system-ui,sans-serif;background-color:#f9fafb;color:#111827;line-height:1.5;min-height:100vh;overflow-x:hidden}header,main,section{will-change:background-color}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:fadeIn .5s ease-out forwards}.fade-in-scale{animation:fadeInScale .4s cubic-bezier(.4,0,.2,1) forwards}.slide-in-bottom{animation:slideInFromBottom .5s ease-out forwards}.slide-in-right{animation:slideInFromRight .5s ease-out forwards}.stagger-1{animation-delay:.05s;opacity:0}.stagger-2{animation-delay:.1s;opacity:0}.stagger-3{animation-delay:.15s;opacity:0}.stagger-4{animation-delay:.2s;opacity:0}.stagger-5{animation-delay:.25s;opacity:0}.stagger-6{animation-delay:.3s;opacity:0}.btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-weight:600;padding:14px 24px;border-radius:12px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;box-shadow:0 4px 12px #f9731640;position:relative;overflow:hidden;min-height:48px}.btn-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff3,#fff0);opacity:0;transition:opacity .3s}.btn-primary:active{transform:scale(.97);box-shadow:0 2px 8px #f973164d}.btn-primary:hover:before{opacity:1}.card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014;border:1px solid rgba(0,0,0,.06);padding:16px;margin-bottom:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f973160d,#3b82f60d);opacity:0;transition:opacity .3s}.card:active{transform:scale(.98);box-shadow:0 4px 12px #0000001f}.card:active:before{opacity:1}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:active{transform:translateY(-2px) scale(.98);box-shadow:0 8px 24px #00000026}.glass{background:#ffffffd9;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.4)}.skeleton{background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(249,115,22,.15);border-top-color:#f97316;border-radius:50%;animation:rotate .8s linear infinite}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}.tap-effect{position:relative;transition:all .15s cubic-bezier(.4,0,.2,1)}.tap-effect:active{transform:scale(.96)}.gradient-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.gradient-green{background:linear-gradient(135deg,#10b981,#059669)}.gradient-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.gradient-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.3px;animation:fadeInScale .3s ease-out;text-transform:uppercase}.badge-primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 2px 8px #f973164d}.badge-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.badge-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.fab{position:fixed;bottom:24px;right:24px;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);animation:scaleIn .4s cubic-bezier(.4,0,.2,1);z-index:40}.fab:active{transform:scale(.92);box-shadow:0 4px 12px #0003}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff9;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:after{width:300px;height:300px}@media (max-width: 768px){.btn-primary{min-height:48px;min-width:48px}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}.glow{box-shadow:0 0 20px #f9731666}.float{animation:float 3s ease-in-out infinite}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease;transition-property:background-color,color,border-color}*:not(.fade-in):not(.slide-in-bottom):not(.slide-in-right):not(.fade-in-scale){transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s ease}@media (min-width: 768px){.mobile-overlay{display:none!important}}@media (min-width: 768px){.comercio-sidebar{transform:translate(0)!important;position:fixed!important}.comercio-main-content{margin-left:280px!important}.mobile-menu-btn{display:none!important}}@media (max-width: 767px){.mobile-menu-btn{display:flex!important}}