/**
 * Componente Reseñas (section/reviews.php).
 * Origen: #s-resenas de products.html (valores exactos).
 * Globales usados aquí (style.css): .about-card, .about-card-icon y
 * .section-head.center. La rejilla (.grid-4 en el mockup) se hace con utilidades.
 *
 * Contraste sobre blanco: --text-secondary #5B5D61 = 6,6:1 (AA);
 * --text #161616 = 18:1.
 *
 * @package silomasters
 */

/* reset explícito de la lista: sin JS no hay preflight de Tailwind CDN (el margin-top va en la utilidad mt-14) */
.review-list{margin-bottom:0; padding:0; list-style:none;}
/* la tarjeta llena el <li> (en el mockup la tarjeta era el elemento de la rejilla: misma altura en cada fila) */
.review-list > li{display:flex;}
.review-list .about-card{flex:1 1 auto; min-width:0; margin:0;}

.review-stars{color:var(--orange); font-size:15px; letter-spacing:2px;}
.review-quote{font-size:14px; line-height:1.6; color:var(--text-secondary); margin:14px 0 0;}
/* anula .about-card p (13,5px y margin-top 8px): el texto hereda de .review-quote, como el <p class="review-quote"> del mockup */
.review-quote p{font-size:inherit; line-height:inherit; color:inherit; margin:0;}
.review-author{font-size:13px; font-weight:700; color:var(--text); margin-top:18px;}
.review-author span{display:block; font-weight:500; color:var(--text-secondary); font-size:12.5px; margin-top:2px;}