/* ============================================================
   RESEÑAS — extras sobre las clases testimonial-* / cd-testimonial-*
   (título, texto largo con "Leer más" y filtros de /resenias)
============================================================ */
/* Autor arriba (foto o iniciales, nombre y fecha), mensaje en el medio y el curso abajo */
.resenia-card .resenia-autor {
    margin-top: 0;
    margin-bottom: 1rem;
}

.resenia-card .resenia-curso {
    margin-top: auto;
}

.resenia-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}

/* Los cuerpos vienen de Moodle como texto plano con saltos de línea. */
.resenia-quote { white-space: pre-line; }

.resenia-quote--clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    overflow: hidden;
}

.resenia-mas {
    background: none;
    border: none;
    padding: 0;
    margin: -0.9rem 0 1.25rem;
    align-self: flex-start;
    color: var(--primary-color);
    font-size: 0.8rem;
    cursor: pointer;
}
.resenia-mas:hover { text-decoration: underline; }

/* En la ficha las tarjetas van en columna y no hay flex-grow en la cita. */
.cd-testimonial-card .resenia-mas { margin: -0.5rem 0 1rem; display: block; }

.resenia-filtros {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 2rem;
}
.resenia-filtros label { color: #8b8b8b; font-size: 0.85rem; }
.resenia-filtros select { max-width: 320px; }
.resenia-total { text-align: center; color: #8b8b8b; font-size: 0.85rem; margin-bottom: 1.5rem; }

/* Paginador de /resenias: botones negros con números amarillos; la página actual va invertida. */
.resenia-paginador {
    --bs-pagination-color: var(--primary-color);
    --bs-pagination-bg: var(--secondary-color);
    --bs-pagination-border-color: rgba(255, 255, 255, 0.08);
    --bs-pagination-hover-color: var(--primary-color);
    --bs-pagination-hover-bg: #262626;
    --bs-pagination-hover-border-color: rgba(251, 251, 154, 0.25);
    --bs-pagination-focus-color: var(--primary-color);
    --bs-pagination-focus-bg: #262626;
    --bs-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(var(--btn-focus-shadow-rgb), 0.25);
    --bs-pagination-active-color: var(--secondary-color);
    --bs-pagination-active-bg: var(--primary-color);
    --bs-pagination-active-border-color: var(--primary-color);
    --bs-pagination-disabled-color: #5a5a5a;
    --bs-pagination-disabled-bg: #111;
    --bs-pagination-disabled-border-color: rgba(255, 255, 255, 0.05);
}