/* Colores centralizados en assets/menu_colores.css */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  padding-bottom:18px;
}
a{color:inherit}
button,select{font:inherit}
.lite-page{
  width:min(100%,720px);
  margin:0 auto;
  padding:10px;
}
.lite-hero{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
}
.lite-hero__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}
.lite-hero__brand h1{
  margin:0;
  color:var(--brand);
  font-size:clamp(22px,5.8vw,30px);
  line-height:1;
  font-weight:1000;
  letter-spacing:.2px;
}
.lite-hero__brand p{
  margin:4px 0 0;
  font-size:12px;
  font-weight:800;
}
.lite-hero__badge{
  flex:0 0 auto;
  border:1px solid var(--line);
  background:var(--brown-soft);
  border-radius:999px;
  padding:5px 8px;
  font-size:10px;
  font-weight:1000;
  color:var(--muted);
}
.lite-hero__pill{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  margin-top:10px;
  min-height:34px;
  padding:6px 14px;
  border:1.5px solid #f0c58d;
  border-radius:999px;
  background:var(--orange-soft);
  color:var(--brown-dark);
  font-size:13px;
  font-weight:1000;
  text-align:center;
}
.lite-hero__date{
  margin-top:8px;
  font-size:13px;
  font-weight:900;
}
.lite-top-actions{
  display:flex;
  gap:6px;
  overflow:auto;
  padding-top:10px;
}
.lite-action{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--paper);
  color:var(--brown-dark);
  text-decoration:none;
  font-size:12px;
  font-weight:1000;
  white-space:nowrap;
}
.lite-action--full{
  background:var(--lite-main-action-bg);
  border-color:var(--lite-main-action-border);
  color:var(--lite-main-action-text);
  border-width:2px;
  min-height:42px;
  padding:0 14px;
  font-size:13px;
}
.lite-action--full::after{content:" →"}
.lite-banner-note{
  margin-top:10px;
  padding:9px 10px;
  background:var(--paper);
  border:1px solid var(--line);
  border-top:4px solid #e58d00;
  border-radius:12px;
}
.lite-banner-note strong{
  display:block;
  color:var(--danger);
  font-size:12px;
  line-height:1.25;
  font-weight:1000;
}
.lite-banner-note span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
  font-weight:700;
}
.lite-section{
  margin-top:10px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
}
.lite-section__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 74px;
  gap:8px;
  align-items:center;
  padding:8px 10px;
  background:var(--brown-soft);
  border-bottom:1px solid var(--line);
}
.lite-section__head.has-two-prices{
  grid-template-columns:minmax(0,1fr) 132px;
}
.lite-section__title{
  font-size:13px;
  font-weight:1000;
}
.lite-section__price-head,
.lite-row__prices{
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
  align-items:center;
}
.lite-section__price-head.is-two,
.lite-row__prices.is-two{
  grid-template-columns:1fr 1fr;
}
.lite-section__price-head span{
  text-align:right;
  color:var(--danger);
  font-size:10px;
  font-weight:1000;
}
.lite-row{
  padding:8px 10px;
  border-bottom:1px solid #ececec;
}
.lite-row:last-child{border-bottom:0}
.lite-row__main{
  display:grid;
  grid-template-columns:minmax(0,1fr) 74px;
  gap:8px;
  align-items:start;
}
.lite-row__main.has-two-prices{
  grid-template-columns:minmax(0,1fr) 132px;
}
.lite-row__name{
  margin:0;
  font-size:14px;
  line-height:1.28;
  font-weight:400;
}
.lite-section--guisado .lite-row__name,
.lite-section--guisado-especial .lite-row__name{
  font-size:16px;
  line-height:1.32;
  font-weight:400;
}
.lite-row__prices span{
  text-align:right;
  white-space:nowrap;
  font-size:13px;
  font-weight:1000;
}
.lite-row__actions{
  display:grid;
  gap:6px;
  margin-top:7px;
}
.lite-row__actions.is-two{
  grid-template-columns:1fr 1fr;
}
.lite-add{
  min-height:34px;
  border:1px solid var(--lite-btn-border);
  border-radius:9px;
  background:var(--lite-btn-bg);
  color:var(--lite-btn-text);
  font-size:12px;
  font-weight:1000;
}
.lite-add--eco{background:var(--lite-eco-bg);color:var(--lite-eco-text);border-color:var(--lite-eco-border)}
.lite-add--single{width:100%}
.lite-state{
  display:inline-flex;
  margin-top:4px;
  padding:3px 7px;
  border-radius:999px;
  background:var(--danger-soft);
  color:var(--danger);
  font-size:10px;
  font-weight:1000;
}
.lite-row.is-unavailable .lite-row__name{
  color:#858585;
  text-decoration:line-through;
  font-style:italic;
}
.lite-row.is-unavailable .lite-row__prices span{
  color:#858585;
}
.lite-empty{
  margin-top:10px;
  padding:12px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:12px;
}
.lite-empty h2{margin:0 0 6px;font-size:18px}
.lite-empty p{margin:0 0 10px;color:var(--muted)}
.lite-footer-links{
  text-align:center;
  margin:16px 0 2px;
  color:#68727d;
  font-size:12px;
  font-weight:700;
}
.lite-footer-links a{text-decoration:none;font-weight:900}
.lite-footer-links span{margin:0 8px;color:#b7b7b7}
.lite-cart-bar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:50;
  padding:8px 10px calc(8px + env(safe-area-inset-bottom));
  background:rgba(248,241,231,.96);
  border-top:1px solid var(--line);
}
.lite-cart-bar button{
  width:min(100%,720px);
  margin:0 auto;
  min-height:52px;
  border:1px solid var(--lite-eco-border);
  border-radius:14px;
  background:var(--green-soft);
  color:var(--green-dark);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 14px;
  font-weight:1000;
}
.lite-cart-bar span{font-size:13px;text-align:left}
.lite-cart-bar strong{font-size:16px}
.lite-modal{position:fixed;inset:0;z-index:100}
.lite-modal[hidden]{display:none}
.lite-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.42)}
.lite-modal__dialog{
  position:absolute;
  left:10px;
  right:10px;
  bottom:10px;
  max-width:560px;
  margin:auto;
  max-height:86vh;
  overflow:auto;
  background:var(--paper);
  border-radius:18px;
}
.lite-modal__head{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  padding:12px;
  background:var(--paper);
  border-bottom:1px solid var(--line);
}
.lite-modal__head h3{margin:0;font-size:17px}
.lite-modal__close{
  width:34px;
  height:34px;
  border:0;
  border-radius:999px;
  background:var(--brown-soft);
  font-size:23px;
  font-weight:1000;
}
.lite-modal__body{padding:12px}
.lite-modal__body p{
  margin:0 0 10px;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.lite-modal__foot{
  padding:12px;
  border-top:1px solid var(--line);
}
.lite-modal__foot--stack{display:grid;gap:7px}
.lite-primary,
.lite-secondary{
  width:100%;
  min-height:46px;
  border:0;
  border-radius:12px;
  font-weight:1000;
}
.lite-primary{background:var(--green-soft);color:var(--green-dark);border:1px solid var(--lite-eco-border)}
.lite-primary[disabled]{opacity:.65}
.lite-secondary{background:var(--brown-soft);color:var(--brown-dark);border:1px solid var(--lite-main-action-border)}
.lite-slot{margin-bottom:9px}
.lite-slot label{
  display:block;
  margin-bottom:5px;
  font-size:12px;
  color:var(--muted);
  font-weight:1000;
}
.lite-slot select{
  width:100%;
  min-height:44px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--paper);
  padding:0 10px;
  font-weight:800;
}
.lite-small{font-size:12px!important;color:#9a3412!important;min-height:16px}
.lite-cart-row{
  padding:10px 0;
  border-bottom:1px solid var(--line);
  display:grid;
  gap:7px;
}
.lite-cart-row:first-child{padding-top:0}
.lite-cart-row__top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
}
.lite-cart-row__name{font-weight:1000;line-height:1.25}
.lite-cart-row__meta{
  margin-top:3px;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  line-height:1.3;
}
.lite-cart-row__price{
  white-space:nowrap;
  color:var(--green);
  font-weight:1000;
}
.lite-cart-row__actions{display:flex;gap:6px}
.lite-cart-row__actions button{
  width:34px;
  height:34px;
  border:0;
  border-radius:9px;
  background:var(--brown-soft);
  font-weight:1000;
}
.lite-cart-row__actions .remove{
  width:auto;
  padding:0 10px;
  background:var(--danger-soft);
  color:#991b1b;
}
.lite-cart-empty{
  text-align:center;
  color:var(--muted);
  padding:16px 6px;
}
.lite-cart-total-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:10px;
  padding-top:10px;
  border-top:2px dashed var(--line);
  font-weight:1000;
}
.lite-cart-total-row strong{
  color:var(--green);
  font-size:17px;
}
@media (max-width:390px){
  .lite-page{padding:8px}
  .lite-hero__top{display:block}
  .lite-hero__badge{display:inline-flex;margin-top:8px}
  .lite-hero__pill{width:100%;font-size:12px}
  .lite-section__head,
  .lite-row__main{grid-template-columns:minmax(0,1fr) 68px}
  .lite-section__head.has-two-prices,
  .lite-row__main.has-two-prices{grid-template-columns:minmax(0,1fr) 120px}
  .lite-row__name{font-size:13px}
  .lite-section--guisado .lite-row__name,
  .lite-section--guisado-especial .lite-row__name{font-size:15px}
  .lite-row__prices span{font-size:12px}
  .lite-add{font-size:11px}
}


/* === Ajustes finales producción lite === */
.lite-hero{
  text-align:center;
}
.lite-hero__top{
  display:block;
  text-align:center;
}
.lite-hero__brand h1,
.lite-hero__brand p{
  text-align:center;
}
.lite-hero__badge{
  display:inline-flex;
  margin-top:8px;
}
.lite-hero__pill{
  margin-left:auto;
  margin-right:auto;
}
.lite-hero__date{
  text-align:center;
}
.lite-top-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  overflow:visible;
  padding-top:11px;
}
.lite-action{
  width:100%;
  white-space:nowrap;
}
.lite-action--full{
  grid-column:1 / -1;
  justify-self:center;
  width:100%;
  min-height:46px;
  font-size:14px;
  text-align:center;
}
.lite-action--full::after{
  content:"";
}
.lite-banner-note span{
  display:none;
}
@media (max-width:390px){
  .lite-top-actions{
    grid-template-columns:1fr 1fr;
  }
  .lite-action--full{
    font-size:13px;
    padding-left:8px;
    padding-right:8px;
  }
}


/* Prioridad visual al regreso al menú completo con fotos */
.lite-action--full{
  position:relative;
  min-height:56px;
  background:linear-gradient(135deg,#f97316 0%, #b45309 100%);
  border-color:#f97316;
  color:#fff;
  box-shadow:0 12px 26px rgba(180,83,9,.26);
  font-size:15px;
  font-weight:1000;
  letter-spacing:.01em;
  overflow:hidden;
}
.lite-action--full::after{
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(255,255,255,.46);
  border-radius:inherit;
  pointer-events:none;
}
.lite-action--full:active{transform:scale(.99)}
@media (max-width:390px){
  .lite-action--full{font-size:14px;min-height:54px;white-space:normal;line-height:1.15}
}


/* === Menú lite informativo === */
.lite-action--wa{
  background:#16a34a;
  border-color:#15803d;
  color:#fff;
}
.lite-action--call{
  background:#f97316;
  border-color:#c2410c;
  color:#fff;
}
.lite-row__actions,
.lite-add,
.lite-cart-bar,
.lite-modal{
  display:none!important;
}

/* Botón amarillo para volver al menú completo con fotos */
.lite-action--full{
  background:linear-gradient(135deg,#fde047 0%, #f59e0b 100%);
  border-color:#eab308;
  color:#4a2d18;
  box-shadow:0 12px 26px rgba(234,179,8,.26);
}
.lite-action--full::after{
  border-color:rgba(255,255,255,.58);
}

/* === Ajuste 2: acciones al final y tipografía más grande === */
body{
  font-size:17px;
}
.lite-page{
  padding:12px;
}
.lite-hero{
  padding:14px;
}
.lite-hero__brand h1{
  font-size:clamp(25px,6.6vw,34px);
}
.lite-hero__brand p,
.lite-hero__date{
  font-size:15px;
}
.lite-hero__pill{
  min-height:38px;
  font-size:15px;
  padding:7px 16px;
}
.lite-action{
  min-height:46px;
  font-size:15px;
  border-radius:12px;
  padding:0 12px;
}
.lite-action--full{
  min-height:58px;
  font-size:16px;
}
.lite-banner-note{
  padding:12px;
}
.lite-banner-note strong{
  font-size:15px;
  line-height:1.35;
}
.lite-section{
  margin-top:13px;
  border-radius:14px;
}
.lite-section__head{
  grid-template-columns:minmax(0,1fr) 92px;
  gap:10px;
  padding:13px 12px;
  background:var(--brown-dark);
  color:#fff;
}
.lite-section__head.has-two-prices{
  grid-template-columns:minmax(0,1fr) 162px;
}
.lite-section__title{
  font-size:clamp(21px,5.8vw,29px);
  line-height:1.05;
  color:#fff;
  letter-spacing:.01em;
}
.lite-section__price-head span{
  color:#fde68a;
  font-size:13px;
}
.lite-row{
  padding:12px;
}
.lite-row__main{
  grid-template-columns:minmax(0,1fr) 92px;
  gap:10px;
}
.lite-row__main.has-two-prices{
  grid-template-columns:minmax(0,1fr) 162px;
}
.lite-row__name{
  font-size:17px;
  line-height:1.35;
  font-weight:750;
}
.lite-section--guisado .lite-row__name,
.lite-section--guisado-especial .lite-row__name,
.lite-section--guarnicion .lite-row__name{
  font-size:20px;
  line-height:1.34;
  font-weight:900;
}
.lite-row__prices span{
  font-size:16px;
}
.lite-state{
  font-size:12px;
  padding:4px 8px;
}
.lite-footer-links{
  font-size:14px;
}
.lite-bottom-actions{
  margin-top:16px;
  padding:12px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:16px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.lite-bottom-actions .lite-action--full{
  grid-column:1 / -1;
}
@media (max-width:390px){
  .lite-page{padding:9px}
  .lite-hero__brand h1{font-size:24px}
  .lite-hero__pill{font-size:14px}
  .lite-action{font-size:14px;min-height:44px}
  .lite-action--full{font-size:14px;min-height:56px;white-space:normal;line-height:1.15}
  .lite-section__head,
  .lite-row__main{grid-template-columns:minmax(0,1fr) 78px}
  .lite-section__head.has-two-prices,
  .lite-row__main.has-two-prices{grid-template-columns:minmax(0,1fr) 142px}
  .lite-section__title{font-size:20px}
  .lite-section__price-head span{font-size:12px}
  .lite-row__name{font-size:16px}
  .lite-section--guisado .lite-row__name,
  .lite-section--guisado-especial .lite-row__name,
  .lite-section--guarnicion .lite-row__name{font-size:18px}
  .lite-row__prices span{font-size:15px}
}