/* ===================================================================
   DENTIBOX MINIMAL — Design tokens
   Paleta clínica de precisión: blanco cálido + verde quirúrgico.
   Tipografía: Space Grotesk (display) + IBM Plex Sans (texto)
   + IBM Plex Mono (precios / referencias, evocando etiquetas de lab).
=================================================================== */
:root{
  /* color — paleta de marca DentiBox (extraída del logo) */
  --navy:#16305C;        /* azul marino — texto, encabezados, botones principales */
  --deep:#1B4F91;        /* azul profundo — acentos, hover, elementos secundarios */
  --sky:#4FC3E8;         /* azul cielo — destacados, etiquetas de promoción, íconos */
  --paper:#F7FAFC;       /* blanco/gris muy claro — fondos */

  --bg:var(--paper);
  --surface:#FFFFFF;
  --bg-soft:#EDF3FA;
  --border:#DCE6F0;
  --border-strong:#BCCEE1;
  --text:#14213A;
  --muted:#57667E;
  --muted-2:#8393AB;
  --accent:var(--deep);
  --accent-dark:var(--navy);
  --accent-soft:#E4EEFA;
  --sky-soft:#E3F7FD;
  --tag-oferta:#C24A2B;
  --tag-nuevo:var(--sky);
  --warn:#96700A;
  --warn-soft:#FBF0D9;
  --danger:#B3261E;
  --whatsapp:#25D366;
  --whatsapp-dark:#1EBE5B;

  /* spacing */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
  --space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;

  /* radius — deliberadamente pequeño, look de ficha clínica, no "pill" */
  --radius-sm:3px;--radius-md:5px;--radius-lg:8px;

  /* sombra — plana, casi ausente */
  --shadow-sm:0 1px 2px rgba(21,26,24,0.06);
  --shadow-md:0 4px 16px rgba(21,26,24,0.08);

  --ease:cubic-bezier(0.4,0,0.2,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'IBM Plex Sans',sans-serif;
  font-size:15px;
  line-height:1.5;
  overflow-x:hidden;
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;}
}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;letter-spacing:-0.01em;}
.mono{font-family:'IBM Plex Mono',monospace;}
a{color:inherit;}
img{max-width:100%;display:block;}
button{font-family:inherit;}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}

.container{max-width:1180px;margin:0 auto;padding-left:5%;padding-right:5%;}

/* ===== TOAST ===== */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(12px);background:var(--text);color:#fff;border-radius:var(--radius-md);padding:11px 20px;font-size:0.85rem;font-weight:500;z-index:9999;opacity:0;transition:all 0.28s var(--ease);pointer-events:none;box-shadow:var(--shadow-md);}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.toast.success{background:var(--accent);}
.toast.error{background:var(--danger);}
.toast.warning{background:var(--warn);color:#fff;}

/* ===== NAV ===== */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:64px;background:rgba(250,250,249,0.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;}
.nav-inner{width:100%;max-width:1180px;margin:0 auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.nav-logo{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;}
.nav-logo-mark{width:30px;height:30px;border:1.5px solid var(--text);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:0.85rem;flex-shrink:0;}
.nav-logo-texts .brand{font-family:'Space Grotesk',sans-serif;font-size:1.15rem;font-weight:700;color:var(--text);letter-spacing:-0.02em;display:block;line-height:1.1;}
.nav-logo-texts .tagline{font-family:'IBM Plex Mono',monospace;font-size:0.62rem;color:var(--accent);letter-spacing:0.06em;text-transform:uppercase;}
.nav-links{display:flex;gap:0.4rem;list-style:none;align-items:center;}
.nav-links a{color:var(--muted);text-decoration:none;font-size:0.83rem;font-weight:500;padding:8px 12px;border-radius:var(--radius-sm);transition:all 0.15s;cursor:pointer;display:block;}
.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--bg-soft);}
.nav-right{display:flex;align-items:center;gap:8px;}
.nav-cart-btn{position:relative;background:var(--text);color:#fff;border:none;padding:9px 16px;border-radius:var(--radius-sm);font-size:0.83rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background 0.15s;}
.nav-cart-btn:hover{background:var(--accent-dark);}
.nav-cart-text{display:inline;}
.cart-count{background:var(--accent);color:#fff;font-family:'IBM Plex Mono',monospace;font-size:0.68rem;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;min-width:18px;transition:transform 0.2s;}
.cart-count.pop{animation:cartPop 0.3s ease;}
@keyframes cartPop{0%{transform:scale(1);}50%{transform:scale(1.4);}100%{transform:scale(1);}}
.nav-admin-link{font-size:0.72rem;color:var(--muted-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;text-decoration:none;cursor:pointer;transition:all 0.15s;}
.nav-admin-link:hover{border-color:var(--accent);color:var(--accent);}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:6px;}
.hamburger span{width:22px;height:1.5px;background:var(--text);display:block;}
.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);z-index:999;padding:12px 5% 20px;flex-direction:column;gap:2px;}
.mobile-menu.open{display:flex;}
.mobile-menu a{color:var(--muted);text-decoration:none;font-size:0.92rem;font-weight:500;padding:12px 10px;border-radius:var(--radius-sm);cursor:pointer;border-bottom:1px solid var(--bg-soft);}
.mobile-menu a:last-child{border-bottom:none;}

/* ===== PAGES ===== */
.page{display:none;padding-top:64px;min-height:70vh;}
.page.active{display:block;}

/* ===== HERO — "bandeja de instrumentos" como elemento firma ===== */
.hero{padding:var(--space-20) 5% var(--space-16);border-bottom:1px solid var(--border);}
.hero-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:var(--space-16);}
.hero-text{flex:1;min-width:0;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:0.72rem;color:var(--accent);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:var(--space-5);padding-bottom:4px;border-bottom:1.5px solid var(--accent-soft);}
.hero-title{font-size:clamp(2.1rem,4.2vw,3.1rem);font-weight:700;line-height:1.08;letter-spacing:-0.02em;margin-bottom:var(--space-5);color:var(--text);}
.hero-title em{font-style:normal;color:var(--accent);}
.hero-desc{font-size:1rem;color:var(--muted);line-height:1.7;max-width:460px;margin-bottom:var(--space-8);}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:var(--space-8);}
.btn-primary{background:var(--text);color:#fff;padding:13px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:0.88rem;border:none;cursor:pointer;transition:all 0.15s;text-decoration:none;display:inline-flex;align-items:center;gap:8px;}
.btn-primary:hover{background:var(--accent-dark);}
.btn-outline{background:transparent;color:var(--text);padding:12px 22px;border-radius:var(--radius-sm);font-weight:600;font-size:0.88rem;border:1px solid var(--border-strong);cursor:pointer;transition:all 0.15s;text-decoration:none;display:inline-flex;align-items:center;gap:8px;}
.btn-outline:hover{border-color:var(--text);}
.hero-meta{display:flex;gap:var(--space-6);flex-wrap:wrap;}
.hmeta-item{display:flex;flex-direction:column;gap:2px;}
.hmeta-item .n{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:1.05rem;color:var(--text);}
.hmeta-item .l{font-size:0.72rem;color:var(--muted-2);}

/* bandeja: grid de fichas numeradas tipo instrumental */
.hero-tray{flex:0 0 320px;}
.tray-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);}
.tray-label{font-family:'IBM Plex Mono',monospace;font-size:0.65rem;color:var(--muted-2);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:var(--space-4);display:flex;justify-content:space-between;}
.tray-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);}
.tray-slot{background:var(--surface);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:6px;}
.tray-slot i{font-size:20px;color:var(--accent);}
.tray-slot .ref{font-family:'IBM Plex Mono',monospace;font-size:0.6rem;color:var(--muted-2);}

/* ===== SECTION HEADER ===== */
.section-header{margin-bottom:var(--space-8);}
.section-header .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:0.7rem;color:var(--accent);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px;display:block;}
.section-header h2{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:700;color:var(--text);}
.section-header p{color:var(--muted);font-size:0.9rem;margin-top:6px;max-width:480px;}

/* ===== FEATURES ===== */
.features{padding:var(--space-16) 5%;border-bottom:1px solid var(--border);}
.features-inner{max-width:1180px;margin:0 auto;}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);}
.feat-card{background:var(--surface);padding:var(--space-6);}
.feat-card .idx{font-family:'IBM Plex Mono',monospace;font-size:0.7rem;color:var(--muted-2);margin-bottom:var(--space-3);}
.feat-card h3{font-size:0.95rem;font-weight:700;color:var(--text);margin-bottom:6px;}
.feat-card p{color:var(--muted);font-size:0.83rem;line-height:1.6;}

/* ===== STEPS ===== */
.steps{padding:var(--space-16) 5%;background:var(--bg-soft);border-bottom:1px solid var(--border);}
.steps-inner{max-width:960px;margin:0 auto;}
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-6);}
.step{padding-left:var(--space-4);border-left:2px solid var(--accent);}
.step .num{font-family:'IBM Plex Mono',monospace;font-size:0.75rem;color:var(--accent);margin-bottom:6px;}
.step h4{font-weight:700;font-size:0.9rem;color:var(--text);margin-bottom:4px;}
.step p{color:var(--muted);font-size:0.8rem;line-height:1.55;}

/* ===== TESTIMONIALS ===== */
.testimonials{padding:var(--space-16) 5%;border-bottom:1px solid var(--border);}
.testimonials-inner{max-width:800px;margin:0 auto;}
.t-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-8);}
.t-card blockquote{font-size:1rem;line-height:1.75;color:var(--text);font-weight:400;}
.t-author{margin-top:var(--space-4);color:var(--muted);font-size:0.8rem;font-weight:600;}
.t-author span{color:var(--muted-2);font-weight:400;}

/* ===== CTA STRIP ===== */
.cta-strip{padding:var(--space-12) 5%;text-align:center;border-bottom:1px solid var(--border);}
.cta-strip h2{font-size:1.5rem;margin-bottom:var(--space-3);}
.cta-strip p{color:var(--muted);margin-bottom:var(--space-6);}

/* ===== FOOTER ===== */
footer{padding:var(--space-10) 5%;border-top:1px solid var(--border);}
.footer-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-inner p{font-size:0.78rem;color:var(--muted-2);}
.footer-links{display:flex;gap:16px;}
.footer-links a{font-size:0.78rem;color:var(--muted);text-decoration:none;}
.footer-links a:hover{color:var(--accent);}

/* ===== CATALOG / TIENDA ===== */
.tienda-hero{padding:var(--space-10) 5% var(--space-8);border-bottom:1px solid var(--border);}
.tienda-hero-inner{max-width:1180px;margin:0 auto;}
.tienda-hero h1{font-size:1.7rem;font-weight:700;margin-bottom:6px;}
.tienda-hero p{color:var(--muted);font-size:0.88rem;}
.catalog-wrap{max-width:1180px;margin:0 auto;padding:var(--space-6) 5% var(--space-16);}
.catalog-toolbar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:var(--space-6);}
.search-wrap{flex:1;min-width:220px;position:relative;}
.search-wrap i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted-2);font-size:17px;}
.search-wrap input{width:100%;padding:10px 14px 10px 36px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:0.87rem;font-family:'IBM Plex Sans',sans-serif;background:var(--surface);outline:none;transition:border 0.15s;color:var(--text);}
.search-wrap input:focus{border-color:var(--accent);}
.filter-btns{display:flex;gap:6px;flex-wrap:wrap;}
.filter-btn{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 13px;font-size:0.78rem;cursor:pointer;color:var(--muted);font-weight:500;transition:all 0.15s;white-space:nowrap;}
.filter-btn.active,.filter-btn:hover{background:var(--text);color:#fff;border-color:var(--text);}
.result-label{font-family:'IBM Plex Mono',monospace;font-size:0.76rem;color:var(--muted-2);margin-bottom:var(--space-4);}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);}
.prod-card{background:var(--surface);cursor:pointer;transition:background 0.15s;position:relative;display:flex;flex-direction:column;}
.prod-card:hover{background:var(--bg-soft);}
.prod-badge{position:absolute;top:10px;left:0;background:var(--text);color:#fff;font-family:'IBM Plex Mono',monospace;font-size:0.62rem;font-weight:600;padding:3px 9px;letter-spacing:0.03em;z-index:2;}
.prod-badge.oferta{background:var(--tag-oferta);}
.prod-badge.nuevo{background:var(--accent);}
.prod-img{background:var(--bg-soft);height:140px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);overflow:hidden;}
.prod-img img{width:100%;height:100%;object-fit:cover;}
.prod-img i{font-size:44px;color:var(--muted-2);}
.prod-body{padding:14px;display:flex;flex-direction:column;flex:1;gap:6px;}
.prod-ref{font-family:'IBM Plex Mono',monospace;font-size:0.65rem;color:var(--muted-2);text-transform:uppercase;letter-spacing:0.03em;}
.prod-body h3{font-size:0.88rem;font-weight:600;color:var(--text);line-height:1.3;}
.prod-desc{font-size:0.78rem;color:var(--muted);line-height:1.4;flex:1;}
.prod-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px;}
.prod-price{display:flex;flex-direction:column;}
.prod-price .old{font-family:'IBM Plex Mono',monospace;font-size:0.72rem;color:var(--muted-2);text-decoration:line-through;line-height:1;}
.prod-price .current{font-family:'IBM Plex Mono',monospace;font-size:0.98rem;font-weight:600;color:var(--text);}
.add-btn{background:var(--text);color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 12px;font-size:0.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background 0.15s;}
.add-btn:hover{background:var(--accent-dark);}
.empty-state{text-align:center;padding:var(--space-16) var(--space-4);color:var(--muted-2);grid-column:1/-1;background:var(--surface);}
.empty-state i{font-size:40px;display:block;margin-bottom:var(--space-3);}

/* ===== PRODUCT DETAIL MODAL ===== */
.detail-overlay{display:none;position:fixed;inset:0;background:rgba(21,26,24,0.45);z-index:1150;align-items:center;justify-content:center;padding:20px;}
.detail-overlay.open{display:flex;}
.detail-modal{background:var(--surface);border-radius:var(--radius-md);max-width:760px;width:100%;max-height:88vh;overflow-y:auto;display:flex;flex-wrap:wrap;position:relative;}
.detail-close{position:absolute;top:12px;right:12px;background:var(--surface);border:1px solid var(--border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;}
.detail-img-col{flex:0 0 44%;min-width:260px;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;min-height:280px;}
.detail-img-col img{width:100%;height:100%;object-fit:cover;}
.detail-img-col i{font-size:80px;color:var(--muted-2);}
.detail-info-col{flex:1;min-width:260px;padding:var(--space-6);}
.detail-ref{font-family:'IBM Plex Mono',monospace;font-size:0.7rem;color:var(--muted-2);text-transform:uppercase;margin-bottom:6px;}
.detail-title{font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:var(--space-3);line-height:1.25;}
.detail-price-box{display:flex;align-items:baseline;gap:10px;margin-bottom:var(--space-5);}
.detail-price-box .old{font-family:'IBM Plex Mono',monospace;font-size:0.85rem;color:var(--muted-2);text-decoration:line-through;}
.detail-price-box .current{font-family:'IBM Plex Mono',monospace;font-size:1.6rem;font-weight:700;color:var(--text);}
.detail-desc{color:var(--muted);font-size:0.87rem;line-height:1.7;margin-bottom:var(--space-6);}
.detail-qty-row{display:flex;align-items:center;gap:12px;margin-bottom:var(--space-5);}
.qty-ctrl{display:flex;align-items:center;gap:6px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 6px;}
.qty-btn-sm{background:none;border:none;color:var(--text);font-size:1.1rem;font-weight:600;cursor:pointer;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);}
.qty-btn-sm:hover{background:var(--surface);}
.qty-val{font-family:'IBM Plex Mono',monospace;font-weight:600;min-width:22px;text-align:center;}
.btn-add-detail{width:100%;background:var(--text);color:#fff;border:none;border-radius:var(--radius-sm);padding:13px 20px;font-size:0.92rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background 0.15s;}
.btn-add-detail:hover{background:var(--accent-dark);}

/* ===== CART SIDEBAR ===== */
.cart-overlay{display:none;position:fixed;inset:0;background:rgba(21,26,24,0.4);z-index:1100;}
.cart-overlay.open{display:block;}
.cart-sidebar{position:fixed;right:0;top:0;height:100%;width:380px;max-width:96vw;background:var(--surface);z-index:1101;transform:translateX(100%);transition:transform 0.3s var(--ease);display:flex;flex-direction:column;box-shadow:var(--shadow-md);}
.cart-sidebar.open{transform:translateX(0);}
.cart-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.cart-header h2{font-size:1rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;}
.cart-close{background:none;border:none;cursor:pointer;color:var(--muted);font-size:20px;display:flex;border-radius:var(--radius-sm);padding:4px;}
.cart-close:hover{background:var(--bg-soft);}
.cart-items-wrap{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-6);}
.cart-empty-state{text-align:center;padding:var(--space-20) var(--space-4);color:var(--muted-2);}
.cart-empty-state i{font-size:44px;display:block;margin-bottom:var(--space-3);}
.cart-empty-state p{font-size:0.88rem;}
.cart-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--bg-soft);}
.ci-thumb{width:44px;height:44px;background:var(--bg-soft);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;}
.ci-thumb img{width:100%;height:100%;object-fit:cover;}
.ci-thumb i{font-size:20px;color:var(--muted-2);}
.ci-info{flex:1;min-width:0;}
.ci-info h4{font-size:0.83rem;font-weight:600;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ci-price{font-family:'IBM Plex Mono',monospace;font-size:0.78rem;color:var(--accent);font-weight:600;}
.ci-qty-ctrl{display:flex;align-items:center;gap:5px;}
.ci-qty-btn{background:var(--bg-soft);border:none;border-radius:var(--radius-sm);width:24px;height:24px;cursor:pointer;font-size:0.9rem;font-weight:600;color:var(--text);display:flex;align-items:center;justify-content:center;}
.ci-qty-btn:hover{background:var(--text);color:#fff;}
.ci-qty-num{font-family:'IBM Plex Mono',monospace;font-size:0.82rem;font-weight:600;min-width:18px;text-align:center;}
.cart-remove{background:none;border:none;color:var(--muted-2);cursor:pointer;font-size:15px;display:flex;border-radius:var(--radius-sm);padding:3px;margin-left:2px;}
.cart-remove:hover{color:var(--danger);}
.cart-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--border);}
.cart-subtotal{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);}
.cart-subtotal span{font-size:0.85rem;color:var(--muted);}
.cart-subtotal strong{font-family:'IBM Plex Mono',monospace;font-size:1.15rem;font-weight:700;color:var(--text);}
.cart-note-text{font-size:0.73rem;color:var(--muted-2);margin-bottom:var(--space-3);line-height:1.5;}
.wa-send-btn{width:100%;background:var(--whatsapp);color:#fff;border:none;border-radius:var(--radius-sm);padding:13px;font-size:0.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background 0.15s;}
.wa-send-btn:hover{background:var(--whatsapp-dark);}
.cart-clear-btn{width:100%;background:none;border:1px solid var(--border);color:var(--muted);border-radius:var(--radius-sm);padding:9px;font-size:0.8rem;font-weight:600;cursor:pointer;margin-top:8px;}
.cart-clear-btn:hover{border-color:var(--danger);color:var(--danger);}

/* ===== FORMS (contacto / admin) ===== */
.form-group{margin-bottom:var(--space-4);}
.form-group label{display:block;font-size:0.8rem;font-weight:600;color:var(--text);margin-bottom:6px;}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:'IBM Plex Sans',sans-serif;font-size:0.88rem;background:var(--surface);outline:none;color:var(--text);transition:border 0.15s;}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent);}
.form-hint{font-size:0.72rem;color:var(--muted-2);margin-top:4px;}
.form-row{display:flex;gap:var(--space-4);}
.form-row .form-group{flex:1;}

/* ===== ADMIN ===== */
.admin-shell{max-width:1100px;margin:0 auto;padding:var(--space-8) 5% var(--space-16);}
.admin-login-box{max-width:360px;margin:var(--space-20) auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-8);}
.admin-login-box h2{font-size:1.2rem;margin-bottom:var(--space-2);}
.admin-login-box p{color:var(--muted);font-size:0.85rem;margin-bottom:var(--space-6);}
.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:12px;}
.admin-header h1{font-size:1.4rem;}
.admin-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:var(--space-6);}
.admin-tab{background:none;border:none;padding:10px 16px;font-size:0.85rem;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;}
.admin-tab.active{color:var(--accent);border-color:var(--accent);}
.admin-panel{display:none;}
.admin-panel.active{display:block;}
.admin-form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-6);}
.admin-form-card h3{font-size:1rem;margin-bottom:var(--space-4);}
.admin-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);}
table{width:100%;border-collapse:collapse;font-size:0.83rem;}
th{text-align:left;padding:10px 14px;background:var(--bg-soft);font-weight:600;color:var(--muted);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.03em;border-bottom:1px solid var(--border);}
td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle;}
tr:last-child td{border-bottom:none;}
.admin-thumb{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-soft);}
.admin-action-btn{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 9px;font-size:0.72rem;cursor:pointer;font-weight:600;margin-right:4px;}
.admin-action-btn:hover{border-color:var(--accent);}
.admin-action-btn.danger:hover{border-color:var(--danger);color:var(--danger);}
.btn-block{width:100%;}

/* ===== ADMIN: banner modo demo ===== */
.demo-banner{background:var(--sky-soft);border:1px solid var(--sky);color:var(--navy);border-radius:var(--radius-md);padding:10px 16px;font-size:0.78rem;margin-bottom:var(--space-6);display:flex;align-items:center;gap:8px;}
.demo-banner i{color:var(--deep);flex-shrink:0;}

/* ===== ADMIN: barra de búsqueda ===== */
.admin-search{position:relative;margin-bottom:var(--space-5);}
.admin-search i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted-2);font-size:15px;}
.admin-search input{width:100%;padding:11px 14px 11px 38px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:0.86rem;background:var(--surface);outline:none;color:var(--text);}
.admin-search input:focus{border-color:var(--accent);}

/* ===== ADMIN: stat cards (analítica) ===== */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-6);}
.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);}
.stat-card .stat-label{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--muted);font-weight:600;}
.stat-card .stat-value{font-family:'Space Grotesk',sans-serif;font-size:1.6rem;font-weight:700;color:var(--navy);margin-top:4px;}
.stat-card .stat-sub{font-size:0.72rem;color:var(--muted-2);margin-top:2px;}
.admin-subhead{font-size:0.95rem;font-weight:700;margin:var(--space-6) 0 var(--space-3);color:var(--navy);}
.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--accent-soft);color:var(--deep);font-family:'IBM Plex Mono',monospace;font-size:0.68rem;font-weight:700;margin-right:6px;}

/* ===== ADMIN: cola de pedidos ===== */
.queue-list{display:flex;flex-direction:column;gap:var(--space-4);}
.queue-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;}
.queue-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--space-4) var(--space-5);flex-wrap:wrap;border-bottom:1px solid var(--border);}
.queue-order-id{font-family:'IBM Plex Mono',monospace;font-weight:700;color:var(--navy);font-size:0.9rem;}
.queue-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.queue-client{font-weight:600;font-size:0.88rem;}
.queue-time{font-size:0.72rem;color:var(--muted-2);}
.badge-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;}
.badge-pendiente{background:var(--warn-soft);color:var(--warn);}
.badge-alistado{background:var(--sky-soft);color:var(--deep);}
.badge-entregado{background:var(--accent-soft);color:var(--deep);}
.badge-cancelado{background:#F6E1DE;color:var(--danger);}
.badge-origen{background:var(--bg-soft);color:var(--muted);}
.queue-items{padding:var(--space-3) var(--space-5);}
.queue-item-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--border);font-size:0.83rem;}
.queue-item-row:last-child{border-bottom:none;}
.queue-item-name{flex:1;}
.queue-item-qty{font-family:'IBM Plex Mono',monospace;color:var(--muted);margin:0 10px;}
.queue-item-remove{background:none;border:none;color:var(--muted-2);cursor:pointer;font-size:14px;padding:3px;}
.queue-item-remove:hover{color:var(--danger);}
.queue-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--space-4) var(--space-5);background:var(--bg-soft);flex-wrap:wrap;}
.queue-total{font-family:'IBM Plex Mono',monospace;font-weight:700;color:var(--navy);}
.queue-actions{display:flex;gap:8px;flex-wrap:wrap;}
.btn-sm{padding:7px 12px;font-size:0.76rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;gap:5px;transition:all 0.15s;}
.btn-sm:hover{border-color:var(--accent);color:var(--accent);}
.btn-sm.primary{background:var(--accent);border-color:var(--accent);color:#fff;}
.btn-sm.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);}
.btn-sm.danger:hover{border-color:var(--danger);color:var(--danger);}

/* ===== ADMIN: clientes / historial ===== */
.client-history-row td{background:var(--bg-soft);}
.client-history-wrap{padding:var(--space-4);}
.client-history-wrap table{background:var(--surface);}

/* ===== ADMIN: promociones ===== */
.promo-type-pill{background:var(--sky-soft);color:var(--deep);padding:3px 9px;border-radius:99px;font-size:0.7rem;font-weight:700;text-transform:capitalize;}

/* ===== FACTURA / IMPRESIÓN ===== */
.factura-overlay{position:fixed;inset:0;background:rgba(20,33,58,0.55);display:none;align-items:center;justify-content:center;z-index:2000;padding:20px;}
.factura-overlay.open{display:flex;}
.factura-modal{background:#fff;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md);}
.factura-modal-actions{display:flex;gap:8px;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);}
.factura-print{padding:var(--space-6);font-size:0.85rem;}
.factura-print .f-brand{font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--navy);font-size:1.1rem;}
.factura-print .f-sub{color:var(--muted);font-size:0.72rem;margin-bottom:var(--space-4);}
.factura-print .f-row{display:flex;justify-content:space-between;padding:4px 0;}
.factura-print hr{border:none;border-top:1px dashed var(--border-strong);margin:var(--space-3) 0;}
.factura-print table{width:100%;font-size:0.8rem;}
.factura-print th{background:none;padding:4px 0;border-bottom:1px solid var(--text);font-size:0.68rem;}
.factura-print td{padding:5px 0;border-bottom:none;}
.factura-print .f-total{font-weight:700;font-size:1rem;color:var(--navy);}
@media print{
  body *{visibility:hidden;}
  .factura-print,.factura-print *{visibility:visible;}
  .factura-print{position:absolute;top:0;left:0;width:100%;padding:0;}
  .factura-overlay,.factura-modal{position:static;background:none;box-shadow:none;max-width:none;}
  .factura-modal-actions{display:none;}
}

/* ===== UTILITIES ===== */
.text-center{text-align:center;}
.mt-4{margin-top:var(--space-4);}
.loading-row td{text-align:center;color:var(--muted-2);padding:var(--space-8);}

/* ===== WHATSAPP FLOAT ===== */
.wa-float{position:fixed;bottom:20px;right:20px;background:var(--whatsapp);color:#fff;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);z-index:900;text-decoration:none;font-size:26px;transition:transform 0.15s;}
.wa-float:hover{transform:scale(1.06);}

/* ===== RESPONSIVE ===== */
@media (max-width:860px){
  .nav-links,.nav-cart-text{display:none;}
  .hamburger{display:flex;}
  .hero-inner{flex-direction:column;}
  .hero-tray{flex:0 0 auto;width:100%;max-width:320px;}
  .hero-text{text-align:left;width:100%;}
}
@media (max-width:600px){
  .catalog-toolbar{flex-direction:column;align-items:stretch;}
  .form-row{flex-direction:column;gap:0;}
  .queue-card-header,.queue-footer{flex-direction:column;align-items:flex-start;}
  .queue-actions{width:100%;}
  .queue-actions .btn-sm{flex:1;justify-content:center;}
}