/* Slider de fotos con fundido (ej. El Nido en la home) */
.slider { position: relative; overflow: hidden; }
.slider > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.2s var(--ease); }
.slider > img.is-on { opacity: 1; }
.slider__ctrl {
  position: absolute; z-index: 2; left: 50%; bottom: 24px; transform: translateX(-50%);
  display: flex; align-items: center; gap: 14px;
  padding: 6px 8px; border-radius: 999px; background: rgba(20,25,20,.35); backdrop-filter: blur(6px);
}
.slider__flecha { width: 30px; height: 30px; border: 0; border-radius: 50%; background: rgba(255,255,255,.9); color: var(--tinta); font-size: 1.1rem; line-height: 1; cursor: pointer; }
.slider__puntos { display: flex; gap: 7px; }
.slider__puntos button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.5); cursor: pointer; transition: background .3s, transform .3s; }
.slider__puntos button[aria-current="true"] { background: #fff; transform: scale(1.3); }

/* Área táctil de 24px manteniendo el punto chico */
.slider__puntos { gap: 0 !important; }
.slider__puntos button { width: 24px !important; height: 24px !important; background: transparent !important; opacity: 1 !important; transform: none !important; position: relative; }
.slider__puntos button::before { content: ""; position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; margin: -3.5px; border-radius: 50%; background: rgba(255,255,255,.5); transition: transform .3s, background .3s; }
.slider__puntos button[aria-current="true"]::before { background: #fff; transform: scale(1.5); }