/* Reseñas y Preguntas · embebida. Sobre kit.css: cards sin bordes, tablas compactas, modo claro. */
.page-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .75rem; margin-bottom: 1rem; }
.page-head h1 { margin: 0; }
.stat .stars { font-size: 1rem; }
.list { display: grid; gap: .75rem; margin: 0; padding: 0; list-style: none; }
.item { background: var(--card); border-radius: var(--radius); box-shadow: var(--shadow); padding: .9rem 1.1rem; display: grid; gap: .5rem; }
.item-top { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .6rem; }
.item-title { font-weight: 700; }
.item-body { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.item-meta { color: var(--muted); font-size: .8rem; }
.item-actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.photos { display: flex; flex-wrap: wrap; gap: .5rem; }
.photos a { display: block; width: 76px; height: 76px; border-radius: 8px; overflow: hidden; background: var(--neutral-bg); }
.photos img { width: 100%; height: 100%; object-fit: cover; display: block; }
.reply-box { display: grid; gap: .5rem; background: var(--neutral-bg); border-radius: 8px; padding: .6rem .75rem; }
.reply-shown { background: var(--primary-bg); border-radius: 8px; padding: .5rem .75rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.section-title { display: flex; align-items: center; gap: .5rem; margin: 1.25rem 0 .5rem; }
.filters { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: .75rem; }
.filters .select { width: auto; min-width: 10rem; }
.check { display: flex; gap: .5rem; align-items: flex-start; }
.check input { margin-top: .25rem; }
.narrow { max-width: 34rem; }
.subtabs { display: flex; gap: .25rem; margin-bottom: .75rem; }
/* El selector de color con `.input` (ancho completo + padding) se veía como una línea: muestra nativa, como en Popups. */
.color { width: 2.5rem; height: 2.25rem; padding: 0; border: 0; background: none; cursor: pointer; }