/* Comments by members (blog, glossary, encounters), in the site's style. */
.cs-comments{max-width:760px;margin:var(--cs-space-6,3rem) auto 0;padding-top:var(--cs-space-5,2rem);border-top:1px solid var(--bricks-color-df9a1e,#3d3731)}
.cs-comments-title{font-family:"Cormorant Garamond",serif;font-size:var(--cs-h3,1.8rem);margin:0 0 var(--cs-space-4,1.5rem)}
.cs-comments-locked{color:var(--bricks-color-184aac,#c9c2ba)}.cs-comments-locked a{color:var(--bricks-color-64640e,#d5ba96)}
.cs-comments-list,.cs-comments-replies{list-style:none;margin:0;padding:0}
.cs-comments-list>li{padding:var(--cs-space-3,1rem) 0;border-bottom:1px solid var(--bricks-color-df9a1e,#3d3731)}
.cs-comments-replies{margin:var(--cs-space-2,.75rem) 0 0 var(--cs-space-5,2rem);padding-left:var(--cs-space-3,1rem);border-left:1px solid var(--bricks-color-df9a1e,#3d3731)}
.cs-comment header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cs-comment header .cscrm-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#702d40;color:#f4eee5;font-size:14px}
.cs-comment header .cscrm-avatar img{width:100%;height:100%;object-fit:cover}
.cs-comment header time{color:var(--bricks-color-184aac,#c9c2ba);font-size:.8125rem}
.cs-comment p{margin:8px 0 6px;white-space:normal}
.cs-comment.is-pending{opacity:.7}.cs-comments-wait{font-size:.75rem;padding:1px 8px;border-radius:4px;background:#56462a}
.cs-comment footer button,.cs-comments-reply summary{background:none;border:0;padding:0;color:var(--bricks-color-184aac,#c9c2ba);font-size:.8125rem;cursor:pointer;text-decoration:underline}
.cs-comments-reply{margin-top:6px}.cs-comments-reply summary{list-style:none;display:inline}.cs-comments-reply summary::-webkit-details-marker{display:none}
.cs-comments-form{display:flex;flex-direction:column;gap:8px;margin-top:var(--cs-space-4,1.5rem)}
.cs-comments-form textarea{width:100%;box-sizing:border-box;background:var(--bricks-color-7c0b04,#1b1917);color:inherit;border:1px solid var(--bricks-color-df9a1e,#3d3731);padding:10px}
.cs-comments-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:.875rem}
.cs-comments-actions button{background:var(--bricks-color-64640e,#d5ba96);color:#121110;border:0;padding:.6rem 1.3rem;font-weight:600;cursor:pointer}
.cs-comments-status{margin:0;font-size:.875rem;color:var(--bricks-color-64640e,#d5ba96)}
.cs-comments-anon{background:#34312d !important}
/* Comment actions as icons on the right (reply, report, delete). */
.cs-comment header{flex-wrap:nowrap}
.cs-comment header time{white-space:nowrap}
.cs-comment-actions{margin-left:auto;display:flex;gap:4px;flex-shrink:0}
.cs-comment-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:none;color:var(--bricks-color-184aac,#c9c2ba);cursor:pointer;opacity:.7;transition:opacity .15s,background-color .15s,color .15s}
.cs-comment-icon:hover,.cs-comment-icon:focus-visible{opacity:1;background:rgba(213,186,150,.12);color:var(--bricks-color-64640e,#d5ba96)}
.cs-comment-icon.is-done{color:var(--bricks-color-64640e,#d5ba96);opacity:1;pointer-events:none}
.cs-comments-reply{margin:8px 0 0 var(--cs-space-5,2rem)}.cs-comments-reply .cs-comments-form{margin-top:0}
.cs-comments-actions label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.cs-comments-actions input[type=checkbox]{width:16px;height:16px;accent-color:var(--bricks-color-64640e,#d5ba96);margin:0}
@media (max-width:520px){.cs-comment header{flex-wrap:wrap}.cs-comment header time{order:3;flex-basis:100%;padding-left:42px;margin-top:-6px}}
/* The same focus as the site's forms (as on /contacto/): gold border with the 2px gold outline on it, dark field. */
.cs-comments :is(textarea,input:not([type=checkbox],[type=radio],[type=hidden])):focus{border-color:var(--bricks-color-64640e,#d5ba96);outline:var(--cs-focus-width,2px) solid var(--bricks-color-64640e,#d5ba96);outline-offset:0;background-color:var(--bricks-color-7c0b04,#1b1917);box-shadow:none}