.cmr-video-big {
  position: absolute; inset: 0; width: 100%; height: 100%; background: transparent;
  border: 0; cursor: pointer;
}

.cmr-video-bar {
  position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center;
  gap: 0.5rem; padding: 0.45rem 0.6rem;
  background: linear-gradient(transparent, rgba(0,0,0,0.65));
}

.cmr-video-btn { background: none; border: 0; color: #fff; cursor: pointer;
  font-size: 1rem; line-height: 1; padding: 0.1rem 0.2rem; }

.cmr-video-time { color: #fff; font-family: var(--sans); font-size: 0.75rem; white-space: nowrap; }

.cmr-video-scrub { flex: 1; accent-color: var(--verde); cursor: pointer; height: 4px; }

.cmr-video-preview-hint { margin: 0 0 0.5rem; }

.cmr-video-propio { margin: 1.8rem 0; }

.cmr-video-propio .cmr-video-frame {
  position: relative; background: #000; border-radius: 8px; overflow: hidden;
  line-height: 0;
}

.cmr-video-nuestro {
  display: block; width: 100%; max-height: 78vh; background: #000;
}

.cmr-video-propio figcaption {
  font-family: var(--sans); font-size: 0.85rem; line-height: 1.5;
  color: rgba(26,26,26,0.65); margin-top: 0.6rem; text-align: center;
}

.cmr-video-bajar {
  display: inline-flex; align-items: center; gap: 0.35rem; margin-top: 0.5rem;
  font-family: var(--sans); font-size: 0.8rem; color: var(--verde);
  text-decoration: none; border-bottom: 1px solid currentColor;
}

.cmr-video-bajar::before { content: "⬇"; font-size: 0.9em; }

.cmr-video-bajar:hover { opacity: 0.75; }

.cmr-video-drop {
  display: flex; flex-direction: column; align-items: center; gap: 0.4rem;
  padding: 1.6rem 1rem; margin: 0.4rem 0 1rem; cursor: pointer;
  border: 2px dashed var(--crema); border-radius: 10px; text-align: center;
}

.cmr-video-drop:hover { border-color: var(--crema); }

.cmr-video-drop-txt { font-family: var(--sans); font-size: 0.95rem; }

.cmr-video-subiendo { padding: 1.2rem 0; }

.cmr-video-barra {
  height: 6px; border-radius: 3px; background: var(--crema); overflow: hidden;
  margin: 0.5rem 0;
}

.cmr-video-barra-llena {
  height: 100%; background: var(--verde); transition: width 0.2s linear;
}

.cmr-videoteca {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 0.6rem; margin-top: 0.4rem;
}

.cmr-videoteca-item {
  display: flex; flex-direction: column; gap: 0.25rem; padding: 0; cursor: pointer;
  background: none; border: 1px solid var(--crema); border-radius: 8px;
  overflow: hidden; text-align: left; font-family: var(--sans);
}

.cmr-videoteca-item:hover { border-color: var(--crema); }

.cmr-videoteca-tira {
  display: block; aspect-ratio: 16/9; background: #000; overflow: hidden;
  display: grid; place-items: center; color: rgba(255,255,255,0.6);
}

.cmr-videoteca-tira img { width: 100%; height: 100%; object-fit: cover; }

.cmr-videoteca-nombre {
  font-size: 0.75rem; padding: 0 0.4rem; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;
}

.cmr-videoteca-dato {
  font-size: 0.7rem; padding: 0 0.4rem 0.4rem; color: rgba(26,26,26,0.55);
}

.cmr-autosave {
  display: flex; align-items: center; gap: 0.7rem; flex-wrap: wrap;
  padding: 0.5rem 0.8rem; margin: 0 0 0.9rem; border: 1px solid var(--crema);
  border-radius: 8px; background: rgba(201,168,106,0.14);
  font-family: var(--sans); font-size: 0.9rem;
}

.cmr-autosave-txt { color: var(--tinta); margin-right: auto; }

.cmr-video-modal { max-width: 680px; }

.cmr-video-preview {
  position: relative; padding-top: 56.25%; background: rgba(26,26,26,0.06);
  border-radius: 8px; overflow: hidden; margin-bottom: 1rem;
}

.cmr-video-preview > iframe, .cmr-video-preview > div {
  position: absolute; inset: 0; width: 100%; height: 100%; border: 0;
}

.cmr-video-preview > p { position: absolute; inset: 0; display: grid; place-items: center; margin: 0; }

.cmr-conflicto {
  margin: 1.2rem 0; padding: 1rem 1.1rem; border-radius: 10px;
  border: 1px solid var(--naranja); background: rgba(224,138,0,0.07);
  font-family: var(--sans);
}

.cmr-conflicto-que {
  display: flex; align-items: center; gap: 0.5rem; margin: 0 0 0.4rem;
  font-weight: 700; font-size: 0.95rem; color: var(--tinta);
}

.cmr-conflicto-nota {
  margin: 0.3rem 0 0; font-size: 0.85rem; line-height: 1.5;
  color: rgba(26,26,26,0.7);
}

.cmr-conflicto-acciones {
  display: flex; align-items: center; gap: 0.7rem; flex-wrap: wrap; margin-top: 0.9rem;
}

.cmr-crea-greb .cmr-greb-icono { width: 34px; height: 34px; object-fit: contain; }

.cmr-galeria {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.6rem; margin: 1.6rem 0; clear: both;
}

.cmr-galeria img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; margin: 0; }

.cmr-galeria img:only-child { height: auto; object-fit: contain; }

.cmr-preview-body img.cmr-img-izq, #cmr-editor-area img.cmr-img-izq,
.cmr-preview-body img.cmr-img-der, #cmr-editor-area img.cmr-img-der { width: 45%; }

.cmr-preview-body h2, .cmr-preview-body h3 { clear: both; }

.cmr-pl-filtros .cmr-select { flex: 1 1 150px; }

.cmr-greb-campo > span { display: flex; align-items: center; gap: 0.35rem; }

.cmr-preview-body .cmr-transcripcion-nota {
  font-family: var(--sans); font-size: 0.85rem; line-height: 1.55;
  color: rgba(26,26,26,0.62); border-left: 3px solid var(--crema);
  padding: 0.2rem 0 0.2rem 0.9rem; margin: 1.2rem 0 1.6rem;
}

.cmr-preview-body .cmr-transcripcion { clear: both; }

.cmr-preview-body .cmr-transcripcion p {
  font-size: 0.97rem; line-height: 1.62; margin: 0 0 0.85rem;
  padding-left: 3.4rem; text-indent: -3.4rem;
}

.cmr-preview-body .cmr-transcripcion p strong {
  font-family: var(--sans); font-size: 0.76rem; font-weight: 700;
  letter-spacing: 0.06em; color: var(--verde);
}

.cmr-preview-body .cmr-tr-marca {
  font-family: var(--sans); font-size: 0.72rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase; color: rgba(26,26,26,0.5);
  border-top: 1px solid var(--crema); padding: 1.4rem 0 0; margin: 2rem 0 1.2rem;
  text-indent: 0;
}

.cmr-preview-body .cmr-radio-intro { font-style: italic; color: rgba(26,26,26,0.7); }

.cmr-preview-body .cmr-articulo-ad-medio .cmr-ad-band-full img {
  max-height: clamp(200px, 34vh, 320px); }

.cmr-preview-body img { cursor: zoom-in; }

.cmr-preview-body a img,
.cmr-preview-body [data-cmr-bloque] img { cursor: default; }

.cmr-galeria.is-laminas img { height: auto; object-fit: contain; align-self: start; }

.cmr-diff {
  flex-basis: 100%; margin: 0.7rem 0 0.2rem; padding: 0.9rem 1rem;
  border: 1px solid var(--crema); border-radius: 10px;
  background: rgba(26,26,26,0.025);
}