/* ============================================================
   10 · MITOS
   Anatomy unlike siblings: refranes en zigzag. Cada entrada lleva
   una equis grande de "desmentido" y la cita literal del PDF en
   cursiva Cormorant, seguida de la aclaración en sans — todo en una
   línea fluida (texto del PDF intacto, sin etiquetas inventadas).
   Las pares se reflejan (la equis salta de lado) para romper la
   simetría. Ni tarjetas iguales ni rejilla.
   ============================================================ */

.mitos {
  padding: var(--seccion-y) var(--canal);
  background: var(--vitela);
  border-top: 1px solid var(--filete);
}
.mitos__cabe { max-width: 58ch; margin-bottom: clamp(2.4rem, 4vw, 3.8rem); }
.mitos__titulo { font-size: var(--t-titulo); margin-bottom: 1.1rem; }
.mitos__intro { color: var(--tinta-media); font-size: var(--t-lead); }

.mitos__lista { display: flex; flex-direction: column; gap: clamp(1.6rem, 3vw, 2.8rem); }
.mitos__item {
  display: grid; grid-template-columns: auto 1fr;
  gap: clamp(1rem, 2.5vw, 2.4rem); align-items: start;
  border-top: 1px solid var(--filete-hondo); padding-top: clamp(1.4rem, 2.5vw, 2.2rem);
  max-width: 64ch;
}
/* reflejo: las pares se alinean a la derecha y la equis cambia de lado */
.mitos__item:nth-child(even) { grid-template-columns: 1fr auto; margin-left: auto; text-align: right; }
.mitos__item:nth-child(even) .mitos__comilla { order: 2; }
.mitos__item:nth-child(even) .mitos__cuerpo { order: 1; }

/* marca de "mito desmentido": una equis grande de oro */
.mitos__comilla {
  font-family: "Cormorant Garamond", serif; font-weight: 600;
  font-size: clamp(2.6rem, 5vw, 4.2rem); line-height: 0.8; color: var(--oro-hondo);
}
.mitos__comilla::before { content: "\2715"; }

/* una sola línea fluida: cita literal (cursiva) + aclaración (sans) */
.mitos__linea { color: var(--tinta-media); font-size: var(--t-lead); }
.mitos__cita {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-size: var(--t-sub); font-weight: 600; color: var(--tinta);
}

.mitos__pie { margin-top: clamp(2.4rem, 4vw, 3.4rem); display: flex; flex-wrap: wrap; gap: 1.4rem 2.4rem; align-items: center; }
.mitos__cierre { color: var(--tinta-media); max-width: 62ch; }
.mitos__acciones { display: flex; flex-wrap: wrap; gap: 1.1rem 1.5rem; align-items: center; margin-left: auto; }

@media (max-width: 1024px) {
  .mitos__item, .mitos__item:nth-child(even) {
    grid-template-columns: auto 1fr; margin-left: 0; text-align: left; max-width: none;
  }
  .mitos__item:nth-child(even) .mitos__comilla { order: 0; }
  .mitos__item:nth-child(even) .mitos__cuerpo { order: 0; }
  .mitos__cierre { max-width: none; }
  .mitos__acciones { margin-left: 0; flex-direction: column; align-items: stretch; }
  .mitos__acciones .rubrica { justify-content: center; }
}