/* cc-reveal.css — Módulo 20 · Antes y después conceptual */
.cc-reveal { background: var(--cc-blanco); text-align: center; }
.cc-reveal__pair {
  display: grid; grid-template-columns: 1fr 1fr; gap: var(--cc-gap);
  max-width: 920px; margin: 2.5em auto 0;
}
.cc-reveal__frame { position: relative; border-radius: var(--cc-radius); overflow: hidden; }
.cc-reveal__tag {
  position: absolute; left: 1em; bottom: 1em; z-index: 2;
  font-size: var(--cc-fs-caption); text-transform: uppercase; letter-spacing: var(--cc-tracking-label);
  color: var(--cc-blanco); background: rgba(26,26,26,0.55); padding: 0.4em 0.8em; border-radius: var(--cc-radius);
}
.cc-reveal__note { margin-top: 1.2em; }
@media (max-width: 767px) { .cc-reveal__pair { grid-template-columns: 1fr; } }