/* El velo permanece fijo; solo las fotografías de fondo se funden. */
.al-recetas-portada { position: relative; isolation: isolate; overflow: hidden; }
.al-recetas-fotos { position: absolute; inset: 0; z-index: 0; pointer-events: none; background: #0b0710; }
.al-recetas-fotos img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 55%;
  opacity: 0;
  filter: saturate(.65);
  transition: opacity 1.8s ease-in-out;
}
.al-recetas-fotos img.al-activa { opacity: .48; }
.al-recetas-fotos::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #0b0710ed 0%, #0b0710ba 42%, #0b07104d 80%, #0b071080), linear-gradient(180deg, #0b071059, transparent 40%, #0b071099);
}
.al-recetas-portada .al-particulas { z-index: 1; }
.al-recetas-portada .al-portada-grid { position: relative; z-index: 2; }
.al-recetas-portada .al-fotos-pausa {
  position: absolute;
  z-index: 3;
  bottom: 24px;
  right: max(24px, calc((100vw - 1200px) / 2));
  min-height: 34px;
  padding: 6px 13px;
  border: 1px solid #f4efe94d;
  border-radius: 99px;
  background: #0b0710a6;
  color: #e0d6e7;
  font: inherit;
  font-size: .72rem;
  cursor: pointer;
}
.al-recetas-portada .al-fotos-pausa:focus-visible { outline: 2px solid #cfa8ef; outline-offset: 4px; }
.al-recetas-portada .al-fotos-pausa[hidden] { display: none; }
@media (max-width: 700px) {
  .al-recetas-fotos img { object-position: 65% 50%; }
  .al-recetas-fotos::after { background: linear-gradient(180deg, #0b0710a6, #0b0710b8 50%, #0b0710e6); }
}
@media (prefers-reduced-motion: reduce) { .al-recetas-fotos img { transition: none; } }
