.ttop{--tto-accent:#40868E;--tto-dark:#0d2b2e;--tto-star:#f5b301;--tto-avatar:#40868E;display:flex;align-items:center;gap:14px;font-family:'Montserrat',sans-serif;color:var(--tto-dark)}
.ttop *{box-sizing:border-box}
.ttop__track{flex:1 1 auto;min-width:0;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 14px;scrollbar-width:none;-ms-overflow-style:none}
.ttop__track::-webkit-scrollbar{display:none}
.ttop__card{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;background:#fff;border:1px solid #dcebe8;border-radius:14px;padding:22px;box-shadow:0 4px 14px rgba(13,43,46,.06);display:flex;flex-direction:column;gap:14px}
.ttop__who{display:flex;align-items:center;gap:12px}
.ttop__avatar{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--tto-avatar);color:#fff;font-weight:700;font-size:16px;letter-spacing:.02em}
.ttop__meta{display:flex;flex-direction:column;gap:2px;font-size:15px}
.ttop__stars{font-size:16px;letter-spacing:1px;line-height:1}
.ttop__stars i{font-style:normal;color:#d5dedc}
.ttop__stars i.on{color:var(--tto-star)}
.ttop__card blockquote{margin:0;padding:0;border:0;font-size:15px;line-height:1.6;color:#2f3c3f}

/* Flechas: fuera de las tarjetas, ancho fijo, sin heredar estilos del tema */
.ttop button.ttop__nav{all:unset;box-sizing:border-box;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:var(--tto-accent);color:#fff;font-size:26px;line-height:38px;text-align:center;cursor:pointer;transition:opacity .2s,background .2s}
.ttop button.ttop__nav:hover{background:var(--tto-dark);color:#fff}
.ttop button.ttop__nav:focus-visible{outline:2px solid var(--tto-dark);outline-offset:2px}


@media(max-width:1023px){
 .ttop__card{flex-basis:calc((100% - 20px)/2)}
}
@media(max-width:599px){
 .ttop button.ttop__nav{display:none}
 .ttop__card{flex-basis:85%}
}