/* Plugin Mercado dentro del muro (ganchos/compositor.php, ganchos/muro.php y js/mercado.js). Ya no hay vista /mercado.
   Solo variables del tema (temas/emprendedores/tema.css). Movil primero; tableta y escritorio solo reacomodan. */

/* Compositor: Publicacion / Ofrezco / Busco como pastillas de radio; categoria y precio al elegir Ofrezco o Busco. */
.mercado-compositor { margin:12px 0 0; padding:0; border:0; min-width:0; }
.mercado-tipos { display:flex; flex-wrap:wrap; gap:8px; }
.mercado-tipo-opcion { position:relative; display:inline-flex; }
.mercado-tipo-opcion input { position:absolute; opacity:0; width:1px; height:1px; }
.mercado-tipo-opcion span { display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:8px 14px 8px 10px; border-radius:999px; background:var(--bg); color:var(--ink); font-size:13.5px; font-weight:600; cursor:pointer; box-sizing:border-box; }
.mercado-tipo-opcion span .ic { width:18px; height:18px; }
.mercado-tipo-opcion span:hover { background:var(--tinte); }
.mercado-tipo-opcion input:checked + span { background:var(--tinte-fuerte); color:var(--texto-rojo-4); box-shadow:inset 0 0 0 1.5px var(--borde-rojo-a28); }
.mercado-tipo-opcion input:focus-visible + span { outline:2px solid var(--red); outline-offset:2px; }
.mercado-detalles { display:grid; grid-template-columns:minmax(0,1fr); gap:0 12px; margin-top:10px; }
.mercado-detalles .fld { margin:0 0 8px; }
.mercado-detalles .fld > span { display:block; margin-bottom:4px; font-size:13px; color:var(--soft); }
@media (min-width:600px){ .mercado-detalles { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); } }
@media (max-width:899px), (pointer:coarse){ .mercado-tipo-opcion span { min-height:44px; } }

/* Filtro del muro: Todo / Ofrezco / Busco + categoria (pastillas). */
.mercado-filtro { display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; padding:12px 14px; margin-bottom:16px; min-width:0; }
.mercado-filtro-titulo { display:flex; align-items:center; gap:6px; margin:0 6px 0 0; font-size:15px; }
.mercado-filtro-titulo .ic { width:20px; height:20px; }
.mercado-filtro-tipos { display:flex; flex-wrap:wrap; gap:6px; }
.mercado-filtro .pill[aria-pressed="true"] { background:var(--red); color:var(--fondo-blanco); }
.mercado-filtro .pill[aria-pressed="true"] .ic { filter:brightness(0) invert(1); }
.mercado-filtro .pill .ic { width:16px; height:16px; }
.mercado-filtro .cselect, .mercado-filtro .sel, .mercado-filtro select { flex:0 1 220px; min-width:0; }
@media (max-width:599px){ .mercado-filtro-titulo { width:100%; } .mercado-filtro .cselect, .mercado-filtro .sel, .mercado-filtro select { flex:1 1 100%; } }

/* Anuncio dentro de la publicacion: etiqueta OFREZCO/BUSCO, categoria, precio y estrellas compactas. */
.mercado-post { display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; margin:10px 0 4px; font-size:13px; min-width:0; }
.mercado-post .ic { width:16px; height:16px; }
.mercado-etiqueta { display:inline-flex; align-items:center; gap:5px; padding:4px 10px 4px 8px; border-radius:999px; font-size:12px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; background:var(--tono-rojo-fondo); color:var(--tono-rojo-texto); }
.mercado-post.es-busco .mercado-etiqueta { background:var(--tono-azul-fondo); color:var(--tono-azul-texto); }
.mercado-dato { display:inline-flex; align-items:center; gap:4px; padding:4px 10px 4px 8px; border-radius:999px; background:var(--bg); color:var(--ink); }
.mercado-precio { font-weight:700; }
.mercado-estrellas-mini, .mercado-accion { display:inline-flex; align-items:center; gap:4px; min-height:32px; padding:4px 10px 4px 8px; border:0; border-radius:999px; background:none; color:var(--soft); font:inherit; font-size:13px; cursor:pointer; }
.mercado-estrellas-mini b { color:var(--ink); }
.mercado-estrellas-mini:hover, .mercado-accion:hover { background:var(--tinte); color:var(--ink); }
.mercado-estrellas-mini:focus-visible, .mercado-accion:focus-visible { outline:2px solid var(--red); outline-offset:1px; }
@media (max-width:899px), (pointer:coarse){ .mercado-estrellas-mini, .mercado-accion { min-height:44px; } }

/* Formularios de las ventanas (resenas y edicion). */
.plugin-formulario .plugin-dos { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0 12px; }
@media (max-width:640px){ .plugin-formulario .plugin-dos { grid-template-columns:minmax(0, 1fr); } }
.plugin-formulario .plugin-sub { margin:12px 0 4px; font-size:14px; color:var(--soft); }
.plugin-error { margin:8px 0 0; color:var(--red); font-size:14px; }
.plugin-acciones { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin-top:14px; }


/* Resenas: promedio, lista y selector de estrellas. */
.mercado-promedio { display:inline-flex; align-items:center; gap:2px; }
.mercado-promedio .ic { width:15px; height:15px; }
.mercado-promedio .apagada { opacity:.25; filter:grayscale(1); }
.mercado-resenas { display:flex; flex-direction:column; gap:10px; max-height:40vh; overflow:auto; }
.mercado-resena { padding:10px 12px; border-radius:14px; background:var(--tinte); font-size:14px; }
.mercado-resena p { margin:4px 0 0; overflow-wrap:anywhere; }
.mercado-estrellas { display:flex; flex-direction:row-reverse; justify-content:flex-end; gap:2px; margin:10px 0 4px; padding:0; border:0; }
.mercado-estrellas legend { width:100%; margin-bottom:4px; font-size:14px; color:var(--soft); }
.mercado-estrellas input { position:absolute; opacity:0; width:1px; height:1px; }
.mercado-estrellas label { cursor:pointer; padding:2px; border-radius:8px; }
.mercado-estrellas label .ic { width:30px; height:30px; opacity:.6; filter:grayscale(1); transition:opacity .15s, filter .15s; }
.mercado-estrellas input:checked ~ label .ic, .mercado-estrellas label:hover .ic, .mercado-estrellas label:hover ~ label .ic { opacity:1; filter:none; }
.mercado-estrellas input:focus-visible + label { outline:2px solid var(--red); }