/* Capa decorativa — nubes CSS + canvas aviones de papel */

.ambient {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 50;
  overflow: hidden;
}

.ambient-planes {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 50;
}

.ambient__cloud {
  position: absolute;
  display: block;
  border-radius: 50%;
  opacity: 0.18;
  background: radial-gradient(
    ellipse at center,
    rgba(250, 218, 221, 0.9) 0%,
    rgba(212, 165, 165, 0.35) 45%,
    transparent 70%
  );
}

.ambient__cloud--1 {
  width: 140px;
  height: 56px;
  top: 28%;
  left: -20%;
  animation: ambientCloud1 40s linear infinite;
  animation-delay: -8s;
}

.ambient__cloud--2 {
  width: 100px;
  height: 40px;
  top: 72%;
  left: -15%;
  opacity: 0.08;
  animation: ambientCloud2 48s linear infinite;
  animation-delay: -20s;
}

@keyframes ambientCloud1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(100vw + 40%));
  }
}

@keyframes ambientCloud2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(100vw + 30%));
  }
}

@media (prefers-reduced-motion: reduce) {
  .ambient__cloud {
    display: none;
  }

  .ambient-planes {
    display: none;
  }
}