/* Reseñas de Google — carrusel de tarjetas arrastrable con auto-scroll.
   Sustituye al swiper de testimonios genérico (misma franja crp-price-bg
   terracota); las tarjetas quedan en negro mate para que floten sobre el
   terracota en vez de mezclarse con él. Prefijo grsn- para no chocar con
   nada de la plantilla. */
.grsn-area{overflow:hidden}
.grsn-head{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:50px}
.grsn-eyebrow{display:inline-flex;align-items:center;gap:8px}
.grsn-eyebrow svg{display:block}
.grsn-rating{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;color:var(--tp-common-black)}
.grsn-avg{font-family:var(--tp-ff-teko);font-size:28px;font-weight:600;color:var(--tp-common-black);line-height:1}
.grsn-stars{color:var(--tp-common-black-9);letter-spacing:2px;font-size:16px;white-space:nowrap}
.grsn-stars--off{color:rgba(23,19,16,.35)}
.grsn-count{font-size:14px;color:var(--tp-common-black)}
.grsn-write{margin-top:6px}

.grsn-track{display:flex;gap:22px;overflow-x:auto;overflow-y:visible;padding:30px 6px 14px;
  perspective:1600px;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;user-select:none}
.grsn-track::-webkit-scrollbar{display:none}
.grsn-track.is-drag{cursor:grabbing}
.grsn-track.is-drag .grsn-card{transform:rotateY(0)!important}

.grsn-card{flex:0 0 clamp(270px,34vw,340px);min-height:210px;display:flex;flex-direction:column;gap:12px;
  text-decoration:none;color:var(--tp-common-cream-3);background:linear-gradient(160deg,#211b16,var(--tp-common-black-9));
  border:1px solid rgba(200,155,30,.18);border-radius:14px;padding:24px 22px 20px;
  box-shadow:0 18px 30px -20px rgba(0,0,0,.6);-webkit-user-drag:none;user-drag:none;
  transform:rotateY(6deg);transform-origin:center;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease}
.grsn-card:nth-child(even){transform:rotateY(-6deg)}
.grsn-track:hover .grsn-card{transform:rotateY(0)}
.grsn-card:hover{transform:translateY(-8px) rotateY(0) scale(1.015)!important;
  box-shadow:0 28px 44px -20px rgba(0,0,0,.7);border-color:rgba(200,155,30,.4)}
.grsn-top{display:flex;align-items:center;gap:12px}
.grsn-avatar{width:40px;height:40px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;
  background:var(--tp-common-black-9);color:#C89B1E;font-weight:600;font-size:16px;font-family:var(--tp-ff-teko)}
.grsn-id{display:flex;flex-direction:column;min-width:0}
.grsn-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tp-common-cream-3)}
.grsn-date{color:rgba(255,255,255,.5);font-size:12px}
.grsn-g{margin-left:auto}
.grsn-g svg{display:block}
.grsn-card-stars{color:#C89B1E;letter-spacing:2px;font-size:15px}
.grsn-text{margin:0;color:rgba(255,255,255,.82);font-size:14px;line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.grsn-cta{margin-top:auto;color:#C89B1E;font-weight:600;font-size:12.5px;
  opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease}
.grsn-card:hover .grsn-cta{opacity:1;transform:none}

.grsn-foot{text-align:center;margin-top:22px}
.grsn-foot a{color:var(--tp-common-black);text-decoration:none;font-size:14px;border-bottom:1px solid transparent}
.grsn-foot a:hover{border-color:var(--tp-common-black)}

@media (max-width:767px){
  .grsn-card{flex-basis:80vw;transform:none}
  .grsn-card:nth-child(even){transform:none}
}
@media (prefers-reduced-motion:reduce){
  .grsn-card,.grsn-card:nth-child(even),.grsn-card:hover{transform:none!important}
}