/* ==========================================================================
   30 · DECORACIÓN DE MESA — los kits para celebrar

   La ventana usa las fichas de la carta (`.plato`) tal cual; acá va solo lo
   suyo: la tarjeta de lo que vale para todos los kits, la lista de lo que trae
   cada uno y la marca del kit oculto.
   ========================================================================== */

.deco-general {
  border-radius: var(--radio-g); margin-bottom: 1.4rem; overflow: hidden;
  border: 1.5px solid var(--crema-3);
  background: linear-gradient(180deg, var(--surface), var(--crema));
  animation: vista-entra .5s var(--ease) both;
}
.deco-general__cab {
  display: flex; align-items: center; gap: .7rem;
  padding: .8rem clamp(1rem, 2.5vw, 1.4rem);
  border-bottom: 1px dashed var(--crema-3);
}
.deco-general__cab h2 {
  display: flex; align-items: center; gap: .5rem;
  font-size: 1.05rem; color: var(--tinta);
}
.deco-general__cab h2 .ico { color: var(--rojo); }
.deco-general__cab .cat__editar { margin-left: auto; }
.deco-general dl {
  display: grid; grid-template-columns: minmax(9rem, 13rem) 1fr; gap: .55rem 1.2rem;
  margin: 0; padding: .9rem clamp(1rem, 2.5vw, 1.4rem) 1rem;
}
.deco-general dt {
  font-size: .76rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  color: var(--tinta-3); padding-top: .12rem;
}
.deco-general dd { margin: 0; font-size: .9rem; line-height: 1.5; color: var(--tinta-2); }
.deco-vacio { color: var(--arena); font-style: italic; }

/* Lo que trae el kit, como en el volante: renglón por renglón. En la lista
   de la ventana salen los primeros cuatro y cuántos más hay; en la previa del
   cajón, todos. */
.deco-incluye {
  list-style: none; margin: .45rem 0 0; padding: 0;
  font-size: .82rem; line-height: 1.45; color: var(--tinta-2);
}
.deco-incluye li { position: relative; padding-left: 1rem; }
.deco-incluye li::before {
  content: ''; position: absolute; left: .2rem; top: .55em;
  width: .34rem; height: .34rem; border-radius: 50%;
  background: var(--rojo); opacity: .65;
}
.deco-incluye .deco-mas { color: var(--tinta-3); font-style: italic; }
.deco-incluye .deco-mas::before { display: none; }
.deco-notas { margin: .45rem 0 0; font-size: .78rem; line-height: 1.45; color: var(--tinta-3); }

/* Un kit apagado se sigue viendo —hay que poder encontrarlo para volver a
   ofrecerlo—, pero apagado: que no se confunda con los que salen en la carta. */
.deco-kit--oculto { background: var(--crema); }
.deco-kit--oculto .plato__foto, .deco-kit--oculto .plato__c { opacity: .55; }

/* 31 · Pantalla angosta ------------------------------------------------------ */
@media (max-width: 640px) {
  .deco-general dl { grid-template-columns: 1fr; gap: .2rem; }
  .deco-general dd + dt { margin-top: .6rem; }
}