/* v64 — Ingredientes +20%, con espacio propio fuera de tarjetas y textos. */
body.home-page .hero,
body.home-page .categories-section,
body.home-page .featured-section,
body.home-page .editorial-section,
body.home-page .focus-section,
body.home-page .faq-section {
  position: relative;
  isolation: isolate;
}

body.home-page .hero {
  background: var(--web-cream, #f7f4ed) !important;
}
body.home-page .categories-section { background: var(--web-cream, #f7f4ed); }

body.home-page .hero-kitchen-backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  --kitchen-scene: url('../img/kitchen-v61/kitchen-hero.webp');
  background-color: var(--web-cream, #f7f4ed);
  background-image:
    linear-gradient(180deg, rgba(247,244,237,.06) 0%, rgba(247,244,237,.08) 50%, rgba(247,244,237,.48) 76%, #f7f4ed 96%),
    var(--kitchen-scene);
  background-position: center, center 58%;
  background-size: 100% 100%, cover;
  background-repeat: no-repeat;
}
body.home-page .hero-kitchen-backdrop::after {
  content: '';
  position: absolute;
  inset: auto 0 -1px;
  height: clamp(120px, 18vw, 210px);
  background: linear-gradient(180deg, rgba(247,244,237,0), #f7f4ed 82%, #f7f4ed);
  pointer-events: none;
}
body.home-page .hero > .hero-grid,
body.home-page .categories-section > .container,
body.home-page .featured-section > .container,
body.home-page .editorial-section > .container,
body.home-page .focus-section > .container,
body.home-page .faq-section > .container {
  position: relative;
  z-index: 2;
}
body.home-page .hero .hero-copy { position: relative; isolation: isolate; }
body.home-page .hero .hero-copy::before {
  content: '';
  position: absolute;
  inset: -18px 2% -22px;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(247,244,237,.74), rgba(247,244,237,.42) 44%, rgba(247,244,237,0) 72%);
}

body.home-page .kitchen-decor {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}
body.home-page .kitchen-decor img {
  position: absolute;
  display: block;
  height: auto;
  max-width: none;
  pointer-events: none;
  user-select: none;
}
body.home-page .kitchen-decor--rear { z-index: 1; }
body.home-page .kitchen-decor--front { z-index: 3; }

/* Las imágenes rotan sobre su centro; el espacio incluye su altura y la oscilación. */
body.home-page .kitchen-ingredient {
  transform: rotate(var(--ingredient-angle, 0deg));
  filter: drop-shadow(0 9px 10px rgba(72,52,28,.12));
}
body.home-page .kitchen-ingredient--hero {
  width: clamp(162px, 18vw, 264px);
  right: max(-48px, calc(50% - 770px));
  bottom: 44px;
  --ingredient-angle: 136deg;
}
body.home-page .categories-section {
  --ingredient-size: clamp(134.4px, 12vw, 180px);
  padding-top: calc(var(--ingredient-size) * .81 + 50px);
}
body.home-page .kitchen-ingredient--prizes {
  width: var(--ingredient-size);
  right: max(24px, calc((100% - 1240px) / 2 + 24px));
  top: 20px;
  --ingredient-angle: -18deg;
}
body.home-page .featured-section {
  --ingredient-size: clamp(144px, 16.8vw, 246px);
  padding-top: calc(var(--ingredient-size) * .78 + 44px);
}
body.home-page .kitchen-ingredient--games {
  width: var(--ingredient-size);
  left: max(24px, calc((100% - 1240px) / 2 + 24px));
  top: 18px;
  --ingredient-angle: -12deg;
  opacity: .95;
}
body.home-page .editorial-section {
  --ingredient-size: clamp(120px, 12vw, 168px);
  padding-top: calc(var(--ingredient-size) * .75 + 40px);
}
body.home-page .kitchen-ingredient--editorial {
  width: var(--ingredient-size);
  right: max(24px, calc((100% - 1240px) / 2 + 24px));
  top: 16px;
  --ingredient-angle: 10deg;
  opacity: .95;
}
body.home-page .focus-section {
  --ingredient-size: clamp(156px, 14.4vw, 204px);
  padding-top: calc(var(--ingredient-size) * .75 + 48px);
}
body.home-page .kitchen-ingredient--preview {
  width: var(--ingredient-size);
  right: max(28px, calc((100% - 1240px) / 2 + 28px));
  top: 22px;
  --ingredient-angle: -8deg;
  opacity: 1;
}
body.home-page .faq-section {
  --ingredient-size: clamp(115.2px, 10.8vw, 153.6px);
  padding-bottom: calc(var(--ingredient-size) * .75 + 48px);
}
body.home-page .kitchen-ingredient--faq {
  width: var(--ingredient-size);
  right: max(24px, calc((100% - 1240px) / 2 + 24px));
  bottom: 22px;
  --ingredient-angle: -12deg;
  opacity: .95;
}

@media (hover: hover) and (pointer: fine) and (min-width: 901px) {
  body.home-page .kitchen-ingredient { animation: kitchen-float-v64 8s ease-in-out infinite; }
  body.home-page .kitchen-ingredient--editorial { animation-delay: -3s; }
  body.home-page .kitchen-ingredient--preview { animation-delay: -5s; }
}
@keyframes kitchen-float-v64 {
  0%, 100% { transform: translateY(0) rotate(var(--ingredient-angle)); }
  50% { transform: translateY(-5px) rotate(var(--ingredient-angle)); }
}
@media (max-width: 900px) {
  body.home-page .kitchen-ingredient--hero { right: -46px; width: 174px; bottom: 45px; }
  body.home-page .categories-section { --ingredient-size: 138px; }
  body.home-page .featured-section { --ingredient-size: 186px; }
}
@media (max-width: 640px), (pointer: coarse) and (max-width: 960px) {
  body.home-page .hero-kitchen-backdrop {
    --kitchen-scene: url('../img/kitchen-v61/kitchen-hero-mobile.webp');
    background-position: center, 54% center;
    background-image:
      linear-gradient(180deg, rgba(247,244,237,.08), rgba(247,244,237,.14) 42%, rgba(247,244,237,.78) 76%, #f7f4ed 94%),
      var(--kitchen-scene);
  }
  body.home-page .hero-kitchen-backdrop::after { height: 140px; }
}
@media (max-width: 640px) {
  /* Se mantienen dentro de su espacio reservado, sin cubrir el botón principal. */
  body.home-page .kitchen-ingredient--hero { width: 112.8px; right: -36px; top: 22%; bottom: auto; opacity: .8; }
  body.home-page .categories-section { --ingredient-size: 103.2px; }
  body.home-page .featured-section { --ingredient-size: 144px; }
  body.home-page .editorial-section { --ingredient-size: 93.6px; }
  body.home-page .focus-section { --ingredient-size: 128px; }
  body.home-page .faq-section { --ingredient-size: 91.2px; }
  body.home-page .kitchen-ingredient--games { left: 18px; }
  body.home-page .kitchen-ingredient--prizes,
  body.home-page .kitchen-ingredient--editorial,
  body.home-page .kitchen-ingredient--preview,
  body.home-page .kitchen-ingredient--faq { right: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  body.home-page .kitchen-ingredient { animation: none; }
}
@media print {
  body.home-page .hero-kitchen-backdrop,
  body.home-page .kitchen-decor { display: none; }
}