/* Carrusel "Días en Arcadia" (ref. Postcard Cabins): foto central más grande, vecinas asomando */
.carrusel { --w: min(60vw, 980px); --gap: clamp(14px, 1.8vw, 24px); position: relative; }
.carrusel__pista { position: relative; height: calc(var(--w) * .6); overflow: hidden; touch-action: pan-y; }
.carrusel__slide {
  position: absolute; top: 0; left: 50%; margin: 0;
  width: var(--w); height: calc(var(--w) * .6);
  border-radius: var(--radio-foto); overflow: hidden;
  transform-origin: top left;
  transition: transform .7s var(--ease), opacity .7s var(--ease);
  cursor: pointer;
}
.carrusel__slide.sin-anim { transition: none; }
.carrusel__slide img { width: 100%; height: 100%; object-fit: cover; }
.carrusel__slide.is-on { cursor: default; }
.carrusel__slide:not(.is-on) { opacity: .92; }

.carrusel__nav { display: flex; justify-content: center; align-items: center; gap: clamp(16px, 3vw, 32px); margin-top: 28px; }
.carrusel__btn {
  display: inline-flex; align-items: center; gap: 10px;
  background: none; border: 0; padding: 8px 4px; cursor: pointer;
  font: 500 var(--t-md) var(--f-texto); color: var(--tinta);
}
.carrusel__btn span { font-size: 1.4rem; line-height: 1; color: var(--azul-texto); }
.carrusel__btn:hover { color: var(--azul); }
.carrusel__puntos { display: flex; gap: 10px; }
.carrusel__puntos button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: var(--gris); opacity: .45; cursor: pointer; transition: transform .3s, opacity .3s, background .3s; }
.carrusel__puntos button[aria-current="true"] { opacity: 1; background: var(--tinta); transform: scale(1.5); }
.carrusel__btn:focus-visible, .carrusel__puntos button:focus-visible { outline: 2px solid var(--azul); outline-offset: 3px; }

@media (max-width: 760px) {
  .carrusel { --w: 80vw; }
  .carrusel__btn { font-size: var(--t-sm); }
}

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