/* ============================================================
   ACATHI — pantalla: Historias (patterns/stories.php)
   ============================================================ */

.ac-stories-hero {
  background: linear-gradient(135deg, var(--primary-fixed) 0%, var(--background) 65%);
  padding: var(--stack-lg) var(--gutter) var(--stack-md);
}
.ac-stories-hero__inner { max-width: 880px; margin: 0 auto; text-align: center; }
.ac-stories-hero__title { margin: 16px 0 24px; }
.ac-stories-hero__lead { margin: 0 auto; max-width: 620px; }

/* Rejilla de historias */
.ac-stories-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

/* Tarjeta de testimonio sin foto (fondo tintado por estilo inline) */
.ac-stories-tonecard {
  position: relative; margin: 0; aspect-ratio: 3 / 4;
  border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-md);
}
.ac-stories-tonecard__icon { position: absolute; top: 24px; left: 24px; font-size: 48px; }
.ac-stories-tonecard__overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(49,0,101,0.55), transparent 60%);
  display: flex; flex-direction: column; justify-content: flex-end; padding: 26px;
}
.ac-stories-tonecard__overlay blockquote {
  color: #fff; font-family: var(--font-body); font-style: italic;
  font-size: 16px; line-height: 23px; margin: 0 0 12px;
}
.ac-stories-tonecard__overlay cite {
  color: rgba(255,255,255,0.9); font-style: normal; font-family: var(--font-display);
  font-weight: var(--weight-semibold); font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase;
}

/* Comparte tu historia */
.ac-stories-share { padding-bottom: var(--stack-lg); }
.ac-stories-cta {
  border-radius: var(--radius-3xl); padding: 48px var(--gutter); text-align: center;
}
.ac-stories-cta h2 { font-family: var(--font-display); font-weight: var(--weight-bold); font-size: 30px; margin: 12px 0 12px; }
.ac-stories-cta > p { font-family: var(--font-body); font-size: 17px; color: rgba(255,255,255,0.85); margin: 0 auto 22px; max-width: 520px; }
.ac-stories-cta__btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

/* Aviso de privacidad (tono "privacy" del prototipo) */
.ac-stories-alert {
  background: var(--surface-container); color: var(--on-surface-variant);
  text-align: left; max-width: 520px; margin: 0 auto 22px;
}

@media (max-width: 1100px) {
  .ac-stories-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 680px) {
  .ac-stories-grid { grid-template-columns: 1fr; }
}

/* ═══ Rediseño editorial (añadido) ═══ */
.ac-stories-hero { position: relative; overflow: hidden; }
.ac-stories-hero::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--rainbow-gradient); }
.ac-stories-hero__title { font-size: clamp(2.2rem, 1.5rem + 2.2vw, 3.4rem); line-height: 1.06; letter-spacing: -0.02em; }
.ac-stories-tonecard { transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
.ac-stories-tonecard:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }