/* Ajustes visuales finales que deben aplicarse después del responsive. */

.builder-note__paper {
  width: 1.45rem;
  height: 1.05rem;
  opacity: 0.78;
  box-shadow:
    0 0.12rem 0.18rem rgba(20, 28, 35, 0.24),
    0 0 0.65rem rgba(246, 216, 121, 0.2);
  transition:
    opacity 0.45s ease,
    box-shadow 0.45s ease;
}

.builder-note__paper::after {
  width: 0.36rem;
}

.builder-note:hover .builder-note__paper,
.builder-note:focus-visible .builder-note__paper,
.builder-note__paper.is-opened {
  opacity: 1;
}

.builder-note:hover .builder-note__paper,
.builder-note:focus-visible .builder-note__paper {
  box-shadow:
    0 0.18rem 0.26rem rgba(20, 28, 35, 0.3),
    0 0 1.15rem rgba(255, 230, 143, 0.44);
}

/* La roca y la nota cercana son descubrimientos distintos. */
.builder-note--rock-note {
  left: 43%;
  bottom: 23%;
  z-index: 4;
  width: 3.25rem;
  height: 3.25rem;
  --note-rotation: 4deg;
  --note-delay: -2.5s;
}

/* El horizonte conserva una zona amplia, pero su señal aparece sobre la línea del bosque. */
.quiet-hotspot--horizon {
  --glint-left: 66%;
  --glint-top: 32%;
}

.quiet-hotspot--horizon::before {
  width: 0.38rem;
  box-shadow:
    0 0 0.6rem rgba(255, 239, 174, 0.9),
    0 0 1.45rem rgba(255, 235, 157, 0.42);
}

.quiet-hotspot--horizon::after {
  width: 1.8rem;
}

/* Pulido exclusivo para teléfonos en orientación vertical. */
@media (max-width: 720px) and (orientation: portrait) {
  .tree-crown {
    bottom: 34.5%;
    width: 25vw;
    height: 15vh;
  }

  .tree-trunk {
    width: 4.8vw;
    height: 12.5vh;
  }

  .lake-water {
    width: 49vw;
    height: 12vh;
  }

  .quiet-hotspot--lake {
    width: 49vw;
    height: 16vh;
  }

  .quiet-hotspot--tree {
    width: 29vw;
    height: 32vh;
  }

  .builder-note--rock-note {
    left: 41%;
    bottom: 24%;
  }

  .quiet-hotspot--horizon {
    --glint-left: 70%;
    --glint-top: 35%;
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  .builder-note--rock-note {
    left: 47%;
    bottom: 17%;
  }

  .quiet-hotspot--horizon {
    --glint-left: 61%;
    --glint-top: 38%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .builder-note__paper {
    transition: none;
  }

  .ambient-star,
  .discovery-star__light,
  .discovery-star__light::before,
  .discovery-star__light::after,
  .wildflower {
    animation: none;
  }

  .ambient-star {
    opacity: 0.72;
  }

  .discovery-star__light {
    opacity: 0.92;
  }
}

.narrative-voice__text {
  white-space: pre-line;
}