/**
 * DDLA · Mystika — integración visual de wpDiscuz.
 *
 * Esta capa se carga después de los estilos del plugin y se limita a la
 * sección de comentarios de los artículos. No modifica el núcleo de
 * wpDiscuz ni fuerza el fondo de .wpd-comment-right para conservar los
 * estados nativos de comentario nuevo/no leído.
 */

.ddla-single-comments {
  --ddla-wpd-bg: rgba(4, 9, 17, 0.74);
  --ddla-wpd-bg-soft: rgba(11, 20, 34, 0.72);
  --ddla-wpd-bg-hover: rgba(47, 111, 255, 0.075);
  --ddla-wpd-line: rgba(216, 183, 106, 0.2);
  --ddla-wpd-line-strong: rgba(216, 183, 106, 0.4);
  --ddla-wpd-blue: #4e84ff;
  --ddla-wpd-blue-soft: #9dbaff;
  --ddla-wpd-gold: var(--ddla-gold, #d8b76a);
  --ddla-wpd-gold-light: var(--ddla-gold-light, #f0d99c);
  --ddla-wpd-text: var(--ddla-text-main, #ece9e1);
  --ddla-wpd-muted: rgba(222, 225, 232, 0.58);
  --ddla-wpd-danger: #ef8177;
  --ddla-wpd-success: #82b78a;
  --ddla-wpd-font: var(--ddla-font-body, "Quicksand", system-ui, sans-serif);
  --ddla-wpd-serif: var(--ddla-font-title, "Cormorant Garamond", Georgia, serif);
}

/* ==========================================================
   CONTENEDOR Y TIPOGRAFÍA
   ========================================================== */

.ddla-single-comments #wpdcom {
  width: 100%;
  max-width: none;
  margin: 0;
  color: var(--ddla-wpd-text);
  font-family: var(--ddla-wpd-font);
  font-size: 14px;
  line-height: 1.65;
}

.ddla-single-comments #wpdcom *,
.ddla-single-comments #wpdcom *::before,
.ddla-single-comments #wpdcom *::after {
  box-sizing: border-box;
}

.ddla-single-comments #wpdcom a {
  color: var(--ddla-wpd-gold);
  text-decoration-color: rgba(216, 183, 106, 0.38);
  text-underline-offset: 3px;
}

.ddla-single-comments #wpdcom a:hover,
.ddla-single-comments #wpdcom a:focus-visible {
  color: var(--ddla-wpd-blue-soft);
}

.ddla-single-comments #wpdcom svg,
.ddla-single-comments #wpdcom i {
  color: currentColor;
}

/* ==========================================================
   LIMPIEZA DE SUPERFICIES NATIVAS GRISES
   ========================================================== */

.ddla-single-comments #wpdcom .wpd-form,
.ddla-single-comments #wpdcom .wpd-form-wrap,
.ddla-single-comments #wpdcom .wpd-form-wrapper,
.ddla-single-comments #wpdcom .wpd-form-head,
.ddla-single-comments #wpdcom .wpd-auth,
.ddla-single-comments #wpdcom .wpd-form-row,
.ddla-single-comments #wpdcom .wpd-form-col-left,
.ddla-single-comments #wpdcom .wpd-form-col-right,
.ddla-single-comments #wpdcom .wpd-thread-head,
.ddla-single-comments #wpdcom .wpd-thread-info,
.ddla-single-comments #wpdcom .wpd-thread-filter,
.ddla-single-comments #wpdcom .wpd-filter,
.ddla-single-comments #wpdcom .wpd-space,
.ddla-single-comments #wpdcom .wpd-comment,
.ddla-single-comments #wpdcom .wpd-comment-wrap,
.ddla-single-comments #wpdcom .wpd-comment-left,
.ddla-single-comments #wpdcom .wpd-comment-header,
.ddla-single-comments #wpdcom .wpd-comment-footer,
.ddla-single-comments #wpdcom .wpd-comment-text,
.ddla-single-comments #wpdcom .wpd-reply,
.ddla-single-comments #wpdcom .wpd-follow,
.ddla-single-comments #wpdcom .wpd-pagination,
.ddla-single-comments #wpdcom .wpd-load-more,
.ddla-single-comments #wpdcom .wpd-secondary-color {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
}

/* Comentarios normales. Sin !important para preservar los estados de
   comentarios nuevos/no leídos que wpDiscuz aplica sobre este elemento. */
.ddla-single-comments #wpdcom .wpd-comment-right {
  background-color: transparent;
  background-image: none;
}

/* Utilidades cromáticas internas de wpDiscuz. */
.ddla-single-comments #wpdcom .wpd-primary-color {
  color: var(--ddla-wpd-blue) !important;
}

.ddla-single-comments #wpdcom .wpd-primary-bg-color {
  background-color: var(--ddla-wpd-blue) !important;
}

.ddla-single-comments #wpdcom .wpd-primary-border-color {
  border-color: var(--ddla-wpd-blue) !important;
}

.ddla-single-comments #wpdcom .wpd-secondary-color {
  color: var(--ddla-wpd-gold) !important;
}

.ddla-single-comments #wpdcom .wpd-secondary-bg-color {
  background-color: rgba(216, 183, 106, 0.1) !important;
}

.ddla-single-comments #wpdcom .wpd-secondary-border-color {
  border-color: var(--ddla-wpd-gold) !important;
}

.ddla-single-comments #wpdcom .wpd-view-replies,
.ddla-single-comments #wpdcom .wpd-toggle,
.ddla-single-comments #wpdcom .wpd-show-replies {
  border: 0 !important;
  background: transparent !important;
  color: var(--ddla-wpd-blue-soft) !important;
  box-shadow: none !important;
}

/* ==========================================================
   CABECERA DEL HILO, ORDEN Y ESTADÍSTICAS
   ========================================================== */

.ddla-single-comments #wpdcom .wpd-thread-head {
  min-height: 52px;
  margin: 0 0 1.5rem;
  padding: 0 0 0.85rem;
  border: 0;
  border-bottom: 1px solid var(--ddla-wpd-line-strong);
}

.ddla-single-comments #wpdcom .wpd-thread-info,
.ddla-single-comments #wpdcom .wpd-thread-head .wpd-thread-info {
  color: var(--ddla-wpd-gold-light);
  font-family: var(--ddla-wpd-serif);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 500;
  letter-spacing: 0.025em;
}

.ddla-single-comments #wpdcom .wpd-thread-filter,
.ddla-single-comments #wpdcom .wpd-filter {
  color: var(--ddla-wpd-muted);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.ddla-single-comments #wpdcom .wpd-filter button,
.ddla-single-comments #wpdcom .wpd-filter a,
.ddla-single-comments #wpdcom .wpd-ordering,
.ddla-single-comments #wpdcom .wpd-filter-view-all {
  border: 0;
  background: transparent !important;
  color: var(--ddla-wpd-muted) !important;
  box-shadow: none !important;
}

.ddla-single-comments #wpdcom .wpd-filter button:hover,
.ddla-single-comments #wpdcom .wpd-filter a:hover,
.ddla-single-comments #wpdcom .wpd-ordering:hover,
.ddla-single-comments #wpdcom .wpd-filter-view-all:hover,
.ddla-single-comments #wpdcom .wpd-ordering.wpd-active,
.ddla-single-comments #wpdcom .wpd-filter-view-all.wpd-active {
  color: var(--ddla-wpd-blue-soft) !important;
}

/* ==========================================================
   FORMULARIO Y EDITOR
   ========================================================== */

.ddla-single-comments #wpdcom .wpd-form-wrap,
.ddla-single-comments #wpdcom .wpd-form-wrapper {
  margin: 0 0 2.25rem;
  padding: clamp(1rem, 2.6vw, 1.55rem);
  border: 1px solid var(--ddla-wpd-line);
  border-radius: 0;
  background:
    linear-gradient(135deg, rgba(47, 111, 255, 0.045), transparent 42%),
    var(--ddla-wpd-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018);
}

.ddla-single-comments #wpdcom .wpd-form-head {
  margin-bottom: 0.8rem;
  color: var(--ddla-wpd-gold-light);
  font-family: var(--ddla-wpd-serif);
  font-size: 1.08rem;
}

.ddla-single-comments #wpdcom .wpd-form-head::before,
.ddla-single-comments #wpdcom .wpd-form-head::after {
  background: var(--ddla-wpd-line) !important;
}

.ddla-single-comments #wpdcom input[type="text"],
.ddla-single-comments #wpdcom input[type="email"],
.ddla-single-comments #wpdcom input[type="url"],
.ddla-single-comments #wpdcom input[type="search"],
.ddla-single-comments #wpdcom input[type="password"],
.ddla-single-comments #wpdcom textarea,
.ddla-single-comments #wpdcom select,
.ddla-single-comments #wpdcom .wpd-field {
  min-height: 44px;
  border: 1px solid var(--ddla-wpd-line) !important;
  border-radius: 0 !important;
  outline: 0;
  background: var(--ddla-wpd-bg-soft) !important;
  color: var(--ddla-wpd-text) !important;
  font-family: var(--ddla-wpd-font);
  box-shadow: none !important;
}

.ddla-single-comments #wpdcom textarea {
  min-height: 125px;
  resize: vertical;
}

.ddla-single-comments #wpdcom input::placeholder,
.ddla-single-comments #wpdcom textarea::placeholder,
.ddla-single-comments #wpdcom .ql-editor.ql-blank::before {
  color: rgba(222, 225, 232, 0.4) !important;
  font-style: normal;
}

.ddla-single-comments #wpdcom input:focus,
.ddla-single-comments #wpdcom textarea:focus,
.ddla-single-comments #wpdcom select:focus,
.ddla-single-comments #wpdcom .wpd-field:focus,
.ddla-single-comments #wpdcom .ql-container:focus-within {
  border-color: rgba(78, 132, 255, 0.8) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(78, 132, 255, 0.48) !important;
}

.ddla-single-comments #wpdcom .wpd-editor-wrap,
.ddla-single-comments #wpdcom .wpd-textarea-wrap,
.ddla-single-comments #wpdcom .ql-toolbar,
.ddla-single-comments #wpdcom .ql-container {
  border-radius: 0 !important;
  background: var(--ddla-wpd-bg-soft) !important;
  box-shadow: none !important;
}

.ddla-single-comments #wpdcom .ql-toolbar {
  min-height: 42px;
  border: 1px solid var(--ddla-wpd-line) !important;
  border-bottom-color: rgba(216, 183, 106, 0.12) !important;
}

.ddla-single-comments #wpdcom .ql-container {
  border: 1px solid var(--ddla-wpd-line) !important;
  border-top: 0 !important;
  color: var(--ddla-wpd-text);
  font-family: var(--ddla-wpd-font);
}

.ddla-single-comments #wpdcom .ql-editor {
  min-height: 125px;
  color: var(--ddla-wpd-text);
  font-size: 14px;
  line-height: 1.7;
}

.ddla-single-comments #wpdcom .ql-toolbar button,
.ddla-single-comments #wpdcom .ql-toolbar .ql-picker-label {
  color: var(--ddla-wpd-muted) !important;
}

.ddla-single-comments #wpdcom .ql-toolbar .ql-stroke {
  stroke: currentColor !important;
}

.ddla-single-comments #wpdcom .ql-toolbar .ql-fill {
  fill: currentColor !important;
}

.ddla-single-comments #wpdcom .ql-toolbar button:hover,
.ddla-single-comments #wpdcom .ql-toolbar button.ql-active,
.ddla-single-comments #wpdcom .ql-toolbar .ql-picker-label:hover,
.ddla-single-comments #wpdcom .ql-toolbar .ql-picker-label.ql-active {
  color: var(--ddla-wpd-blue-soft) !important;
}

.ddla-single-comments #wpdcom .ql-picker-options,
.ddla-single-comments #wpdcom .wpd-tools-actions,
.ddla-single-comments #wpdcom .wpd-tool-wrap,
.ddla-single-comments #wpdcom .wpd-user-menu,
.ddla-single-comments #wpdcom .wpd-modal-content {
  border: 1px solid var(--ddla-wpd-line-strong) !important;
  border-radius: 0 !important;
  background: #070d17 !important;
  color: var(--ddla-wpd-text) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.48) !important;
}

.ddla-single-comments #wpdcom label,
.ddla-single-comments #wpdcom .wpd-label,
.ddla-single-comments #wpdcom .wpd-field-desc,
.ddla-single-comments #wpdcom .wpd-social-login-agreement,
.ddla-single-comments #wpdcom .wpd-form-foot,
.ddla-single-comments #wpdcom .wpd-form-foot-left {
  color: var(--ddla-wpd-muted) !important;
  font-size: 11px;
}

.ddla-single-comments #wpdcom input[type="checkbox"],
.ddla-single-comments #wpdcom input[type="radio"] {
  accent-color: var(--ddla-wpd-blue);
}

/* ==========================================================
   BOTONES
   ========================================================== */

.ddla-single-comments #wpdcom .wpd-form-submit,
.ddla-single-comments #wpdcom .wpd-button,
.ddla-single-comments #wpdcom button[type="submit"],
.ddla-single-comments #wpdcom input[type="submit"],
.ddla-single-comments #wpdcom .wpd-load-more-submit {
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid var(--ddla-wpd-gold) !important;
  border-radius: 0 !important;
  background: rgba(216, 183, 106, 0.09) !important;
  color: var(--ddla-wpd-gold-light) !important;
  font-family: var(--ddla-wpd-font);
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.085em;
  line-height: 1;
  text-transform: uppercase;
  box-shadow: none !important;
  transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.ddla-single-comments #wpdcom .wpd-form-submit:hover,
.ddla-single-comments #wpdcom .wpd-button:hover,
.ddla-single-comments #wpdcom button[type="submit"]:hover,
.ddla-single-comments #wpdcom input[type="submit"]:hover,
.ddla-single-comments #wpdcom .wpd-load-more-submit:hover {
  border-color: var(--ddla-wpd-blue) !important;
  background: rgba(47, 111, 255, 0.12) !important;
  color: #c6d7ff !important;
}

.ddla-single-comments #wpdcom button:focus-visible,
.ddla-single-comments #wpdcom a:focus-visible {
  outline: 1px solid var(--ddla-wpd-blue) !important;
  outline-offset: 3px;
}

/* ==========================================================
   COMENTARIOS, JERARQUÍA Y AVATARES
   ========================================================== */

.ddla-single-comments #wpdcom .wpd-comment {
  margin: 0;
  border: 0 !important;
}

.ddla-single-comments #wpdcom .wpd-comment-wrap {
  position: relative;
  margin: 0;
  padding: 1.15rem 0;
  border: 0 !important;
  border-bottom: 1px solid var(--ddla-wpd-line) !important;
}

.ddla-single-comments #wpdcom .wpd-comment .wpd-comment {
  margin-left: clamp(0.75rem, 3vw, 2.2rem);
  padding-left: clamp(0.65rem, 2vw, 1.15rem);
  border-left: 1px solid rgba(78, 132, 255, 0.2) !important;
}

.ddla-single-comments #wpdcom .wpd-comment-left {
  padding-right: 12px;
}

.ddla-single-comments #wpdcom .wpd-avatar,
.ddla-single-comments #wpdcom .wpd-avatar img,
.ddla-single-comments #wpdcom img.avatar {
  border-radius: 50% !important;
}

.ddla-single-comments #wpdcom .wpd-avatar img,
.ddla-single-comments #wpdcom img.avatar {
  border: 1px solid rgba(216, 183, 106, 0.34) !important;
  background: #08101c !important;
  box-shadow: 0 0 0 3px rgba(216, 183, 106, 0.035) !important;
}

.ddla-single-comments #wpdcom .wpd-comment-header {
  min-height: 25px;
  margin-bottom: 0.45rem;
  border: 0 !important;
}

.ddla-single-comments #wpdcom .wpd-comment-author,
.ddla-single-comments #wpdcom .wpd-comment-author a,
.ddla-single-comments #wpdcom .wpd-user-nicename,
.ddla-single-comments #wpdcom .wpd-user-nicename a {
  color: var(--ddla-wpd-gold-light) !important;
  font-family: var(--ddla-wpd-font);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.025em;
}

.ddla-single-comments #wpdcom .wpd-comment-date,
.ddla-single-comments #wpdcom .wpd-comment-date a,
.ddla-single-comments #wpdcom .wpd-comment-status,
.ddla-single-comments #wpdcom .wpd-edited,
.ddla-single-comments #wpdcom .wpd-comment-label {
  color: var(--ddla-wpd-muted) !important;
  font-size: 10px;
  letter-spacing: 0.045em;
}

.ddla-single-comments #wpdcom .wpd-comment-text {
  padding: 0;
  color: var(--ddla-wpd-text) !important;
  font-size: 14px;
  line-height: 1.75;
}

.ddla-single-comments #wpdcom .wpd-comment-text p {
  margin: 0 0 0.8em;
}

.ddla-single-comments #wpdcom .wpd-comment-text blockquote {
  margin: 1rem 0;
  padding: 0.7rem 1rem;
  border-left: 2px solid var(--ddla-wpd-gold);
  background: rgba(216, 183, 106, 0.045) !important;
  color: rgba(240, 235, 223, 0.82);
  font-family: var(--ddla-wpd-serif);
  font-size: 1.05em;
}

.ddla-single-comments #wpdcom .wpd-comment-text code,
.ddla-single-comments #wpdcom .wpd-comment-text pre {
  border: 1px solid rgba(78, 132, 255, 0.18);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.32) !important;
  color: #cbd9ff;
}

.ddla-single-comments #wpdcom .wpd-comment-footer {
  margin-top: 0.7rem;
  padding: 0;
  border: 0 !important;
  color: var(--ddla-wpd-muted);
}

.ddla-single-comments #wpdcom .wpd-comment-footer button,
.ddla-single-comments #wpdcom .wpd-comment-footer a,
.ddla-single-comments #wpdcom .wpd-reply-button,
.ddla-single-comments #wpdcom .wpd-tools,
.ddla-single-comments #wpdcom .wpd-follow {
  border: 0 !important;
  background: transparent !important;
  color: var(--ddla-wpd-muted) !important;
  font-size: 10px !important;
  font-weight: 700;
  letter-spacing: 0.065em;
  text-transform: uppercase;
  box-shadow: none !important;
}

.ddla-single-comments #wpdcom .wpd-comment-footer button:hover,
.ddla-single-comments #wpdcom .wpd-comment-footer a:hover,
.ddla-single-comments #wpdcom .wpd-reply-button:hover,
.ddla-single-comments #wpdcom .wpd-tools:hover,
.ddla-single-comments #wpdcom .wpd-follow:hover {
  color: var(--ddla-wpd-blue-soft) !important;
}

/* ==========================================================
   VOTOS, INSIGNIAS Y ESTADOS
   ========================================================== */

.ddla-single-comments #wpdcom .wpd-vote,
.ddla-single-comments #wpdcom .wpd-vote-up,
.ddla-single-comments #wpdcom .wpd-vote-down,
.ddla-single-comments #wpdcom .wpd-vote-result {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ddla-single-comments #wpdcom .wpd-vote-up,
.ddla-single-comments #wpdcom .wpd-vote-down {
  color: var(--ddla-wpd-muted) !important;
}

.ddla-single-comments #wpdcom .wpd-vote-up:hover,
.ddla-single-comments #wpdcom .wpd-vote-up.wpd-active {
  color: var(--ddla-wpd-success) !important;
}

.ddla-single-comments #wpdcom .wpd-vote-down:hover,
.ddla-single-comments #wpdcom .wpd-vote-down.wpd-active {
  color: var(--ddla-wpd-danger) !important;
}

.ddla-single-comments #wpdcom .wpd-vote-result {
  color: var(--ddla-wpd-gold-light) !important;
  font-size: 11px;
}

.ddla-single-comments #wpdcom .wpd-sticky,
.ddla-single-comments #wpdcom .wpd-featured,
.ddla-single-comments #wpdcom .wpd-author-label,
.ddla-single-comments #wpdcom .wpd-role-label,
.ddla-single-comments #wpdcom .wpd-badge {
  border: 1px solid rgba(216, 183, 106, 0.34) !important;
  border-radius: 0 !important;
  background: rgba(216, 183, 106, 0.07) !important;
  color: var(--ddla-wpd-gold-light) !important;
  font-size: 9px !important;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  box-shadow: none !important;
}

.ddla-single-comments #wpdcom .wpd-awaiting-approval,
.ddla-single-comments #wpdcom .wpd-moderation-note {
  margin: 0.65rem 0;
  padding: 0.55rem 0.75rem;
  border-left: 2px solid var(--ddla-wpd-gold);
  background: rgba(216, 183, 106, 0.06) !important;
  color: var(--ddla-wpd-gold-light) !important;
  font-size: 11px;
}

/* ==========================================================
   COMENTARIOS RECIBIDOS EN VIVO
   ========================================================== */

.ddla-single-comments #wpdcom
.wpd-new-loaded-comment
> .wpd-comment-wrap
> .wpd-comment-right {
  position: relative;
  background:
    linear-gradient(
      105deg,
      rgba(47, 111, 255, 0.16) 0%,
      rgba(20, 55, 101, 0.11) 55%,
      rgba(216, 183, 106, 0.035) 100%
    ) !important;
  border-left: 2px solid rgba(78, 132, 255, 0.9);
  box-shadow:
    inset 16px 0 30px rgba(47, 111, 255, 0.055),
    0 0 22px rgba(47, 111, 255, 0.08);
}

.ddla-single-comments #wpdcom
.wpd-new-loaded-comment
> .wpd-comment-wrap
> .wpd-comment-right::before {
  content: "Nuevo";
  position: absolute;
  z-index: 2;
  top: 7px;
  right: 9px;
  padding: 2px 7px;
  border: 1px solid rgba(120, 164, 255, 0.38);
  background: rgba(47, 111, 255, 0.13);
  color: #9dbaff;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  pointer-events: none;
}

/* ==========================================================
   SUSCRIPCIÓN, MENSAJES, MODALES Y PAGINACIÓN
   ========================================================== */

.ddla-single-comments #wpdcom .wpdiscuz-subscribe-bar,
.ddla-single-comments #wpdcom .wpd-subscribe,
.ddla-single-comments #wpdcom .wpd-subscribe-form,
.ddla-single-comments #wpdcom .wpd-notification,
.ddla-single-comments #wpdcom .wpd-info,
.ddla-single-comments #wpdcom .wpd-success,
.ddla-single-comments #wpdcom .wpd-error,
.ddla-single-comments #wpdcom .wpd-alert {
  border-radius: 0 !important;
  background: var(--ddla-wpd-bg-soft) !important;
  box-shadow: none !important;
}

.ddla-single-comments #wpdcom .wpdiscuz-subscribe-bar,
.ddla-single-comments #wpdcom .wpd-subscribe,
.ddla-single-comments #wpdcom .wpd-subscribe-form {
  margin: 1rem 0;
  padding: 0.8rem 0;
  border: 0 !important;
  border-top: 1px solid var(--ddla-wpd-line) !important;
  border-bottom: 1px solid var(--ddla-wpd-line) !important;
  color: var(--ddla-wpd-muted) !important;
}

.ddla-single-comments #wpdcom .wpd-notification,
.ddla-single-comments #wpdcom .wpd-info,
.ddla-single-comments #wpdcom .wpd-success,
.ddla-single-comments #wpdcom .wpd-error,
.ddla-single-comments #wpdcom .wpd-alert {
  padding: 0.7rem 0.9rem;
  border: 1px solid var(--ddla-wpd-line) !important;
  color: var(--ddla-wpd-text) !important;
}

.ddla-single-comments #wpdcom .wpd-success {
  border-color: rgba(130, 183, 138, 0.42) !important;
  color: #acd2b2 !important;
}

.ddla-single-comments #wpdcom .wpd-error {
  border-color: rgba(239, 129, 119, 0.42) !important;
  color: #f2aaa3 !important;
}

.ddla-single-comments #wpdcom .wpd-load-more,
.ddla-single-comments #wpdcom .wpd-pagination {
  margin-top: 1.5rem;
  text-align: center;
}

.ddla-single-comments #wpdcom .wpd-pagination a,
.ddla-single-comments #wpdcom .wpd-pagination span {
  min-width: 34px;
  min-height: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--ddla-wpd-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ddla-wpd-muted) !important;
}

.ddla-single-comments #wpdcom .wpd-pagination .current,
.ddla-single-comments #wpdcom .wpd-pagination a:hover {
  border-color: var(--ddla-wpd-blue) !important;
  background: rgba(47, 111, 255, 0.1) !important;
  color: #c6d7ff !important;
}

/* Fallback de comentarios nativos cuando wpDiscuz no está activo. */
.ddla-single-comments .ddla-comments-fallback .comment-body,
.ddla-single-comments .ddla-comments-fallback .comment-respond {
  border: 1px solid var(--ddla-wpd-line);
  border-radius: 0;
  background: var(--ddla-wpd-bg);
  box-shadow: none;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 780px) {
  .ddla-single-comments #wpdcom {
    font-size: 13px;
  }

  .ddla-single-comments #wpdcom .wpd-form-wrap,
  .ddla-single-comments #wpdcom .wpd-form-wrapper {
    padding: 0.9rem;
  }

  .ddla-single-comments #wpdcom .wpd-comment-wrap {
    padding: 1rem 0;
  }

  .ddla-single-comments #wpdcom .wpd-comment .wpd-comment {
    margin-left: 0.35rem;
    padding-left: 0.55rem;
  }

  .ddla-single-comments #wpdcom .wpd-comment-left {
    padding-right: 8px;
  }

  .ddla-single-comments #wpdcom .wpd-comment-text {
    font-size: 13px;
  }

  .ddla-single-comments #wpdcom .wpd-thread-head {
    gap: 0.65rem;
  }
}

@media (max-width: 600px) {
  .ddla-single-comments #wpdcom
  .wpd-new-loaded-comment
  > .wpd-comment-wrap
  > .wpd-comment-right::before {
    display: none;
  }

  .ddla-single-comments #wpdcom .wpd-form-submit,
  .ddla-single-comments #wpdcom button[type="submit"],
  .ddla-single-comments #wpdcom input[type="submit"] {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ddla-single-comments #wpdcom *,
  .ddla-single-comments #wpdcom *::before,
  .ddla-single-comments #wpdcom *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ==========================================================
   0.15.5 · FORMULARIO PLANO Y LECTURA AMPLIADA
   El único plano enmarcado es el editor de escritura.
   ========================================================== */

.ddla-single-comments #wpdcom {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 16px;
}

.ddla-single-comments #wpdcom .wpd-form,
.ddla-single-comments #wpdcom .wpd-form-wrap,
.ddla-single-comments #wpdcom .wpd-form-wrapper,
.ddla-single-comments #wpdcom .wpd-auth,
.ddla-single-comments #wpdcom .wpd-form-row,
.ddla-single-comments #wpdcom .wpd-form-col-left,
.ddla-single-comments #wpdcom .wpd-form-col-right,
.ddla-single-comments #wpdcom .wpd-editor-wrap {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ddla-single-comments #wpdcom .wpd-form-wrap,
.ddla-single-comments #wpdcom .wpd-form-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 1.6rem !important;
  padding: 0 !important;
}

.ddla-single-comments #wpdcom .wpd-form {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ddla-single-comments #wpdcom .wpd-form-head {
  margin: 0 0 1rem !important;
  padding: 0 0 0.8rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ddla-wpd-line-strong) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ddla-single-comments #wpdcom .wpd-form-row {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* El avatar del formulario se retira para que la escritura ocupe todo el ancho.
   Los avatares de los comentarios publicados se conservan. */
.ddla-single-comments #wpdcom .wpd-form .wpd-form-col-left {
  display: none !important;
}

.ddla-single-comments #wpdcom .wpd-form .wpd-form-col-right {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  flex: 1 1 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ddla-single-comments #wpdcom .wpd-form .wpdiscuz-textarea-wrap,
.ddla-single-comments #wpdcom .wpd-form .wpd-textarea-wrap {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid var(--ddla-wpd-line-strong) !important;
  border-radius: 0 !important;
  background: var(--ddla-wpd-bg-soft) !important;
  box-shadow: none !important;
}

.ddla-single-comments #wpdcom .wpd-form .wpdiscuz-textarea-wrap:focus-within,
.ddla-single-comments #wpdcom .wpd-form .wpd-textarea-wrap:focus-within {
  border-color: rgba(78, 132, 255, 0.82) !important;
  box-shadow: 0 0 0 1px rgba(78, 132, 255, 0.34) !important;
}

/* Quill deja de dibujar dos marcos internos. La barra se separa mediante
   una sola línea dentro del contenedor exterior. */
.ddla-single-comments #wpdcom .wpd-form .ql-container,
.ddla-single-comments #wpdcom .wpd-form .ql-toolbar {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ddla-single-comments #wpdcom .wpd-form .ql-toolbar {
  border-top: 1px solid var(--ddla-wpd-line) !important;
}

.ddla-single-comments #wpdcom .wpd-form .ql-editor {
  min-height: 150px;
  padding: 1.25rem 1.35rem;
  font-size: 18px;
  line-height: 1.7;
}

.ddla-single-comments #wpdcom .wpd-form-foot,
.ddla-single-comments #wpdcom .wpd-form-foot-left,
.ddla-single-comments #wpdcom .wpd-form-foot-right {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Cuerpo de los comentarios: tamaño de lectura real, no microinterfaz. */
.ddla-single-comments #wpdcom .wpd-comment-text,
.ddla-single-comments #wpdcom .wpd-comment-text p,
.ddla-single-comments #wpdcom .wpd-comment-text li {
  font-size: 20px !important;
  line-height: 1.72 !important;
}

.ddla-single-comments #wpdcom .wpd-comment-author,
.ddla-single-comments #wpdcom .wpd-comment-author a,
.ddla-single-comments #wpdcom .wpd-user-nicename,
.ddla-single-comments #wpdcom .wpd-user-nicename a {
  font-size: 15px !important;
}

.ddla-single-comments #wpdcom .wpd-comment-date,
.ddla-single-comments #wpdcom .wpd-comment-date a,
.ddla-single-comments #wpdcom .wpd-comment-status,
.ddla-single-comments #wpdcom .wpd-edited,
.ddla-single-comments #wpdcom .wpd-comment-label {
  font-size: 12px !important;
}

.ddla-single-comments #wpdcom .wpd-comment-footer button,
.ddla-single-comments #wpdcom .wpd-comment-footer a,
.ddla-single-comments #wpdcom .wpd-reply-button,
.ddla-single-comments #wpdcom .wpd-tools,
.ddla-single-comments #wpdcom .wpd-follow {
  font-size: 12px !important;
}

@media (max-width: 780px) {
  .ddla-single-comments #wpdcom {
    font-size: 15px;
  }

  .ddla-single-comments #wpdcom .wpd-form-wrap,
  .ddla-single-comments #wpdcom .wpd-form-wrapper {
    padding: 0 !important;
  }

  .ddla-single-comments #wpdcom .wpd-form .ql-editor {
    min-height: 135px;
    padding: 1rem;
    font-size: 17px;
  }

  .ddla-single-comments #wpdcom .wpd-comment-text,
  .ddla-single-comments #wpdcom .wpd-comment-text p,
  .ddla-single-comments #wpdcom .wpd-comment-text li {
    font-size: 18px !important;
  }
}

/* Evita que los dos envoltorios anidados acumulen margen vertical. */
.ddla-single-comments #wpdcom .wpd-form-wrap,
.ddla-single-comments #wpdcom .wpd-form-wrapper {
  margin: 0 !important;
}

.ddla-single-comments #wpdcom .wpd-form-wrap {
  margin-bottom: 1.25rem !important;
}

.ddla-single-comments #wpdcom .wpd-form-foot,
.ddla-single-comments #wpdcom .wpd-form-foot-left,
.ddla-single-comments #wpdcom .wpd-form-foot-right {
  margin-top: 0.8rem !important;
  padding: 0 !important;
}


/* ==========================================================
   PANELES WCAI Y VOTACIÓN
   Evita las superficies blancas de la ficha de autor y del panel de votos.
   ========================================================== */
body.single-post .wcai-content-item,
body.single-post .wcai-content-item-short,
body.single-post .wcai-content-item.wcai-active,
body.single-post .wcai-content-item-short.wcai-active,
.ddla-single-comments #wpdcom .wcai-content-item,
.ddla-single-comments #wpdcom .wcai-content-item-short,
.ddla-single-comments #wpdcom .wcai-content-item.wcai-active {
  border: 1px solid rgba(216, 183, 106, 0.32) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(135deg, rgba(47, 111, 255, 0.08), transparent 44%),
    rgba(4, 9, 17, 0.985) !important;
  background-color: rgba(4, 9, 17, 0.985) !important;
  color: var(--ddla-text-main, #ece9e1) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.56), inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

body.single-post .wcai-content-item *,
body.single-post .wcai-content-item-short *,
.ddla-single-comments #wpdcom .wcai-content-item *,
.ddla-single-comments #wpdcom .wcai-content-item-short * {
  color: inherit;
}

body.single-post .wcai-content-item a,
body.single-post .wcai-content-item-short a,
.ddla-single-comments #wpdcom .wcai-content-item a,
.ddla-single-comments #wpdcom .wcai-content-item-short a {
  color: var(--ddla-gold-light, #f0d99c) !important;
}

body.single-post .wcai-content-item a:hover,
body.single-post .wcai-content-item-short a:hover,
.ddla-single-comments #wpdcom .wcai-content-item a:hover,
.ddla-single-comments #wpdcom .wcai-content-item-short a:hover {
  color: var(--ddla-blue-light, #9dbaff) !important;
}

/* Cabecera y cuerpo de la ventana de votos de wpDiscuz. */
body.single-post .wv-head.vote-head,
body.single-post .wv-head,
body.single-post .vote-head,
.ddla-single-comments #wpdcom .wv-head.vote-head,
.ddla-single-comments #wpdcom .wv-head,
.ddla-single-comments #wpdcom .vote-head {
  border: 0 !important;
  border-bottom: 1px solid rgba(216, 183, 106, 0.3) !important;
  border-radius: 0 !important;
  background: rgba(5, 12, 22, 0.99) !important;
  background-color: rgba(5, 12, 22, 0.99) !important;
  color: var(--ddla-gold-light, #f0d99c) !important;
  box-shadow: none !important;
}

body.single-post .wv-head.vote-head *,
body.single-post .wv-head *,
body.single-post .vote-head *,
.ddla-single-comments #wpdcom .wv-head.vote-head *,
.ddla-single-comments #wpdcom .wv-head *,
.ddla-single-comments #wpdcom .vote-head * {
  color: inherit !important;
}

body.single-post .wv-content,
body.single-post .wv-body,
body.single-post .vote-content,
body.single-post .vote-body,
body.single-post [class*="wv-"][class*="content"],
body.single-post [class*="vote-"][class*="content"],
.ddla-single-comments #wpdcom .wv-content,
.ddla-single-comments #wpdcom .wv-body,
.ddla-single-comments #wpdcom .vote-content,
.ddla-single-comments #wpdcom .vote-body {
  border-radius: 0 !important;
  background: rgba(4, 9, 17, 0.985) !important;
  background-color: rgba(4, 9, 17, 0.985) !important;
  color: var(--ddla-text-main, #ece9e1) !important;
}

body.single-post .wv-content *,
body.single-post .wv-body *,
body.single-post .vote-content *,
body.single-post .vote-body *,
.ddla-single-comments #wpdcom .wv-content *,
.ddla-single-comments #wpdcom .wv-body *,
.ddla-single-comments #wpdcom .vote-content *,
.ddla-single-comments #wpdcom .vote-body * {
  color: inherit;
}