/* Reseñas Jardines · v0.1
   Tarjetas claras en una fila que se desplaza sola, sin fin. Se para al pasar el ratón
   o al tocarla. Con «reducir movimiento» activado no se mueve: se desliza a mano.
   Variables: .jrs{ --jrs-card-bg; --jrs-fg; --jrs-muted; --jrs-w; --jrs-h; --jrs-gap; --jrs-radius; } */

.jrs{
  --jrs-card-bg:#FFFDFA; --jrs-fg:#2F2E2C; --jrs-muted:#8B8677; --jrs-avatar-bg:#545142; --jrs-avatar-fg:#ECE3A2;
  --jrs-w:400px; --jrs-h:400px; --jrs-gap:24px; --jrs-radius:10px; --jrs-pad:40px;
  --jrs-serif:"Inria Serif",Georgia,"Times New Roman",serif;
  --jrs-sans:"Inria Sans","Helvetica Neue",Arial,sans-serif;
  position:relative; width:100%; color:var(--jrs-fg);
}
@media (max-width:640px){ .jrs{ --jrs-w:300px; --jrs-h:340px; --jrs-gap:14px; --jrs-pad:28px; } }
.jrs *,.jrs *::before,.jrs *::after{ box-sizing:border-box; }

.jrs-viewport{ overflow:hidden; }
.jrs-track{ display:flex; width:max-content; animation:jrs-loop var(--jrs-dur,60s) linear infinite; }
.jrs--derecha .jrs-track{ animation-direction:reverse; }
.jrs:hover .jrs-track,.jrs.is-paused .jrs-track,.jrs:focus-within .jrs-track{ animation-play-state:paused; }
@keyframes jrs-loop{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

.jrs .jrs-list{ display:flex; gap:var(--jrs-gap); margin:0; padding:0 var(--jrs-gap) 0 0; list-style:none; }
.jrs .jrs-card{ flex:0 0 var(--jrs-w); min-height:var(--jrs-h); margin:0; padding:0; list-style:none; }
.jrs .jrs-card figure{ display:flex; flex-direction:column; justify-content:space-between; gap:32px; height:100%; margin:0; padding:var(--jrs-pad); border-radius:var(--jrs-radius); background:var(--jrs-card-bg); }
.jrs .jrs-quote{ margin:0; padding:0; border:0; quotes:none; }
.jrs .jrs-quote p{ margin:0; font:400 clamp(17px,1.35vw,21px)/1.35 var(--jrs-serif); letter-spacing:-.2px; color:var(--jrs-fg); }
.jrs .jrs-who{ display:flex; align-items:center; gap:14px; margin:0; }
.jrs .jrs-avatar{ width:48px; height:48px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.jrs .jrs-avatar--txt{ display:inline-flex; align-items:center; justify-content:center; background:var(--jrs-avatar-bg); color:var(--jrs-avatar-fg); font:400 14px/1 var(--jrs-sans); letter-spacing:1px; }
.jrs .jrs-who b{ display:block; font:400 15px/1.3 var(--jrs-sans); color:var(--jrs-fg); }
.jrs .jrs-who small{ display:block; margin-top:2px; font:300 13.5px/1.35 var(--jrs-sans); color:var(--jrs-muted); }

/* Sin movimiento: fila desplazable a mano y sin la copia repetida. */
@media (prefers-reduced-motion:reduce){
  .jrs-viewport{ overflow-x:auto; scrollbar-width:none; }
  .jrs-viewport::-webkit-scrollbar{ display:none; }
  .jrs-track{ animation:none; }
  .jrs-list[aria-hidden="true"]{ display:none; }
}