.cmr-rd-largos button.es-on { background: var(--gris); color: var(--greb-amarillo); border-color: var(--gris); }

.cmr-rd-mic.es-grabando { background: var(--verde); border-color: var(--verde); animation: cmr-rd-latido 1.4s infinite; }

.cmr-rd-barra .cmr-rd-ir {
  background: var(--greb-acento); border-color: var(--greb-acento); color: #fff;
  font-size: 0.82rem; font-weight: 600; padding: 0.42rem 0.9rem;
  border-radius: 8px; box-shadow: none;
}

.cmr-rd-barra .cmr-rd-ir:hover { background: #8f1349; transform: none; }

.cmr-rd-barra .cmr-rd-ir:disabled { opacity: 0.6; cursor: default; }

.cmr-rd-pensando {
  display: flex; align-items: center; gap: 0.55rem; flex-wrap: wrap;
  margin-top: 0.8rem; font-size: 0.86rem; color: var(--greb-tinta);
}

.cmr-rd-pensando em { font-style: normal; color: var(--greb-acento); font-weight: 700; }

.cmr-rd-nota { font-size: 0.76rem; color: var(--greb-muted); }

.cmr-rd-checks { display: flex; gap: 0.8rem; flex-wrap: wrap; margin-bottom: 0.5rem; }

.cmr-rd-checks > span {
  display: inline-flex; align-items: center; gap: 0.3rem;
  font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase;
  color: #0d5c4a;
}

.cmr-rd-titular {
  font-family: var(--serif); font-size: 1.35rem; line-height: 1.2; margin: 0 0 0.3rem;
  display: flex; align-items: baseline; gap: 0.5rem; flex-wrap: wrap;
}

.cmr-rd-entradilla { margin: 0 0 0.5rem; font-size: 0.95rem; color: rgba(26,26,26,0.75); }

.cmr-rd-cuerpo {
  font-family: var(--sans); font-size: 0.92rem; line-height: 1.5;
  max-height: 11rem; overflow: hidden; position: relative;
  border-left: 2px solid var(--crema); padding-left: 0.8rem;
  -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent);
          mask-image: linear-gradient(180deg, #000 70%, transparent);
}

.cmr-rd-cuerpo.es-corto { max-height: 4.5rem; }

.cmr-rd-cuerpo p { margin: 0 0 0.5rem; }

.cmr-rd-imgs { margin-top: 0.9rem; border-top: 1px solid var(--crema); padding-top: 0.7rem; }

.cmr-rd-imgs-tit {
  display: flex; align-items: center; gap: 0.35rem; margin: 0 0 0.5rem;
  font-family: var(--sans); font-size: 0.7rem; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--gris);
}

.cmr-rd-img-n {
  flex: none; width: 20px; height: 20px; border-radius: 50%;
  background: var(--tinta); color: var(--blanco); display: grid; place-items: center;
  font-size: 0.7rem; font-weight: 700;
}

.cmr-rd-img-txt { display: grid; gap: 0.1rem; font-size: 0.87rem; }

.cmr-rd-img-donde { font-size: 0.76rem; color: var(--gris); }

.cmr-rd-acc { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; margin-top: 0.8rem; }

.cmr-rd-puesto {
  display: inline-flex; align-items: center; gap: 0.3rem;
  font-family: var(--sans); font-size: 0.82rem; color: #0d5c4a; font-weight: 600;
}

.cmr-rd-tira {
  display: flex; align-items: center; gap: 0.5rem; width: 100%;
  background: none; border: 0; cursor: pointer; color: var(--greb-tinta);
  font-family: inherit; font-size: 0.85rem; text-align: left; padding: 0.1rem;
}

.cmr-rd-tira svg:last-child { margin-left: auto; }

.cmr-rd-cuerpo h2, .cmr-rd-cuerpo h3 {
  font-family: var(--serif); font-size: 1rem; margin: 0.7rem 0 0.3rem;
}

.cmr-rd-cuerpo blockquote {
  margin: 0.5rem 0; padding-left: 0.7rem; border-left: 2px solid var(--crema);
  font-style: italic; color: rgba(26,26,26,0.72);
}

.cmr-rd-cuerpo ul { margin: 0.4rem 0; padding-left: 1.1rem; }

.cmr-rd-cuerpo li { margin: 0.15rem 0; }

.cmr-rd-vacio { color: rgba(46,39,16,0.7); font-size: 0.84rem; line-height: 1.5; }

.cmr-rd-vacio p { margin: 0 0 0.6rem; }

.cmr-rd-title { white-space: nowrap; }

.cmr-rd-head { flex: none; }

.cmr-rd-box { flex: none; }

.cmr-rd-tabs { display: inline-flex; gap: 0.25rem; margin-left: auto; }

.cmr-rd-tabs button {
  font-family: inherit; font-size: 0.72rem; cursor: pointer;
  background: rgba(255,255,255,0.45); color: var(--greb-tinta);
  border: 1px solid rgba(46,39,16,0.25); border-radius: 999px; padding: 0.18rem 0.6rem;
}

.cmr-rd-tabs button.es-on { background: var(--gris); color: var(--greb-amarillo); border-color: var(--gris); }

.cmr-rd-modo {
  font-size: 0.66rem; letter-spacing: 0.08em; text-transform: uppercase;
  background: var(--gris); color: var(--greb-amarillo);
  padding: 0.14rem 0.5rem; border-radius: 999px; white-space: nowrap;
}

.cmr-rd-revision {
  display: flex; align-items: flex-start; gap: 0.45rem; font-size: 0.82rem;
  background: rgba(255,255,255,0.5); border: 1px solid rgba(46,39,16,0.3);
  border-radius: 8px; padding: 0.55rem 0.65rem; line-height: 1.45;
}

.cmr-rd-imagen { flex: 1 1 auto; min-height: 0; overflow-y: auto; }

.cmr-revision {
  border: 2px solid var(--gris); border-radius: 10px;
  background: #fffdf5; margin-bottom: 0.6rem; overflow: hidden;
}

.cmr-revision-cab {
  display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap;
  padding: 0.5rem 0.7rem; background: var(--greb-amarillo);
  border-bottom: 2px solid var(--gris);
  font-family: var(--greb-mono); font-size: 0.8rem; color: var(--greb-tinta);
}

.cmr-revision-tit { display: inline-flex; align-items: center; gap: 0.35rem; font-weight: 700; }

.cmr-revision-res { color: var(--greb-muted); }

.cmr-revision-diff { max-height: 60vh; overflow-y: auto; padding: 0.6rem 0.7rem; }

.cmr-rd-clip { cursor: pointer; }

.cmr-rd-adjunto {
  display: flex; align-items: center; gap: 0.5rem; margin: 0.5rem 0 0.1rem;
  background: rgba(255,255,255,0.6); border: 1px solid rgba(46,39,16,0.3);
  border-radius: 8px; padding: 0.4rem 0.55rem;
}

.cmr-rd-adjunto-txt { display: grid; min-width: 0; line-height: 1.3; }

.cmr-rd-adjunto-txt strong {
  font-size: 0.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.cmr-rd-adjunto-txt span { font-size: 0.72rem; color: var(--greb-muted); }

.cmr-rd-adjunto > button {
  margin-left: auto; background: none; border: 0; cursor: pointer;
  color: var(--greb-muted); display: grid; place-items: center; padding: 0.2rem;
}

.cmr-rd-adjunto > button:hover { color: var(--greb-acento); }

@media (prefers-reduced-motion: reduce) {
  .cmr-taller-spinner { animation-duration: 3s; }
}