.comentarios{display:grid;gap:24px}.comentarios-cabecera{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.comentarios-cabecera h2{display:flex;align-items:center;gap:10px;margin:0;padding:0;font-size:1.4rem}.comentarios-total{padding:2px 10px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font:500 13px var(--font-mono)}.comentarios-sesion{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.comentarios-sesion img,.comentario-avatar{flex-shrink:0;-o-object-fit:cover;object-fit:cover;border-radius:999px;border:1px solid var(--line)}.comentarios-sesion img{width:24px;height:24px}.comentario-avatar{width:32px;height:32px}.comentarios-sesion a{color:var(--font-color)}.comentarios-login{display:inline-flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content}.comentarios-login:hover{text-decoration:none}.comentarios-estado,.comentarios-aviso{margin:0;padding:0;font-size:15px;color:var(--muted)}.comentarios-aviso{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 16px;border-radius:12px;border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--surface);color:var(--font-color)}.comentarios-aviso p{flex:1;margin:0;padding:0}.comentarios-aviso-cerrar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:8px;border:0;background:none;color:var(--muted);cursor:pointer}.comentarios-aviso-cerrar:hover{background:var(--background-color);color:var(--font-color)}.comentarios-lista,.comentarios-respuestas{list-style:none;margin:0;padding:0;display:grid;gap:16px}.comentarios-respuestas{margin-top:16px;padding-left:20px;border-left:2px solid var(--line)}.comentario>article{display:grid;gap:12px;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.comentario.pendiente>article{border-style:dashed}.comentario-cabecera{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;color:var(--muted)}.comentario-autor{font-weight:600;color:var(--font-color)}.comentario-pendiente{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;border:1px dashed color-mix(in srgb,var(--accent) 60%,var(--muted));background:color-mix(in srgb,var(--accent) 18%,transparent);font:500 11px var(--font-mono);color:var(--font-color)}.comentario-cuerpo{overflow-wrap:anywhere;line-height:1.6}.comentario-cuerpo>:first-child{margin-top:0}.comentario-cuerpo>:last-child{margin-bottom:0}.comentario-cuerpo p,.comentario-cuerpo ul,.comentario-cuerpo ol,.comentario-cuerpo blockquote,.comentario-cuerpo pre{margin:0 0 12px;padding:0}.comentario-cuerpo ul,.comentario-cuerpo ol{padding-left:1.4em}.comentario-cuerpo a{color:var(--font-color);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px}.comentario-cuerpo blockquote,.editor-contenido blockquote{padding:8px 14px;border-left:3px solid var(--accent);color:var(--muted)}.comentario-cuerpo :not(pre)>code,.editor-contenido :not(pre)>code{padding:1px 6px;border-radius:6px;border:1px solid var(--line);background:var(--background-color);font:.9em var(--font-mono)}.comentario-cuerpo pre,.editor-contenido pre{overflow-x:auto;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--background-color);font:13px / 1.5 var(--font-mono)}.comentario-cuerpo{min-width:0}.comentario-cuerpo :is(h1,h2,h3,h4,h5,h6){margin:0 0 8px;padding:0;font-size:1rem;line-height:1.4}.comentario-cuerpo table{display:block;max-width:100%;overflow-x:auto;margin:0 0 12px;border-collapse:collapse;font-size:14px}.comentario-cuerpo :is(th,td){padding:6px 10px;border:1px solid var(--line)}.comentario-cuerpo hr{margin:12px 0;border:0;border-top:1px solid var(--line)}.comentario-cuerpo :is(ul,ol,blockquote) :is(ul,ol,blockquote) :is(ul,ol,blockquote){padding-left:0;margin-left:0}.comentario-cuerpo img{max-width:100%;height:auto}.comentario-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}.comentario-accion{padding:4px 0;border:0;background:none;color:var(--muted);font:500 13px var(--font-sans);cursor:pointer}.comentario-accion:hover{color:var(--font-color);text-decoration:underline}.megusta{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--background-color);color:var(--muted);font:500 13px var(--font-mono);cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.megusta:hover:not(:disabled){border-color:var(--font-color);color:var(--font-color)}.megusta.activo{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.megusta:disabled{cursor:default}.editor{--editor-barra: #2A2D35;--editor-barra-tinta: #F4F3EF;--editor-borde: color-mix(in srgb, var(--accent) 55%, var(--line));display:grid;overflow:hidden;border-radius:var(--radius);border:1px solid var(--editor-borde);background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease}.editor-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:6px;background:var(--editor-barra);border-bottom:1px solid var(--editor-borde)}.editor-herramienta{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:0;background:none;color:var(--editor-barra-tinta);opacity:.75;cursor:pointer;transition:background .16s ease,opacity .16s ease}.editor-herramienta:hover:not(:disabled),.editor-herramienta:focus-visible{opacity:1;background:color-mix(in srgb,var(--editor-barra-tinta) 14%,transparent)}.editor-herramienta:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.editor-herramienta[aria-pressed=true]{opacity:1;background:var(--accent);color:var(--accent-ink)}.editor-herramienta:disabled{opacity:.4;cursor:default}.editor-area{min-height:120px;padding:12px 14px;cursor:text}.editor-contenido{min-height:96px;outline:none;color:var(--font-color);font:400 16px / 1.6 var(--font-sans)}.editor-contenido:focus,.editor-contenido:focus-visible{outline:none}.editor-contenido>*+*{margin-top:10px}.editor-contenido ul,.editor-contenido ol{padding-left:1.4em}.editor-contenido a{color:var(--font-color);text-decoration:underline;text-decoration-color:var(--accent)}.editor-contenido p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--muted);pointer-events:none}.editor-pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;padding:10px 12px;border-top:1px solid var(--line)}.editor-error{flex:1;margin:0;padding:0;font-size:13px;color:var(--muted)}.esqueleto{display:block;border-radius:6px;background:linear-gradient(90deg,var(--line) 0%,color-mix(in srgb,var(--line) 40%,var(--surface)) 50%,var(--line) 100%);background-size:200% 100%;animation:esqueleto 1.4s ease-in-out infinite}.esqueleto-login{width:min(340px,100%);height:46px;border-radius:999px}.esqueleto-editor{display:grid;overflow:hidden;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--surface)}.esqueleto-editor-barra{height:46px;background:#2a2d35}.esqueleto-editor-area{min-height:120px}.esqueleto-editor-pie{display:flex;justify-content:flex-end;padding:10px 12px;border-top:1px solid var(--line)}.esqueleto-boton{width:120px;height:46px;border-radius:999px}.esqueleto-comentario{display:grid;gap:12px;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.esqueleto-avatar{width:32px;height:32px;border-radius:999px}.esqueleto-linea{height:12px}@keyframes esqueleto{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.esqueleto{animation:none}}.comentarios-mas{justify-self:center}.comentario>.comentario-eliminado{display:flex;align-items:center;background:none;gap:8px;padding:12px 18px;border-radius:var(--radius);border:1px dashed var(--line);color:var(--muted);font-size:14px;font-style:italic}
