@import "https://fonts.googleapis.com/css2?family=Archivo:wght@600;800&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--mk-noche:#0b0f0d;--mk-grafito:#141a17;--mk-verde:#0f5c3c;--mk-verde-rgb:15, 92, 60;--mk-vivo:#35d07f;--mk-hueso:#ece7de;--mk-ceniza:#9aa39c;--mk-linea:#ece7de1c;--mk-linea-sutil:#ece7de0f;--mk-hundido:#080b09;--mk-verde-piso:#35d07f17;--mk-verde-borde:#35d07f4d;--background-color:var(--mk-noche);--surface-color:var(--mk-grafito);--surface-border:var(--mk-linea);--primary-color:var(--mk-vivo);--secondary-color:var(--mk-ceniza);--text-color:var(--mk-hueso);--color-success:var(--mk-vivo);--color-error:#ef4444;--color-info:#00b0ff;--color-whatsapp:#25d366;--color-aviso:#f0c040;--font-display:"Archivo", "Helvetica Neue", Arial, sans-serif;--font-family:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r-1:3px;--r-2:6px;--r-3:10px;--sombra-1:0 1px 2px #00000080;--sombra-2:0 10px 24px -12px #000000d9;--sombra-3:0 24px 56px -24px #000000e6;--seccion:clamp(3.5rem, 9vw, 6.5rem)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--mk-noche);width:100%;max-width:100%;min-height:100vh;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--mk-noche);color:var(--mk-hueso);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-weight:800;line-height:1.08}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--mk-hueso);outline-offset:2px;border-radius:var(--r-1);box-shadow:0 0 0 4px var(--mk-noche), 0 0 0 6px #35d07f73}.container{max-width:1240px;margin:0 auto;padding:0 clamp(1rem,5vw,3rem)}.rotulo{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--mk-ceniza);align-items:center;gap:.7rem;margin:0 0 .9rem;font-size:.7rem;font-weight:600;display:flex}.rotulo:before{content:"";background:var(--mk-vivo);flex-shrink:0;width:26px;height:2px}.titulo-seccion{color:var(--mk-hueso);max-width:22ch;margin:0 0 1.5rem;font-size:clamp(1.75rem,5.5vw,2.75rem)}.regla{border:0;border-top:1px solid var(--mk-linea);margin:0 0 2rem}.placa{border:1px solid var(--mk-linea);border-radius:var(--r-1);background:var(--mk-hundido);flex-wrap:wrap;align-items:stretch;gap:0;display:flex;overflow:hidden}.placa-dato{min-width:0;font-family:var(--font-display);letter-spacing:.11em;text-transform:uppercase;color:var(--mk-ceniza);white-space:nowrap;flex:auto;align-items:center;gap:.4rem;padding:.42rem .6rem;font-size:.66rem;font-weight:600;display:flex}.placa-dato+.placa-dato{border-left:1px solid var(--mk-linea)}.placa-dato--stock{color:var(--mk-vivo)}.placa-dato--encargo{color:var(--mk-ceniza)}.placa-punto{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.btn-primary,.btn-secondary,.btn-primary-large{font-family:var(--font-display);letter-spacing:.04em;border-radius:var(--r-2);cursor:pointer;justify-content:center;align-items:center;gap:.55rem;font-weight:800;text-decoration:none;transition:background-color .18s,border-color .18s,transform .12s;display:inline-flex}.btn-primary{background-color:var(--mk-hueso);color:#05100a;border:1px solid var(--mk-hueso);padding:.95rem 1.6rem;font-size:.95rem}.btn-primary:hover{background-color:#fffdf8;border-color:#fffdf8}.btn-primary:active{transform:translateY(1px)}.btn-secondary{color:var(--mk-hueso);border:1px solid var(--mk-linea);background-color:#0000;padding:.95rem 1.6rem;font-size:.95rem}.btn-secondary:hover{border-color:var(--mk-hueso);background-color:#ece7de0a}.btn-primary-large{background-color:var(--mk-hueso);color:#05100a;border:1px solid var(--mk-hueso);text-transform:uppercase;letter-spacing:.09em;box-shadow:var(--sombra-2);padding:1.15rem 2rem;font-size:.98rem}.btn-primary-large:hover{background-color:#fffdf8;border-color:#fffdf8}.btn-primary-large:active{transform:translateY(1px)}.btn-whatsapp-large{background-color:var(--color-whatsapp);color:#04220f;font-size:.98rem;font-family:var(--font-display);letter-spacing:.04em;border:1px solid var(--color-whatsapp);border-radius:var(--r-2);justify-content:center;align-items:center;gap:.55rem;padding:1.05rem 1.9rem;font-weight:800;text-decoration:none;transition:background-color .18s,transform .12s;display:inline-flex}.btn-whatsapp-large:hover{color:#04220f;background-color:#32e077}.btn-whatsapp-large:active{transform:translateY(1px)}.badge-addi{background-color:var(--mk-verde-piso);border:1px solid var(--mk-verde-borde);color:var(--mk-vivo);font-family:var(--font-display);border-radius:var(--r-1);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:6px;margin-top:.5rem;padding:.35rem .7rem;font-size:.68rem;font-weight:600;display:inline-flex}button,.btn-primary,.btn-secondary,.btn-primary-large,.btn-whatsapp-large,.whatsapp-float-btn{min-width:44px;min-height:44px}.senal-plata{background:var(--mk-verde-piso);border:1px solid var(--mk-verde-borde);border-left:3px solid var(--mk-vivo);border-radius:var(--r-1);color:var(--mk-hueso);align-items:flex-start;gap:.7rem;padding:.85rem 1rem;font-size:.92rem;line-height:1.5;display:flex}.senal-plata strong{color:var(--mk-vivo);font-weight:600}.senal-plata svg{color:var(--mk-vivo);flex-shrink:0;margin-top:2px}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{width:100%;position:relative;overflow-x:hidden}::selection{background:var(--mk-verde);color:var(--mk-hueso)}@supports selector(::-webkit-scrollbar){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--mk-noche)}::-webkit-scrollbar-thumb{border:3px solid var(--mk-noche);background:#242c27;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#34403a}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.glass-footer{background:var(--mk-noche);border-top:1px solid var(--mk-linea);color:var(--mk-hueso);padding:clamp(2.5rem,6vw,4rem) 0 1.75rem;position:relative}.footer-grid{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2.5rem;display:grid}@media (width>=780px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:3rem}}.footer-logo-img{object-fit:contain;height:44px;margin-bottom:1.1rem}.footer-desc{color:var(--mk-ceniza);max-width:44ch;margin-bottom:1.25rem;font-size:.9rem;line-height:1.68}.footer-socials{border-top:1px solid var(--mk-linea);border-bottom:1px solid var(--mk-linea);flex-wrap:wrap;align-items:center;gap:0;padding:.15rem 0;display:flex}.social-link{min-height:44px;color:var(--mk-ceniza);border-radius:var(--r-1);font-family:var(--font-display);letter-spacing:.13em;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:.4rem;padding:.55rem .85rem;font-size:.7rem;font-weight:600;text-decoration:none;transition:color .18s,background-color .18s;display:inline-flex}.social-link:first-child{padding-left:0}.social-link:hover{color:var(--mk-hueso);box-shadow:none;background-color:#ece7de0d;transform:none}.social-whatsapp{color:var(--color-whatsapp)}.social-whatsapp:hover{color:#32e077;background-color:#25d36614}.footer-contact-numbers a{color:var(--mk-ceniza)}.footer-contact-numbers a:hover{color:var(--mk-hueso)}.footer-heading{font-family:var(--font-display);color:var(--mk-ceniza);border-bottom:1px solid var(--mk-linea);text-transform:uppercase;letter-spacing:.16em;margin-bottom:1rem;padding-bottom:.7rem;font-size:.7rem;font-weight:600}.footer-links{flex-direction:column;gap:0;padding:0;list-style:none;display:flex}.footer-link{color:var(--mk-ceniza);align-items:center;min-height:44px;padding:.5rem 0;font-size:.88rem;text-decoration:none;transition:color .18s;display:inline-flex}.footer-link:hover{color:var(--mk-hueso)}.footer-bottom{border-top:1px solid var(--mk-linea);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.footer-copyright{color:var(--mk-ceniza);font-size:.78rem}.footer-badges{color:var(--mk-ceniza);font-family:var(--font-display);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:1rem;font-size:.66rem;display:flex}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);pointer-events:auto;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--mk-noche);pointer-events:auto;border:1px solid #35d07f4d;border-radius:16px;width:90%;max-width:900px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 10px 40px #35d07f33}.auth-modal{width:90%;max-width:450px;padding:2.5rem}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-icon{color:var(--primary-color);margin-bottom:1rem}.auth-header h2{color:var(--mk-hueso);margin-bottom:.5rem;font-size:1.8rem;font-weight:800}.auth-header p{color:var(--mk-ceniza);font-size:.95rem}.auth-error{color:#fca5a5;text-align:center;background:#dc26261a;border:1px solid #dc262680;border-radius:8px;margin-bottom:1rem;padding:.8rem;font-size:.9rem}.btn-google{background:var(--mk-hueso);width:100%;color:var(--mk-grafito);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1rem;font-size:.95rem;font-weight:700;transition:background .2s,opacity .2s;display:flex}.btn-google:hover:not(:disabled){background:var(--mk-hueso)}.btn-google:disabled{opacity:.6;cursor:not-allowed}.google-auth-separator{text-align:center;color:var(--mk-ceniza);letter-spacing:.02em;align-items:center;gap:.75rem;margin:1.2rem 0;font-size:.82rem;display:flex}.google-auth-separator:before,.google-auth-separator:after{content:"";border-top:1px solid var(--mk-linea);flex:1}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--mk-ceniza);position:absolute;left:1rem}.auth-form .form-group input{border:1px solid var(--mk-linea);width:100%;color:var(--mk-hueso);background:#0000004d;border-radius:8px;padding:.9rem 1rem .9rem 3rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.auth-form .form-group input:focus{border-color:var(--primary-color);outline:none}.btn-submit{margin-top:.25rem}.auth-toggle{text-align:center;border-top:1px solid var(--mk-linea);color:var(--mk-ceniza);margin-top:1.5rem;padding-top:1.5rem;font-size:.95rem}.link-button{color:var(--primary-color);cursor:pointer;font-weight:700;font-size:inherit;background:0 0;border:none;padding:0}.link-button:hover{text-decoration:underline}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060907e0}.modal-content{background:var(--mk-grafito);border:1px solid var(--mk-linea);border-radius:var(--r-3);-webkit-backdrop-filter:none;box-shadow:var(--sombra-3)}.auth-header h2{font-family:var(--font-display);letter-spacing:-.015em;color:var(--mk-hueso);font-weight:800}.auth-icon{color:var(--mk-vivo)}.auth-form input,.input-with-icon input{background:var(--mk-hundido);border:1px solid var(--mk-linea);border-radius:var(--r-1);color:var(--mk-hueso);min-height:48px}.auth-form input:focus,.input-with-icon input:focus{border-color:var(--mk-vivo);outline:none;box-shadow:0 0 0 3px #35d07f2e}.input-icon{color:var(--mk-ceniza)}.btn-submit{border-radius:var(--r-2);font-family:var(--font-display);min-height:48px;font-weight:800}.btn-google{border-radius:var(--r-2);border:1px solid var(--mk-linea);min-height:48px;font-family:var(--font-display);font-weight:700}.auth-error{border-radius:var(--r-1);color:#fca5a5;background:#ef444414;border:1px solid #ef444473}.link-button{color:var(--mk-vivo)}.main-navbar{z-index:1000;background:var(--mk-noche);border-bottom:1px solid var(--mk-linea);width:100%;transition:box-shadow .25s,background-color .25s;position:fixed;top:0;left:0}.main-navbar.scrolled{-webkit-backdrop-filter:saturate(140%)blur(8px);box-shadow:var(--sombra-2);background:#0b0f0df7}.navbar-container{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1240px;margin:0 auto;padding:.6rem clamp(1rem,5vw,3rem);display:flex}.navbar-logo{align-items:center;gap:10px;min-width:0;min-height:44px;text-decoration:none;display:flex}.logo-image{object-fit:contain;flex-shrink:0;width:auto;height:34px}.logo-text{font-family:var(--font-display);color:var(--mk-hueso);letter-spacing:.16em;white-space:nowrap;font-size:.95rem;font-weight:800}.desktop-menu{align-items:center;gap:.4rem;display:flex}.nav-link{color:var(--mk-ceniza);font-family:var(--font-family);cursor:pointer;border-radius:var(--r-1);background:0 0;border:none;padding:.55rem .8rem;font-size:.92rem;font-weight:500;transition:color .18s,background-color .18s}.nav-link:hover{color:var(--mk-hueso);background-color:#ece7de0d}.navbar-actions{align-items:center;gap:.35rem;display:flex}.user-profile-nav{align-items:center;gap:.5rem;display:flex}.user-name-desktop{color:var(--mk-ceniza);font-size:.85rem}.nav-pedidos,.nav-ingresar,.nav-salir{font-family:var(--font-family);border-radius:var(--r-1);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:.45rem .75rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:border-color .18s,color .18s,background-color .18s;display:inline-flex}.nav-pedidos,.nav-ingresar{border:1px solid var(--mk-verde-borde);color:var(--mk-vivo)}.nav-pedidos:hover,.nav-ingresar:hover{background:var(--mk-verde-piso);border-color:var(--mk-vivo)}.nav-salir{border:1px solid var(--mk-linea);color:var(--mk-ceniza)}.nav-salir:hover{color:var(--mk-hueso);border-color:var(--mk-hueso)}.navbar-auth-placeholder{border-radius:var(--r-1);background-color:#ece7de0d;width:84px;height:30px}.navbar-auth-placeholder-mobile{border-top:1px solid var(--mk-linea);height:48px;margin-top:.5rem}.cart-icon-wrapper{color:var(--mk-hueso);border-radius:var(--r-1);justify-content:center;align-items:center;min-width:44px;min-height:44px;text-decoration:none;transition:background-color .18s;display:flex;position:relative}.cart-icon-wrapper:hover{background-color:#ece7de0d}.cart-badge{background-color:var(--mk-vivo);color:#05100a;font-family:var(--font-display);text-align:center;border:2px solid var(--mk-noche);border-radius:999px;min-width:18px;padding:1px 5px;font-size:.68rem;font-weight:800;line-height:1.35;position:absolute;top:3px;right:3px}.mobile-menu-btn{color:var(--mk-hueso);cursor:pointer;border-radius:var(--r-1);background:0 0;border:none;display:none}.nav-dropdown-container{display:inline-block;position:relative}.nav-dropdown-container:after{content:"";background:0 0;width:100%;height:1rem;position:absolute;top:100%;left:0}.dropdown-toggle{align-items:center;gap:.3rem;display:flex}.nav-dropdown-menu{background:var(--mk-grafito);min-width:250px;box-shadow:var(--sombra-3);border:1px solid var(--mk-linea);border-radius:var(--r-2);z-index:1000;flex-direction:column;padding:.4rem;display:flex;position:absolute;top:calc(100% + .9rem);left:50%;transform:translate(-50%)}.dropdown-item{width:100%;color:var(--mk-hueso);text-align:left;font-family:var(--font-family);cursor:pointer;border-radius:var(--r-1);background:0 0;border:none;align-items:center;gap:.6rem;padding:.6rem .7rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.dropdown-item:hover{background-color:#ece7de0f}.dropdown-item--grupo{border-top:1px solid var(--mk-linea);border-radius:0 0 var(--r-1) var(--r-1);margin-top:.35rem;padding-top:.75rem}.dropdown-icono{color:var(--mk-ceniza);flex-shrink:0}.dropdown-item:hover .dropdown-icono,.mobile-nav-link:hover .dropdown-icono{color:var(--mk-vivo)}.mobile-menu{z-index:999;opacity:0;pointer-events:none;background-color:#080b09bf;flex-direction:column;height:100dvh;transition:opacity .25s;display:none;position:fixed;inset:0;overflow-y:auto}.mobile-menu.open{opacity:1;pointer-events:auto;display:flex}.mobile-menu-panel{background:var(--mk-noche);border-bottom:1px solid var(--mk-linea);flex-direction:column;align-items:stretch;gap:.15rem;width:100%;min-height:100%;padding:4.6rem 1.1rem 2.5rem;display:flex;position:relative}.mobile-nav-link{border-radius:var(--r-1);width:100%;color:var(--mk-hueso);font-family:var(--font-family);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.7rem;min-height:48px;padding:.7rem .9rem;font-size:1rem;font-weight:600;transition:background-color .15s;display:flex}.mobile-nav-link:hover,.mobile-nav-link:active{background-color:#ece7de0f}.mobile-dropdown-container{flex-direction:column;align-items:stretch;display:flex}.dropdown-icon{margin-left:auto;transition:transform .25s}.dropdown-icon.open{transform:rotate(180deg)}.mobile-dropdown-menu{border-left:1px solid var(--mk-linea);flex-direction:column;align-items:stretch;margin:.2rem 0 .6rem;padding-left:.5rem;display:flex}.mobile-nav-link.sub-link{color:var(--mk-ceniza);font-size:.94rem;font-weight:500}.mobile-nav-link.sub-link:hover{color:var(--mk-hueso)}.mobile-nav-link.sub-link--grupo{border-top:1px solid var(--mk-linea);margin-top:.4rem;padding-top:.8rem}.mobile-cuenta{border-top:1px solid var(--mk-linea);color:var(--mk-vivo);margin-top:.8rem;padding-top:1.1rem;font-weight:700}.mobile-salir{color:var(--mk-ceniza);font-weight:500}.mobile-menu-close{border:1px solid var(--mk-linea);border-radius:var(--r-1);color:var(--mk-hueso);cursor:pointer;background:0 0;padding:8px;line-height:0;position:absolute;top:.75rem;right:.9rem}.mobile-menu-close:hover{border-color:var(--mk-hueso)}@media (width<=900px){.desktop-menu{display:none}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.desktop-only{display:none!important}}@media (width<=400px){.navbar-logo .logo-text{display:none}.navbar-container{padding:.5rem .9rem}}.whatsapp-float-btn{background-color:var(--color-whatsapp);color:#04220f;width:56px;height:56px;box-shadow:0 0 0 4px var(--mk-noche), 0 10px 24px -8px #000000e6;z-index:998;border-radius:50%;justify-content:center;align-items:center;transition:background-color .18s,transform .14s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.whatsapp-float-btn:hover{background-color:#32e077;transform:translateY(-2px)}.whatsapp-float-btn:active{transform:translateY(0)}.whatsapp-float-btn:focus-visible{outline:2px solid var(--mk-hueso);outline-offset:4px}@media (width<=768px){.whatsapp-float-btn{width:52px;height:52px;bottom:1.1rem;right:1.1rem}}