/* CARIBIAN · módulo: Reseñas (slider)
   Al pasar a PHP este CSS no cambia. */
.reviews{--sbg:#EEF0F8;background:var(--tint);padding:clamp(80px,14vw,130px) 0 clamp(72px,12vw,120px)}
.reviews .head{text-align:center;margin-bottom:34px}
.slider{position:relative}
.rev-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px var(--pad) 8px;scroll-padding-inline:var(--pad);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rev-track::-webkit-scrollbar{display:none}
.rev{position:relative;flex:0 0 min(84vw,360px);scroll-snap-align:start;background:#fff;border-radius:26px;padding:26px 24px 24px;box-shadow:0 14px 34px rgba(43,49,123,.09);display:flex;flex-direction:column;gap:14px}
.rev .g{position:absolute;top:20px;right:20px;width:28px;height:28px}
.rev .g i{width:100%;height:100%}
.stars{display:flex;gap:3px;color:var(--red)}
.stars i{width:18px;height:18px}
.rev p{font-size:1.02rem;line-height:1.55;color:var(--ink);padding-right:8px}
.rev footer{margin-top:auto;display:flex;align-items:center;gap:12px}
.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:700}
.rev:nth-child(even) .avatar{background:var(--red)}
.rev footer b{font-size:.98rem}
.rev-ui{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}
.rev-btn{display:none;width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(43,49,123,.25);background:#fff;color:var(--navy);cursor:pointer;place-items:center;transition:background-color .25s,color .25s}
.rev-btn:hover{background:var(--navy);color:#fff}
.rev-btn i{width:20px;height:20px}
.dots{display:flex;gap:8px}
.dots button{width:9px;height:9px;padding:0;border:0;border-radius:99px;background:rgba(43,49,123,.22);cursor:pointer;transition:width .35s var(--ease),background-color .25s}
.dots button.on{width:26px;background:var(--red)}
@media (min-width:720px){
  .rev-btn{display:grid}
  .rev{flex-basis:360px}
}
@media (min-width:960px){
  .rev{flex-basis:380px}
  .rev-track{padding-left:max(var(--pad),calc((100vw - 1120px)/2));scroll-padding-inline:max(var(--pad),calc((100vw - 1120px)/2))}
}