/* El quiosco · 20 oct 2026. Lo justo para leer y buscar bien en el móvil; el diseño va encima. */
.trika-quiosco { max-width: 760px; margin: 0 auto; color: #2e1c17; }
.trika-quiosco__mandos { padding: .6rem 0; display: flex; flex-direction: column; gap: .5rem; }
.trika-quiosco__buscar { width: 100%; box-sizing: border-box; padding: .65rem .8rem; border: 1px solid #c9bfae; border-radius: .4rem; font: inherit; }
.trika-quiosco__tipos { display: flex; flex-wrap: wrap; gap: .4rem; }
.trika-quiosco__filtro { padding: .3rem .8rem; border: 1px solid #c9bfae; border-radius: 999px; background: transparent; color: #2e1c17; font: inherit; font-size: .9rem; cursor: pointer; }
.trika-quiosco__filtro.es-activo { background: #2e1c17; border-color: #2e1c17; color: #f4ecdd; }
.trika-quiosco__seccion { margin: 1.4rem 0; }
.trika-quiosco__titulo { font-size: 1.15rem !important; margin: 0 0 .5rem; }
.trika-quiosco__fuentes { list-style: none; margin: 0; padding: 0; }
.trika-quiosco__fuente { display: flex; gap: .6rem; align-items: flex-start; padding: .7rem 0; border-top: 1px solid #e2dbcf; }
.trika-quiosco__fuente--revisar { opacity: .7; }
.trika-quiosco__estrella { flex: 0 0 auto; width: 2rem; height: 2rem; border: 0; background: transparent; color: #9e1b1e; font-size: 1.25rem; line-height: 1; cursor: pointer; }
.trika-quiosco__cuerpo { flex: 1 1 auto; min-width: 0; }
.trika-quiosco__cab { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .5rem; }
.trika-quiosco__bandera { font-size: 1.1rem; }
.trika-quiosco__nombre { font-weight: 600; color: #2e1c17; }
a.trika-quiosco__nombre { text-decoration: underline; text-decoration-color: #c9bfae; }
.trika-quiosco__tipo { font-size: .85rem; opacity: .7; }
.trika-quiosco__mirada, .trika-quiosco__mas, .trika-quiosco__aviso-legal, .trika-quiosco__revisar { margin: .25rem 0 0; font-size: .95rem; }
.trika-quiosco__aviso-legal { font-size: .85rem; color: #7a4a12; }
.trika-quiosco__revisar { font-size: .8rem; letter-spacing: .03em; text-transform: uppercase; opacity: .7; }
.trika-quiosco__vacio, .trika-quiosco__aviso { opacity: .8; }
.trika-quiosco__anadir { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .6rem; }
.trika-quiosco__anadir input { flex: 1 1 10rem; padding: .5rem .6rem; border: 1px solid #c9bfae; border-radius: .4rem; font: inherit; }
.trika-quiosco__boton { padding: .5rem 1rem; border: 1px solid #2e1c17; border-radius: 999px; background: transparent; color: #2e1c17; font: inherit; cursor: pointer; }
/* v4: casillas que se suman, botones rápidos y varios enlaces por fuente. */
.trika-quiosco__fila { display: flex; flex-wrap: wrap; gap: .3rem 1.2rem; }
.trika-quiosco__casilla { display: inline-flex; align-items: center; gap: .35rem; font-size: .92rem; cursor: pointer; }
.trika-quiosco__rapidos { display: flex; flex-wrap: wrap; gap: .4rem; }
.trika-quiosco__rapido { padding: .3rem .8rem; border: 1px solid #2e1c17; border-radius: .4rem; background: transparent; color: #2e1c17; font: inherit; font-size: .88rem; cursor: pointer; }
.trika-quiosco__filtros summary { cursor: pointer; font-size: .92rem; }
.trika-quiosco__grupo { border: 0; margin: .5rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .2rem .9rem; }
.trika-quiosco__grupo legend { font-weight: 600; font-size: .85rem; letter-spacing: .03em; text-transform: uppercase; opacity: .75; margin-bottom: .2rem; }
.trika-quiosco__cuenta { margin: 0; font-size: .85rem; opacity: .7; }
.trika-quiosco__datos, .trika-quiosco__detras { font-size: .85rem; opacity: .75; margin: .15rem 0 0; }
.trika-quiosco__enlaces { display: flex; flex-wrap: wrap; gap: .3rem .9rem; margin-top: .35rem; font-size: .92rem; }
.trika-quiosco__enlace { color: #9e1b1e; }
/* v5: cada fuente plegada, como en la Biblioteca; tipo, quién y tema a la vista. */
.trika-quiosco__todas { margin: .2rem 0 0; font-size: .92rem; }
.trika-quiosco__grupo--vista { margin-top: .4rem; }
.trika-quiosco__grupo .trika-quiosco__rapidos { flex-basis: 100%; margin-top: .2rem; }
.trika-quiosco__resumen { cursor: pointer; display: flex; flex-wrap: wrap; align-items: baseline; gap: .1rem .6rem; list-style: none; }
.trika-quiosco__resumen::-webkit-details-marker { display: none; }
.trika-quiosco__ficha { padding: .2rem 0 .3rem; }
.trika-quiosco__aviso-salud { margin: 0 0 .6rem; font-size: .8rem; opacity: .75; }
.trika-quiosco__anadidas > summary { cursor: pointer; }
.trika-quiosco__todo { flex-basis: 100%; display: flex; gap: .35rem; margin: 0 0 .15rem; }
body .trika-quiosco .trika-quiosco__todo .trika-quiosco__rapido { padding: 0 .5rem; font-size: .8rem; line-height: 1.6; border-radius: .3rem; }
body .trika-quiosco .trika-quiosco__ajustes { margin-top: .8rem; font-size: .85rem; opacity: .8; }
/* Los ✓ ✕ debajo del nombre del grupo, en su columna, para no gastar una línea (Vicen, 20 oct). */
body .trika-quiosco .trika-quiosco__grupo .trika-quiosco__todo { position: absolute; left: 0; top: 34px; width: 118px; flex-basis: auto; margin: 0; }
@media (max-width: 600px) {
  body .trika-quiosco .trika-quiosco__grupo legend { flex-basis: auto; float: none; margin-right: .6rem; }
  body .trika-quiosco .trika-quiosco__grupo .trika-quiosco__todo { position: static; width: auto; flex: 1 0 auto; }
}
body .trika-quiosco .trika-quiosco__play { border: 0; background: transparent; color: #9e1b1e; font: inherit; font-size: .95rem; line-height: 1; padding: 0 .45rem 0 0; cursor: pointer; }