/* BlogFinanzas comments widget — quiet, minimal, brand-adjacent (slate/red/gold).
   Scoped under .bfc-* to avoid collisions with site styles. No emojis. */

#cusdis_thread .bfc-title,
.bfc-title {
  font-size: 1.25rem;
  margin: 0 0 1rem;
  color: #1e293b;
}

#cusdis_thread {
  font-size: 15px;
  line-height: 1.6;
  color: #334155;
}

.bfc-empty { color: #94a3b8; font-style: italic; }

.bfc-comment {
  padding: 0.75rem 0;
  border-top: 1px solid #e2e8f0;
}
.bfc-comment:first-child { border-top: 0; }

.bfc-kids { margin-left: 1.25rem; border-left: 2px solid #e2e8f0; padding-left: 1rem; }
@media (max-width: 600px) {
  .bfc-kids { margin-left: 0.6rem; padding-left: 0.6rem; }
}

.bfc-head { margin-bottom: 0.25rem; }
.bfc-author { font-weight: 700; color: #1e293b; }
.bfc-date { color: #94a3b8; font-size: 0.85em; }

.bfc-text p { margin: 0 0 0.5em; }
.bfc-text p:last-child { margin-bottom: 0; }

.bfc-replybtn {
  background: none; border: 0; padding: 0; margin-top: 0.35rem;
  color: #b91c1c; font-size: 0.85em; cursor: pointer; text-decoration: underline;
}
.bfc-replybtn:hover { color: #7f1d1d; }

/* ---------- form ---------- */
.bfc-formtitle { font-size: 1.1rem; color: #1e293b; margin: 1.5rem 0 0.75rem; }
.bfc-replynote { font-size: 0.9em; background: #f8fafc; border: 1px solid #e2e8f0; padding: 0.5rem 0.75rem; border-radius: 4px; }
.bfc-cancel { background: none; border: 0; color: #b91c1c; cursor: pointer; text-decoration: underline; font-size: 1em; }

.bfc-form { margin-top: 0.5rem; }
.bfc-field { display: block; margin-bottom: 0.85rem; }
.bfc-label { display: block; font-weight: 600; font-size: 0.9em; color: #1e293b; margin-bottom: 0.3rem; }
.bfc-field input[type="text"],
.bfc-field input[type="email"],
.bfc-field textarea {
  width: 100%; box-sizing: border-box;
  border: 1px solid #cbd5e1; border-radius: 4px;
  padding: 0.6rem 0.75rem; font-size: 1rem; font-family: inherit; color: #1e293b;
  background: #fff;
}
.bfc-field input:focus, .bfc-field textarea:focus {
  outline: 2px solid #c9a227; outline-offset: -1px; border-color: #c9a227;
}
.bfc-private { font-size: 0.8em; color: #94a3b8; margin: -0.5rem 0 0.85rem; }

/* Honeypot: keep it out of sight AND out of reach. */
.bfc-honeypot {
  position: absolute !important; left: -9999px !important; top: auto !important;
  width: 1px !important; height: 1px !important; opacity: 0 !important;
}

.bfc-optin { display: flex; gap: 0.5rem; align-items: flex-start; font-size: 0.9em; margin: 0.25rem 0 0.85rem; cursor: pointer; }
.bfc-optin input { margin-top: 0.25rem; }

.bfc-turnstile { margin: 0.5rem 0 0.85rem; min-height: 65px; }

.bfc-submit {
  background: #1e293b; color: #fff; border: 0; border-radius: 4px;
  padding: 0.7rem 1.4rem; font-size: 1rem; cursor: pointer; font-family: inherit;
}
.bfc-submit:hover:not(:disabled) { background: #0f172a; }
.bfc-submit:disabled { opacity: 0.6; cursor: default; }

.bfc-msg { padding: 0.6rem 0.8rem; border-radius: 4px; font-size: 0.92em; }
.bfc-error { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }

.bfc-success {
  background: #f8fafc; border: 1px solid #c9a227; border-left: 4px solid #c9a227;
  border-radius: 4px; padding: 1rem 1.25rem; margin-top: 1rem;
}
.bfc-success p { margin: 0 0 0.5em; }
.bfc-success p:last-child { margin-bottom: 0; }
.bfc-small { font-size: 0.85em; color: #64748b; }