/*
 * Vanelop Soy Yo — parche visual 20/10/2026
 * Cargar DESPUÉS de styles.css para conservar los textos, módulos y estilos base.
 */

/* Manifiesto: lila suave y titulares siempre legibles. */
.manifesto {
  background: #ead7e6;
  color: #090909;
}

.manifesto h2,
.manifesto h2 span {
  color: #090909;
}

.manifesto h2 em {
  color: #4a2543;
  font-style: normal;
}

.manifesto-bottom {
  border-top-color: #1d1420;
}

/* Los CTA de formatos deben percibirse como botones, no solo como flechas. */
.formats-grid .format-cta {
  display: flex;
  width: 100%;
  min-height: 64px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 20px;
  padding: 10px 11px 10px 20px;
  background: #090909;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color .2s ease, transform .2s ease;
}

.formats-grid .format-cta:hover {
  background: #28282a;
  transform: translateY(-3px);
}

.formats-grid .format-cta span:last-child {
  display: grid;
  flex: 0 0 43px;
  width: 43px;
  height: 43px;
  place-items: center;
  background: #0df62e;
  color: #090909;
  font-size: 22px;
}

/* Fotografías: conservar rostro y encuadre original sin cortar la primera. */
.stage-gallery .stage-item img,
.stage-gallery .stage-item:first-child img,
.stage-gallery .stage-item:nth-child(even) img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}

.stage-gallery .stage-item:first-child {
  background: #c9a7bf;
}

.talk-card.lavender .talk-media img,
.talk-card.lime .talk-media img {
  object-fit: contain;
  object-position: center bottom;
}

@media (max-width: 760px) {
  .formats-grid .format-cta { min-height: 60px; }
  .stage-gallery .stage-item img { object-fit: contain; }
}

@media (prefers-reduced-motion: reduce) {
  .formats-grid .format-cta { transition: none; }
}