@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@400;500;600;700;800&family=Cinzel:wght@600;700;800&display=swap');


/* Menube Neo Glass Básico Modular */
.menu4-host{display:block}
.menu4-host *, .menu4-host *::before, .menu4-host *::after{box-sizing:border-box}

.menu4-host{
  --m4-bg:#020617;
  --m4-surface:#070b1a;
  --m4-card: rgba(13, 20, 40, 0.62);
  --m4-card-solid:#0b1120;

  --m4-neon:#22d3ee;     /* cyan */
  --m4-neon2:#a78bfa;    /* violet */
  --m4-gold:#fbbf24;     /* guiño a los anteriores */
  --m4-text:#e5e7eb;
  --m4-muted:#9ca3af;

  --m4-radius:18px;
  --m4-border: rgba(148,163,184,.22);
}



/* Si Elementor/Hello mete fondos internos, los dejamos transparentes */
.elementor-section,
.elementor-top-section,
.site,
.site-content,
.page,
.content-area{
  background: transparent !important;
}

/* ===== Wrapper ===== */
.menu4-wrapper{
  background:
    radial-gradient(900px 420px at 15% 0%, var(--m4-glow-1), transparent 60%),
    radial-gradient(900px 420px at 85% 10%, var(--m4-glow-2), transparent 60%),
    radial-gradient(900px 600px at 50% 100%, var(--m4-glow-3), transparent 55%),
    linear-gradient(180deg, var(--m4-bg) 0%, var(--m4-bg-end, #000) 100%);
  padding: 26px 10px 80px;
  color: var(--m4-text);
  font-family: var(--m4-font-family, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

/* ===== Card principal estilo “glass” ===== */
.menu4-container{
  max-width: 1040px;
  margin: 0 auto;
  background: var(--m4-card);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid var(--m4-border);
  box-shadow: 0 20px 70px rgba(0,0,0,.65);
  border-radius: var(--m4-radius);
  overflow: visible; /* ✅ deja ver el glow */
}

/* ===== Top bar ===== */
.menu4-top{
  padding: 18px 14px 14px;
  border-bottom: 1px solid var(--m4-border);
  position: relative;
}

.menu4-badge{
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--m4-panel-bg);
  border: 1px solid rgba(var(--m4-accent-rgb), .28);
  color: var(--m4-text);
  font-size: .78rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.menu4-badge .dot{
  width:8px;height:8px;border-radius:999px;
  background: linear-gradient(90deg, var(--m4-neon), var(--m4-neon2));
  box-shadow: 0 0 14px rgba(var(--m4-accent-rgb), .5);
}

.menu4-title{
  margin: 12px 0 6px;
  text-align:center;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-size: 1.15rem;
}
.menu4-subtitle{
  text-align:center;
  margin: 0;
  color: var(--m4-muted);
  font-size: .92rem;
}

/* ===== Nav categorías (deslizable + “scan line”) ===== */
.menu4-navwrap{
  margin-top: 14px;
  padding: 10px 10px 12px;
  position: relative;
}
.menu4-navwrap::after{
  content:"";
  position:absolute;
  left:12px; right:12px; bottom:6px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(var(--m4-accent-rgb), .55), rgba(var(--m4-accent2-rgb), .55), transparent);
  opacity:.85;
}

.menu4-nav{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding: 2px 2px 8px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  white-space: nowrap;
}
.menu4-nav::-webkit-scrollbar{ display:none; }

.menu4-nav button{
  flex-shrink: 0;
  cursor:pointer;
  border:none;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: .78rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--m4-text);
  background: var(--m4-panel-bg);
  border: 1px solid var(--m4-border);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  transition: transform .12s, border-color .2s, background .2s, color .2s;
}
.menu4-nav button:hover{
  transform: translateY(-1px);
  border-color: rgba(var(--m4-accent-rgb), .55);
}
.menu4-nav button.active{
  background: linear-gradient(90deg, rgba(var(--m4-accent-rgb), .22), rgba(var(--m4-accent2-rgb), .18));
  border-color: rgba(var(--m4-accent-rgb), .7);
  box-shadow: 0 0 0 2px rgba(var(--m4-accent-rgb), .18) inset;
}

/* ===== Body ===== */
.menu4-body{
  padding: 14px 12px 16px;
}

/* Secciones (pestañas) */
.menu4-section{
  display:none;
}
.menu4-section.active{ display:block; }

.menu4-section-head{
  display:flex;
  justify-content: space-between;
  align-items: center;
  gap:10px;
  margin: 4px 4px 10px;
}

.menu4-section-title{
  flex: 1 1 auto;
  min-width: 0;
  font-size:.86rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color: var(--m4-muted);
}

.menu4-section-tag{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  line-height: 1;
  font-size: .68rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(var(--m4-gold-rgb), .55);
  color: var(--m4-gold);
  background: var(--m4-panel-bg-soft);
}

/* Lista de items */
.menu4-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* Tarjeta item futurista */
.menu4-item{
  display:grid;
  grid-template-columns: 86px minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px;
  border-radius: 16px;
  background: var(--m4-panel-bg-soft);
  border: 1px solid var(--m4-border);
  box-shadow: 0 10px 32px rgba(0,0,0,.28);
  cursor:pointer;
}
.menu4-thumb{
  width:86px;height:86px;
  border-radius: 14px;
  overflow:hidden;
  border: 1px solid rgba(var(--m4-accent-rgb), .25);
  background: rgba(15,23,42,.9);
  position:relative;
}
.menu4-thumb img{
  width:100%;height:100%;
  object-fit:cover; display:block;
}
.menu4-thumb::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,.35));
  pointer-events:none;
}

.menu4-main{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.menu4-name{
  font-weight: 800;
  font-size: 1rem;
  letter-spacing:.02em;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}
.menu4-short{
  font-size: .86rem;
  color: var(--m4-muted);
}
.menu4-allergens{
  font-size: .78rem;
  color: rgba(226,232,240,.85);
}
.menu4-allergens strong{
  color: var(--m4-gold);
}

.menu4-pricebox{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  white-space: nowrap;
  font-size:.9rem;
  font-weight:700;
}
.menu4-price{
  color: #e2e8f0;
}
.menu4-add{
  cursor:pointer;
  border:none;
  border-radius: 999px;
  padding: 6px 10px;
  font-size:.74rem;
  letter-spacing:.10em;
  text-transform: uppercase;
  background: linear-gradient(90deg, var(--m4-neon), var(--m4-neon2));
  color:#061018;
  font-weight:900;
}
.menu4-add:active{ transform: translateY(1px); }

/* ===== Modal detalle ===== */
.menu4-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:flex-end;
  justify-content:center;
  background: var(--m4-panel-bg-strong);
  z-index: 99999;
}
.menu4-modal.open{ display:flex; }

.menu4-panel{
  width: 100%;
  max-width: 560px;
  max-height: 90vh;
  background: var(--m4-bg);
  border: 1px solid var(--m4-border);
  border-radius: 18px 18px 0 0;
  overflow:auto;
  box-shadow: 0 -14px 60px rgba(0,0,0,.75);
}

@media (min-width: 768px){
  .menu4-modal{ align-items:center; }
  .menu4-panel{ border-radius: 18px; }
}

.menu4-panel-top{
  position: sticky;
  top: 0;
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  background: linear-gradient(180deg, var(--m4-bg) 0%, var(--m4-panel-bg-strong) 100%);
  z-index:2;
  border-bottom: 1px solid var(--m4-border);
}
.menu4-close{
  border: 1px solid var(--m4-border);
  background: var(--m4-panel-bg);
  color: var(--m4-text);
  border-radius: 999px;
  padding: 6px 10px;
  cursor:pointer;
  font-size:.82rem;
}
.menu4-panel-content{ padding: 12px 12px 16px; }

.menu4-hero{
  border-radius: 16px;
  overflow:hidden;
  border: 1px solid rgba(var(--m4-accent-rgb), .25);
  background:#0b1120;
  margin-bottom: 10px;
}
.menu4-hero img{
  width:100%;
  height: 220px;
  object-fit: cover;
  display:block;
}
.menu4-h-title{
  font-size: 1.16rem;
  font-weight: 900;
  margin: 8px 0 4px;
  color: #e5e7eb;
}
.menu4-h-sub{
  margin:0 0 10px;
  color: var(--m4-muted);
  font-size:.9rem;
}

.menu4-desc{
  color: #e5e7eb;
  line-height: 1.6;
  font-size:.92rem;
  margin-bottom: 10px;
}

.menu4-meta{
  background: var(--m4-card-deep);
  border: 1px solid var(--m4-border);
  border-radius: 16px;
  padding: 10px 10px;
  margin-bottom: 10px;
}
.menu4-meta .label{
  color: var(--m4-gold);
  font-weight: 900;
  letter-spacing:.10em;
  text-transform: uppercase;
  font-size: .72rem;
}
.menu4-meta ul{
  margin: 6px 0 0;
  padding-left: 18px;
  color: #e5e7eb;
}
.menu4-meta li{ margin: 2px 0; }

.menu4-prices{
  margin-top: 10px;
  border-top: 1px dashed var(--m4-border);
  padding-top: 10px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.menu4-line{
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap:10px;
  font-weight: 800;
}
.menu4-line span{
  color: #f9fafb;
}
.menu4-line button{
  border:none;
  cursor:pointer;
  border-radius: 999px;
  padding: 6px 10px;
  font-size:.74rem;
  letter-spacing:.10em;
  text-transform: uppercase;
  background: var(--m4-gold);
  color:#111827;
  font-weight: 900;
}

/* ===== Carrito flotante ===== */
.menu4-cart-toggle{
  position:fixed;
  right: 74px;
  bottom: 16px;
  z-index: 9999;
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding: 10px 12px;
  border-radius: 999px;
  background: #ffffff;
  color:#111827;
  box-shadow: 0 16px 40px rgba(0,0,0,.55);
  cursor:pointer;
  font-weight: 800;
  font-size: .82rem;
}
.menu4-pill{
  background: linear-gradient(90deg, var(--m4-neon), var(--m4-neon2));
  color:#041014;
  border-radius:999px;
  padding: 2px 8px;
  font-size:.76rem;
  font-weight: 900;
}

.menu4-cart{
  position:fixed;
  left: 10px;
  right: 10px;
  bottom: 70px;
  max-width: 520px;
  margin: 0 auto;
  z-index: 9999;
  display:none;
  background: #0b1120;
  border: 1px solid var(--m4-border);
  border-radius: 18px;
  box-shadow: 0 18px 52px rgba(0,0,0,.75);
  padding: 12px;
  color: var(--m4-text);
  font-size: .86rem;
}
.menu4-cart.open{ display:block; }

.menu4-cart-head{
  display:flex;
  justify-content: space-between;
  align-items:center;
  margin-bottom: 8px;
}
.menu4-cart-head strong{
  letter-spacing:.16em;
  text-transform: uppercase;
  font-size:.78rem;
  color: rgba(226,232,240,.95);
}
.menu4-cart-close{
  cursor:pointer;
  color: var(--m4-muted);
}

.menu4-cart-items{
  max-height: 38vh;
  overflow:auto;
  border-top: 1px solid var(--m4-border);
  border-bottom: 1px solid var(--m4-border);
  padding: 8px 0;
  margin-bottom: 8px;
}
.menu4-cart-row{
  display:flex;
  justify-content: space-between;
  gap:8px;
  margin-bottom: 6px;
}
.menu4-cart-row .name{ flex:1; }
.menu4-cart-row .qty{ font-weight:900; }

.menu4-cart-foot{
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap:10px;
}
.menu4-actions{
  display:flex;
  gap:8px;
  margin-top: 10px;
}
.menu4-btn{
  flex:1;
  border:none;
  cursor:pointer;
  border-radius: 999px;
  padding: 8px 10px;
  font-weight: 900;
  letter-spacing:.10em;
  text-transform: uppercase;
  font-size:.76rem;
}
.menu4-btn.primary{
  background: linear-gradient(90deg, var(--m4-neon), var(--m4-neon2));
  color:#041014;
}
.menu4-btn.secondary{
  background: rgba(226,232,240,.92);
  color:#111827;
}
.menu4-note{
  margin-top: 8px;
  text-align:center;
  color: var(--m4-muted);
  font-weight:700;
}

/* ===== Volver arriba ===== */
.menu4-to-top{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  border:none;
  cursor:pointer;
  border-radius: 999px;
  padding: 10px 12px;
  background: var(--m4-panel-bg);
  border: 1px solid rgba(var(--m4-accent-rgb), .35);
  color: var(--m4-text);
  box-shadow: 0 12px 30px rgba(0,0,0,.45);
}
.menu4-to-top:hover{
  border-color: rgba(var(--m4-accent-rgb), .65);
}


@media (min-width:769px){
  .menu4-item{
    display: grid;
    grid-template-columns: 86px minmax(0,1fr) auto;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 12px;
    row-gap: 6px;
  }

  .menu4-thumb{
    width: 86px;
    height: 86px;
    grid-column: 1;
    grid-row: 1 / span 2;
  }

  .menu4-main{
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
  }

  .menu4-main .menu4-allergens{
    display: none;
  }

  .menu4-allergen-chips{
    grid-column: 2;
    grid-row: 2;
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 0;
  }

  .menu4-allergen-chip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  border: 1px solid rgba(212,175,55,.50);
  background: rgba(255,255,255,.55);
  color: #6f5420;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .01em;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}

  .menu4-pricebox{
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: end;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 0;
    white-space: nowrap;
  }

  .menu4-price{
    flex: 0 0 auto;
  }

  .menu4-add{
    flex: 0 0 auto;
  }
}
/* ===== Responsive ===== */
@media (max-width:768px){
  .menu4-wrapper{
    padding: 16px 0 90px;
  }

  .menu4-container{
  border-radius: 22px;
  overflow: hidden;
}

  .menu4-item{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
  }

  .menu4-thumb{
    width: 78px;
    height: 78px;
    flex: 0 0 78px;
  }

  .menu4-main{
    flex: 1 1 calc(100% - 88px);
    min-width: 0;
  }

  .menu4-name{
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    line-height: 1.2;
    margin-bottom: 2px;
  }

  .menu4-short{
    line-height: 1.35;
  }

  /* Ocultamos los alérgenos dentro del bloque de texto */
  .menu4-main .menu4-allergens{
    display: none;
  }

  /* Los sacamos debajo de la foto y del texto */

.menu4-main .menu4-allergens{
  display: none;
}

.menu4-allergen-chips{
  flex: 0 0 100%;
  order: 3;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 2px;
}

.menu4-allergen-chip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  border: 1px solid rgba(212,175,55,.50);
  background: rgba(255,255,255,.55);
  color: #6f5420;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .01em;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}

  /* Precio + botón añadir abajo */
  .menu4-pricebox{
    flex: 0 0 100%;
    order: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 4px;
    white-space: normal;
  }

  .menu4-price{
    flex: 1 1 auto;
  }

  .menu4-add{
    flex: 0 0 auto;
  }

  .menu4-cart-toggle{
    right: 70px;
  }
}


/* 🔥 Glow interno (NO se corta nunca) */
.menu4-item{
  position: relative;
}

.menu4-item::after{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: 16px;
  pointer-events: none;
  box-shadow:
    inset 0 0 0 1px rgba(var(--m4-accent-rgb), .35),
    inset 0 0 18px rgba(var(--m4-accent-rgb), .25);
}


/* ===== MODAL: líneas de precio en 2 columnas (se acomodan solas) ===== */
.menu4-prices{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.menu4-line{
  background: var(--m4-input-bg);
  border: 1px solid var(--m4-border);
  border-radius: 14px;
  padding: 10px 10px;
}


/* ===== IA Sommelier ===== */
.menu4-ai-toggle{
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 10001;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(var(--m4-accent-rgb), .35);
  border-radius: 999px;
  padding: 10px 12px;
  min-height: 41px;
  line-height: 1;
  background: var(--m4-fab-bg);
  backdrop-filter: blur(14px);
  color: var(--m4-text);
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .02em;
  box-shadow: 0 14px 34px rgba(0,0,0,.35);
  cursor: pointer;
}

.menu4-ai-panel{
  position: fixed;
  left: 16px;
  bottom: 66px;
  width: min(560px, calc(100vw - 32px));
  max-height: 82vh;
  display: none;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(var(--m4-accent-rgb), .22);
  border-radius: 22px;
  background: var(--m4-fab-panel-bg);
  backdrop-filter: blur(16px);
  color: var(--m4-text);
  box-shadow: 0 24px 60px rgba(0,0,0,.42);
  z-index: 10002;
}

.menu4-ai-panel.open{
  display: flex;
}

.menu4-ai-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.menu4-ai-title{
  font-size: .95rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--m4-gold);
}

.menu4-ai-close{
  width: 34px;
  height: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--m4-border);
  border-radius: 999px;
  background: rgba(15,23,42,.9);
  color: var(--m4-text);
  line-height: 1;
  font-size: 1.15rem;
  cursor: pointer;
}

.menu4-ai-messages{
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
  max-height: 56vh;
  padding-right: 4px;
}

.menu4-ai-msg{
  padding: 10px 12px;
  border-radius: 16px;
  white-space: pre-wrap;
  line-height: 1.45;
  font-size: .9rem;
}

.menu4-ai-msg-user{
  align-self: flex-end;
  background: linear-gradient(90deg, var(--m4-neon), var(--m4-neon2));
  color: #041014;
  font-weight: 800;
}

.menu4-ai-msg-bot{
  align-self: flex-start;
  background: rgba(15,23,42,.92);
  color: var(--m4-text);
  border: 1px solid var(--m4-border);
}

.menu4-ai-msg-status{
  align-self: flex-start;
  background: transparent;
  color: var(--m4-muted);
  padding: 0;
}

.menu4-ai-form{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: end;
}

.menu4-ai-input{
  width: 100%;
  resize: none;
  border-radius: 16px;
  border: 1px solid rgba(var(--m4-accent-rgb), .18);
  background: rgba(15,23,42,.92);
  color: var(--m4-text);
  padding: 12px 14px;
  font: inherit;
  outline: none;
}

.menu4-ai-input::placeholder{
  color: rgba(226,232,240,.62);
}

.menu4-ai-send{
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--m4-neon), var(--m4-neon2));
  color: #041014;
  padding: 11px 14px;
  font-size: .78rem;
  font-weight: 900;
  cursor: pointer;
}

.menu4-ai-send:disabled{
  opacity: .7;
  cursor: default;
}

.menu4-ai-msg p{
  margin: 0 0 8px;
}

.menu4-ai-msg p:last-child{
  margin-bottom: 0;
}

.menu4-ai-msg strong{
  color: var(--m4-gold);
  font-weight: 900;
}

.menu4-ai-msg em{
  color: #cbd5e1;
  font-style: italic;
}

.menu4-ai-msg ul{
  margin: 8px 0 0 18px;
  padding: 0;
}

.menu4-ai-msg li{
  margin: 4px 0;
}

@media (max-width: 768px){
  .menu4-ai-toggle{
    left: 8px;
    bottom: 16px;
  }

  .menu4-ai-panel{
    left: 6px;
    right: 6px;
    bottom: 58px;
    width: auto;
    max-height: 84vh;
    padding: 14px;
  }

  .menu4-ai-messages{
    max-height: 58vh;
  }
}

/* ===== SITE-2 · precio producto más visible ===== */
.menu4-host[data-menube-site="site-2"] .menu4-price{
  color: #111827 !important;
  font-weight: 900;
}

/* ===== SITE-2 · modal claro con textos oscuros ===== */
.menu4-host[data-menube-site="site-2"] .menu4-panel{
  background: #f7f7f4;
  color: #1f2937;
}

.menu4-host[data-menube-site="site-2"] .menu4-panel-top{
  background: linear-gradient(180deg, #ffffff 0%, #f3f1ea 100%);
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.menu4-host[data-menube-site="site-2"] .menu4-hero{
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.08);
}

.menu4-host[data-menube-site="site-2"] .menu4-h-title{
  color: #111827 !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-h-sub{
  color: #4b5563 !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-desc{
  color: #1f2937 !important;
}

.menu4-host[data-menube-site="site-2"] #menu4-modal-allergens{
  color: #4b5563 !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-meta{
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.08);
}

.menu4-host[data-menube-site="site-2"] .menu4-meta ul,
.menu4-host[data-menube-site="site-2"] .menu4-meta li{
  color: #1f2937 !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-prices{
  border-top: 1px dashed rgba(0,0,0,.12);
}

.menu4-host[data-menube-site="site-2"] .menu4-line{
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.08);
}

.menu4-host[data-menube-site="site-2"] .menu4-line span{
  color: #111827 !important;
}
/* ===== SITE-2 · etiqueta "Detalles" más visible ===== */
.menu4-host[data-menube-site="site-2"] .menu4-meta .label{
  color: #111827 !important;
  font-weight: 900;
}
.menu4-panel-label{
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: .78rem;
}

.menu4-host[data-menube-site="site-2"] .menu4-panel-label{
  color: #111827;
  font-weight: 900;
}

/* ===== SITE-2 · modal IA claro y legible ===== */
.menu4-host[data-menube-site="site-2"] .menu4-ai-panel{
  background: #f7f7f4 !important;
  color: #1f2937 !important;
  border: 1px solid rgba(0,0,0,.08) !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-ai-title{
  color: #111827 !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-ai-close{
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid rgba(0,0,0,.10) !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-ai-messages{
  color: #1f2937 !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-ai-msg-bot{
  background: #ffffff !important;
  color: #1f2937 !important;
  border: 1px solid rgba(0,0,0,.08) !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-ai-msg-user{
  color: #111827 !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-ai-msg-status{
  color: #6b7280 !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-ai-msg strong{
  color: #8b6a2b !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-ai-msg em{
  color: #4b5563 !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-ai-input{
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid rgba(0,0,0,.10) !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-ai-input::placeholder{
  color: #6b7280 !important;
}

/* ===== SITE-2 · modal Ver pedido claro y legible ===== */
.menu4-host[data-menube-site="site-2"] .menu4-cart{
  background: #f7f7f4 !important;
  color: #1f2937 !important;
  border: 1px solid rgba(0,0,0,.08) !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-cart-head strong{
  color: #111827 !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-cart-close{
  color: #111827 !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-cart-items{
  border-top: 1px solid rgba(0,0,0,.08) !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-cart-row{
  color: #1f2937 !important;
}

.menu4-host[data-menube-site="site-2"] .menu4-cart-row .name,
.menu4-host[data-menube-site="site-2"] .menu4-cart-row .qty,
.menu4-host[data-menube-site="site-2"] .menu4-cart-foot{
  color: #111827 !important;
}

/* ===== SITE-2 · tipografía elegante visible ===== */
.menu4-host[data-menube-site="site-2"] .menu4-section-title,
.menu4-host[data-menube-site="site-2"] .menu4-name,
.menu4-host[data-menube-site="site-2"] .menu4-h-title,
.menu4-host[data-menube-site="site-2"] .menu4-panel-label,
.menu4-host[data-menube-site="site-2"] .menu4-cart-head strong,
.menu4-host[data-menube-site="site-2"] .menu4-ai-title{
  font-family: "Cormorant Garamond", serif !important;
font-weight: 600;
font-style: italic;
  letter-spacing: .02em;
}

.menu4-host[data-menube-site="site-2"] .menu4-name{
  font-size: 1.35rem;
  line-height: 1.05;
}

.menu4-host[data-menube-site="site-2"] .menu4-section-title{
  font-size: 1.1rem;
  text-transform: none;
  letter-spacing: .04em;
}

.menu4-host[data-menube-site="site-2"] .menu4-h-title{
  font-size: 2rem;
  line-height: 1.02;
}

.menu4-host[data-menube-site="site-2"] .menu4-panel-label,
.menu4-host[data-menube-site="site-2"] .menu4-cart-head strong,
.menu4-host[data-menube-site="site-2"] .menu4-ai-title{
  font-size: 1.15rem;
  text-transform: none;
  letter-spacing: .03em;
}

/* ===== SITE-2 · quitar fondo del segundo contenedor exterior ===== */
.menu4-host[data-menube-site="site-2"] .menu4-wrapper{
  background: transparent !important;
}

/* ===== SITE-2 · contenedor igual que la página, sin transparencia ni blur ===== */
.menu4-host[data-menube-site="site-2"] .menu4-container{
  background: #f8f7f3 !important;
  background-color: #f8f7f3 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border-color: rgba(0,0,0,.06) !important;
}

/* ===== SITE-3 · dorado más intenso + tipografía más atrevida ===== */

.menu4-host[data-menube-site="site-3"] .menu4-wrapper{
  background:
    radial-gradient(900px 420px at 15% 0%, rgba(212,164,55,.20), transparent 60%),
    radial-gradient(900px 420px at 85% 10%, rgba(240,209,137,.14), transparent 60%),
    radial-gradient(900px 600px at 50% 100%, rgba(212,164,55,.08), transparent 55%),
    linear-gradient(180deg, #070509 0%, #000000 100%);
}

.menu4-host[data-menube-site="site-3"] .menu4-container{
  border-color: rgba(212,164,55,.26) !important;
  box-shadow:
    0 20px 70px rgba(0,0,0,.70),
    inset 0 0 0 1px rgba(212,164,55,.08);
}

.menu4-host[data-menube-site="site-3"] .menu4-badge{
  background: rgba(18,12,8,.64);
  border-color: rgba(212,164,55,.40);
  color: #f5e5b2;
}

.menu4-host[data-menube-site="site-3"] .menu4-badge .dot{
  background: #d4a437;
  box-shadow: 0 0 14px rgba(212,164,55,.55);
}

.menu4-host[data-menube-site="site-3"] .menu4-tab.is-active{
  background: linear-gradient(90deg, rgba(212,164,55,.22), rgba(240,209,137,.16));
  border-color: rgba(212,164,55,.72);
  box-shadow: 0 0 0 2px rgba(212,164,55,.15) inset;
}

.menu4-host[data-menube-site="site-3"] .menu4-section-tag{
  border-color: rgba(212,164,55,.60);
  color: #f2d483;
  background: rgba(17,10,7,.48);
}

.menu4-host[data-menube-site="site-3"] .menu4-price{
  color: #f2d483;
  font-weight: 900;
}

.menu4-host[data-menube-site="site-3"] .menu4-add,
.menu4-host[data-menube-site="site-3"] .menu4-ai-toggle,
.menu4-host[data-menube-site="site-3"] .menu4-cart-toggle,
.menu4-host[data-menube-site="site-3"] .menu4-to-top{
  border-color: rgba(212,164,55,.40);
}

.menu4-host[data-menube-site="site-3"] .menu4-add:hover,
.menu4-host[data-menube-site="site-3"] .menu4-ai-toggle:hover,
.menu4-host[data-menube-site="site-3"] .menu4-cart-toggle:hover,
.menu4-host[data-menube-site="site-3"] .menu4-to-top:hover{
  border-color: rgba(240,209,137,.60);
  box-shadow: 0 0 0 1px rgba(212,164,55,.18) inset;
}

/* Tipografía base site-3 */
.menu4-host[data-menube-site="site-3"]{
  font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Títulos más atrevidos */
.menu4-host[data-menube-site="site-3"] .menu4-section-title,
.menu4-host[data-menube-site="site-3"] .menu4-name,
.menu4-host[data-menube-site="site-3"] .menu4-h-title,
.menu4-host[data-menube-site="site-3"] .menu4-panel-label,
.menu4-host[data-menube-site="site-3"] .menu4-cart-head strong,
.menu4-host[data-menube-site="site-3"] .menu4-ai-title{
  font-family: "Cinzel", serif !important;
  font-weight: 700;
  letter-spacing: .03em;
}

.menu4-host[data-menube-site="site-3"] .menu4-name{
  font-size: 1.22rem;
  line-height: 1.06;
}

.menu4-host[data-menube-site="site-3"] .menu4-section-title{
  font-size: 1rem;
  letter-spacing: .08em;
}

.menu4-host[data-menube-site="site-3"] .menu4-h-title{
  font-size: 1.9rem;
  line-height: 1.02;
}