/* LIQUID GLASS — efecto cristal estilo Apple Vision Pro */

/* --- Superficies de cristal: neutralizan el glass plano y crean contexto --- */
.aside,
.cont-platos,
.platos__familia,
.baner__alergenos,
.allergens__info,
.contenido,
.lista_alergenos,
.nomenclaturas,
.reviews__cont-logos,
.index__buttons-btn {
  isolation: isolate;
  background-color: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* O CRISTAL, O DEGRADADO: PERO EN TODAS LAS SUPERFICIES IGUAL */
.cont-platos,
.allergens__info,
.contenido,
.lista_alergenos,
.nomenclaturas,
.reviews__cont-logos {
  background-image: var(--degradado-en-cristal, none);
}

/* position:relative SOLO para las superficies estáticas (contexto de las capas). */
.cont-platos,
.platos__familia,
.baner__alergenos,
.allergens__info,
.contenido,
.lista_alergenos,
.reviews__cont-logos,
.index__buttons-btn {
  position: relative;
}

/* Recorte a esquinas redondeadas. El .aside NO lleva overflow:hidden para no */
.cont-platos,
.platos__familia,
.baner__alergenos,
.allergens__info,
.contenido,
.lista_alergenos,
.nomenclaturas,
.reviews__cont-logos,
.index__buttons-btn {
  overflow: hidden;
}

/* Capa de fondo: desenfoque + tinte. */
.aside::before,
.cont-platos::before,
.platos__familia::before,
.baner__alergenos::before,
.allergens__info::before,
.contenido::before,
.lista_alergenos::before,
.nomenclaturas::before,
.reviews__cont-logos::before,
.index__buttons-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  /* Respaldos DENTRO del var(): sin ellos, una app que no declare el token deja la declaración descartada en silencio */
  background: var(--lg-bg-color, rgba(0, 0, 0, 0.4));
  -webkit-backdrop-filter: blur(var(--lg-blur, 0.25rem)) saturate(120%) brightness(var(--lg-brightness, 1.15));
  backdrop-filter: blur(var(--lg-blur, 0.25rem)) saturate(120%) brightness(var(--lg-brightness, 1.15));
}

/* Capa superior: brillo especular interno (bordes de cristal) */
.aside::after,
.cont-platos::after,
.platos__familia::after,
.baner__alergenos::after,
.allergens__info::after,
.contenido::after,
.lista_alergenos::after,
.nomenclaturas::after,
.reviews__cont-logos::after,
.index__buttons-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  pointer-events: none;
  box-shadow:
    inset 1px 1px 0 var(--lg-highlight, rgba(255, 255, 255, 0.75)),
    inset 0 0 0.3125rem var(--lg-highlight, rgba(255, 255, 255, 0.75));
}

/* El contenido real por encima de las capas de cristal */
.aside > *,
.cont-platos > *,
.platos__familia > *,
.baner__alergenos > *,
.allergens__info > *,
.contenido > *,
.lista_alergenos > *,
.nomenclaturas > *,
.reviews__cont-logos > *,
.index__buttons-btn > * {
  position: relative;
  z-index: 2;
}

/* LOGOS (img) SIEMPRE LIMPIOS (regla de flota, jul 2026) */