/* =========================================================
Sección "Contenido nuevo" (texto + video estilo TikTok) — encapsulada
Todo usa el prefijo contenido__
   ========================================================= */
#contenido-nuevo, .contenido {
  --k-rojo: var(--rojo, #c8102e);
  --k-tinta: var(--tinta, #2a0a10);
  max-width: none; min-height: 0; margin: 0;
  padding: 96px 24px;
  color: var(--k-tinta); font-family: inherit;
}
#contenido-nuevo *, #contenido-nuevo *::before, #contenido-nuevo *::after { box-sizing: border-box; }
#contenido-nuevo :focus-visible { outline: 3px solid var(--k-rojo); outline-offset: 4px; }
.contenido__fila {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center; gap: clamp(32px, 6vw, 88px);
  max-width: 1000px; margin: 0 auto;
}
/* Columna izquierda: descripción */
.contenido__titulo {
  font-size: clamp(2rem, 4vw, 2.75rem); line-height: 1.1; letter-spacing: -.02em;
  color: var(--k-rojo); margin-bottom: 10px;
}
.contenido__subtitulo { font-size: clamp(1.1rem, 2vw, 1.35rem); font-weight: 700; margin-bottom: 20px; }
.contenido__parrafo { line-height: 1.7; font-size: 1.05rem; max-width: 52ch; margin-bottom: 14px; }
/* Columna derecha: video vertical que es un enlace */
.contenido__video {
  position: relative; display: block;
  width: min(100%, 320px); aspect-ratio: 9 / 16; margin: 0 auto;
  border-radius: 30px; overflow: hidden;
  background: linear-gradient(160deg, #2a0a10, #9b0d23);
  box-shadow: 0 24px 50px rgba(42, 10, 16, .35);
  transition: transform .3s, box-shadow .3s;
}
.contenido__video:hover, .contenido__video:focus-visible { transform: translateY(-6px) scale(1.02); box-shadow: 0 32px 60px rgba(42, 10, 16, .4); }
.contenido__video video { width: 100%; height: 100%; object-fit: cover; display: block; }
.contenido__insignia {
  position: absolute; left: 14px; right: 14px; bottom: 14px;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 11px 16px; border-radius: 999px;
  background: rgba(17, 17, 17, .78); color: #fff;
  font-weight: 700; font-size: .95rem;
  backdrop-filter: blur(6px);
  transition: background .25s;
}
.contenido__insignia svg { width: 18px; height: 18px; }
.contenido__video:hover .contenido__insignia { background: var(--k-rojo); }
@media (max-width: 820px) {
  #contenido-nuevo, .contenido { padding: 64px 16px; }
  .contenido__fila { grid-template-columns: minmax(0, 1fr); }
  .contenido__texto { text-align: center; }
  .contenido__parrafo { margin-inline: auto; }
}
@media (prefers-reduced-motion: reduce) { .contenido__video, .contenido__insignia { transition: none; } }