/* IAta HOME · CASCADAS V4.1 */

.iata-home-cascades,
.iata-home-cascades * { box-sizing: border-box; }

.iata-home-cascades {
  --home-shell: 1200px;
  --home-text: #121b29;
  --home-muted: #637186;
  --home-blue: #087fd0;
  --home-line: rgba(18, 27, 41, .12);
  color: var(--home-text);
}

.iata-home-cascades .anchorjs-link,
.iata-home-cascades a.anchorjs-link,
.iata-home-cascades .header-section-number {
  display: none !important;
  visibility: hidden !important;
}

.home-story,
.home-testimonials {
  position: relative;
  left: 50%;
  width: 100vw;
  max-width: none !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  overflow: clip;
}

.home-story { padding: clamp(88px, 8vw, 132px) 0; }

.home-story__shell {
  width: min(var(--home-shell), calc(100% - 72px));
  margin-inline: auto;
}

.home-story__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(58px, 7vw, 104px);
  align-items: center;
}

.home-story__layout--media-right .home-story__copy { order: 1; }
.home-story__layout--media-right .home-story__media { order: 2; }

.home-story__copy { max-width: 560px; }

.home-story__eyebrow {
  display: inline-block;
  margin-bottom: 16px;
  color: var(--home-blue);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.home-story__copy h2 {
  margin: 0;
  max-width: 610px;
  color: var(--home-text);
  font-size: clamp(2.65rem, 3.8vw, 4.25rem);
  font-weight: 690;
  line-height: 1.015;
  letter-spacing: -.052em;
  text-wrap: balance;
}

.home-story__copy h2 span {
  display: block;
  margin-top: 4px;
  color: var(--home-blue);
}

.home-story__lead {
  max-width: 515px;
  margin: 24px 0 0;
  color: var(--home-muted);
  font-size: 1rem;
  line-height: 1.72;
}

.home-story__media {
  position: relative;
  min-height: 570px;
  border-radius: 34px;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(31, 54, 82, .10);
}

.home-story__points { display: grid; margin-top: 28px; border-top: 1px solid var(--home-line); }
.home-story__points > div,
.question-stack > div {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 13px;
  padding: 14px 2px;
  border-bottom: 1px solid var(--home-line);
}

.home-story__points span,
.question-stack span {
  color: var(--home-blue);
  font-size: .7rem;
  font-weight: 800;
}

.home-story__points p,
.question-stack p {
  margin: 0;
  color: #4e5d71;
  font-size: .92rem;
  line-height: 1.5;
}

.home-story__principle {
  margin-top: 25px;
  padding: 15px 17px;
  color: #2d3d50;
  background: rgba(255,255,255,.66);
  border-left: 3px solid #bda16a;
  border-radius: 0 12px 12px 0;
  font-size: .88rem;
  line-height: 1.5;
}

.home-story__principle--blue { border-left-color: var(--home-blue); }

.home-cta {
  width: min(360px, 100%);
  min-height: 70px;
  margin-top: 28px;
  padding: 12px 14px 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #fff !important;
  background: linear-gradient(135deg, #087fd0 0%, #1698e8 100%);
  border-radius: 16px;
  text-decoration: none !important;
  box-shadow: 0 13px 30px rgba(8, 127, 208, .18);
  transition: transform .2s ease, box-shadow .2s ease;
}

.home-cta:hover {
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 19px 36px rgba(8, 127, 208, .24);
}

.home-cta span small,
.home-cta span strong { display: block; }

.home-cta span small {
  margin-bottom: 3px;
  color: rgba(255,255,255,.75);
  font-size: .67rem;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.home-cta span strong { color: #fff; font-size: 1rem; font-weight: 800; }

.home-cta i {
  width: 41px;
  height: 41px;
  display: grid;
  place-items: center;
  flex: 0 0 41px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 50%;
  font-size: 1.08rem;
  font-style: normal;
}

.home-cta--soft {
  background: #172537;
  box-shadow: 0 13px 30px rgba(23, 37, 55, .14);
}

/* COLLAGES */
.home-story__media--collage { background: transparent; box-shadow: none; overflow: visible; }

.media-collage {
  position: relative;
  width: 100%;
  min-height: 570px;
}

.media-collage figure {
  margin: 0;
  overflow: hidden;
  border-radius: 32px;
  background: #dfe8f0;
  box-shadow: 0 22px 52px rgba(34, 54, 79, .12);
}

.media-collage img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.media-collage__big { width: 76%; height: 330px; }
.media-collage__small-left,
.media-collage__small-right {
  position: absolute;
  bottom: 0;
  width: 35%;
  height: 225px;
}
.media-collage__small-left { left: 7%; }
.media-collage__small-right { left: 45%; }

.media-collage--guide .media-collage__big {
  width: 72%;
  height: 415px;
  margin-left: 7%;
}

.media-collage--guide .media-collage__small--guide {
  position: absolute;
  right: 6%;
  bottom: 5%;
  width: 38%;
  height: 280px;
}

.media-pill {
  position: absolute;
  z-index: 3;
  width: 215px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(22,53,82,.08);
  box-shadow: 0 17px 34px rgba(34,75,106,.12);
  backdrop-filter: blur(10px);
}

.media-pill small,
.media-pill strong { display: block; }

.media-pill small {
  font-size: .56rem;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.media-pill strong {
  margin-top: 4px;
  font-size: .79rem;
  line-height: 1.35;
}

.media-pill--top { top: 4%; right: 2%; color: #18354a; }
.media-pill--top small { color: #b28f52; }
.media-pill--bottom { left: 0; bottom: 0; color: #18354a; }
.media-pill--bottom small { color: #0a7eca; }

/* SECCIONES */
.home-story--guide {
  --home-text: #17202d;
  --home-muted: #6c7480;
  --home-blue: #177fc0;
  background: radial-gradient(circle at 8% 14%, rgba(189,161,106,.11), transparent 27%), #f4f2ed;
}

.home-story--evaluation {
  --home-text: #101d2c;
  --home-muted: #5e7085;
  --home-blue: #087fd0;
  background: radial-gradient(circle at 92% 15%, rgba(22,152,232,.11), transparent 30%), #e9f2f9;
}

.confidence-list { display: grid; gap: 10px; margin-top: 27px; }

.confidence-item {
  display: grid;
  grid-template-columns: 14px 1fr;
  gap: 13px;
  padding: 13px 15px;
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(31,63,91,.09);
  border-radius: 13px;
}

.confidence-dot { width: 9px; height: 9px; margin-top: 5px; border-radius: 50%; }
.confidence-item--identified .confidence-dot { background: #27af82; }
.confidence-item--reference .confidence-dot { background: #e0aa39; }
.confidence-item--validate .confidence-dot { background: #df655f; }

.confidence-item strong { display: block; color: var(--home-text); font-size: .84rem; }
.confidence-item p { margin: 3px 0 0; color: var(--home-muted); font-size: .77rem; line-height: 1.45; }

.home-story--assistant {
  --home-text: #0d1c2d;
  --home-muted: #586d83;
  --home-blue: #067cc9;
  background:
    radial-gradient(circle at 8% 15%, rgba(22,143,232,.19), transparent 31%),
    radial-gradient(circle at 92% 80%, rgba(43,181,138,.10), transparent 27%),
    #d9eaf6;
}

.question-stack { display: grid; margin-top: 28px; border-top: 1px solid rgba(22,53,82,.13); }

/* TESTIMONIOS */
.home-testimonials {
  --test-bg: #f8fafc;
  --test-text: #151f2d;
  --test-muted: #687689;
  padding: clamp(92px, 8vw, 126px) 0 clamp(80px, 7vw, 110px);
  background: radial-gradient(circle at 50% 0%, rgba(22,143,232,.07), transparent 28%), var(--test-bg);
}

.home-testimonials__heading {
  width: min(780px, calc(100% - 42px));
  margin: 0 auto 54px;
  text-align: center;
}

.home-testimonials__heading > span {
  color: #087fd0;
  font-size: .7rem;
  font-weight: 820;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.home-testimonials__heading h2 {
  margin: 15px 0 0;
  color: var(--test-text);
  font-size: clamp(2.45rem, 3.65vw, 4rem);
  font-weight: 690;
  line-height: 1.02;
  letter-spacing: -.05em;
  text-wrap: balance;
}

.home-testimonials__heading h2 strong { color: #087fd0; font-weight: inherit; }

.home-testimonials__heading p {
  max-width: 620px;
  margin: 20px auto 0;
  color: var(--test-muted);
  font-size: .95rem;
  line-height: 1.65;
}

.testimonial-marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 4px 0 18px;
}

.testimonial-marquee::before,
.testimonial-marquee::after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  width: min(9vw, 140px);
  height: 100%;
  pointer-events: none;
}

.testimonial-marquee::before { left: 0; background: linear-gradient(to right, var(--test-bg), transparent); }
.testimonial-marquee::after { right: 0; background: linear-gradient(to left, var(--test-bg), transparent); }

.testimonial-marquee__track {
  width: max-content;
  display: flex;
  align-items: stretch;
  gap: 18px;
  padding-left: 18px;
  animation: iata-testimonial-marquee 48s linear infinite;
  will-change: transform;
}

.testimonial-marquee:hover .testimonial-marquee__track { animation-play-state: paused; }

.testimonial-card {
  width: 385px;
  min-height: 215px;
  padding: 26px;
  flex: 0 0 385px;
  color: #26384c;
  background: #ffffff;
  border: 1px solid rgba(24,52,78,.09);
  border-radius: 20px;
  box-shadow: 0 16px 42px rgba(30,54,78,.06);
}

.testimonial-card:nth-child(3n + 2) { background: #f1f5ec; }
.testimonial-card:nth-child(3n + 3) { background: #eef5fb; }

.testimonial-card__meta {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
}

.testimonial-card__meta strong { color: #1b2938; font-size: .8rem; }

.testimonial-card__meta span {
  color: #8794a3;
  font-size: .61rem;
  font-weight: 750;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.testimonial-card p {
  margin: 0;
  color: #657386;
  font-size: .88rem;
  line-height: 1.65;
}

.testimonial-card--placeholder { border-style: dashed; }

@keyframes iata-testimonial-marquee {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(calc(-50% - 9px),0,0); }
}

/* REVEAL */
html.cascade-ready .cascade-reveal {
  opacity: 0;
  transition: opacity .78s cubic-bezier(.2,.8,.2,1), transform .78s cubic-bezier(.2,.8,.2,1);
}
html.cascade-ready .cascade-reveal--left { transform: translate3d(-30px, 24px, 0); }
html.cascade-ready .cascade-reveal--right { transform: translate3d(30px, 24px, 0); }
html.cascade-ready .cascade-reveal--up { transform: translate3d(0, 36px, 0); }
html.cascade-ready .cascade-reveal.is-visible { opacity: 1; transform: translate3d(0,0,0); }

/* DARK MODE */
body.quarto-dark .iata-home-cascades {
  --home-text: #f1f5fa;
  --home-muted: #9aa8b9;
  --home-blue: #5bc0ff;
  --home-line: rgba(255,255,255,.11);
}

body.quarto-dark .home-story--guide {
  --home-text: #f3f6fa;
  --home-muted: #a6b1bf;
  --home-blue: #65c4fa;
  background: radial-gradient(circle at 8% 14%, rgba(189,161,106,.08), transparent 27%), #0a111a;
}
body.quarto-dark .home-story--evaluation {
  --home-text: #f3f7fb;
  --home-muted: #a1afbf;
  --home-blue: #68c6fb;
  background: radial-gradient(circle at 92% 15%, rgba(22,152,232,.10), transparent 30%), #081522;
}
body.quarto-dark .home-story--assistant {
  --home-text: #f3f7fb;
  --home-muted: #a5b4c4;
  --home-blue: #6dcaff;
  background:
    radial-gradient(circle at 8% 15%, rgba(22,143,232,.14), transparent 31%),
    radial-gradient(circle at 92% 80%, rgba(43,181,138,.07), transparent 27%),
    #0b1d2c;
}
body.quarto-dark .home-story__points p,
body.quarto-dark .question-stack p { color: #bdc7d3; }
body.quarto-dark .home-story__principle { color: #d9e2ec; background: rgba(255,255,255,.04); }
body.quarto-dark .confidence-item { background: rgba(255,255,255,.035); border-color: rgba(255,255,255,.08); }
body.quarto-dark .confidence-item strong { color: #f0f5fa; }
body.quarto-dark .media-pill { color: #dde7f1; background: rgba(17,32,45,.90); border-color: rgba(255,255,255,.08); }
body.quarto-dark .media-pill small { color: #7ed2ff; }
body.quarto-dark .home-testimonials {
  --test-bg: #070e17;
  --test-text: #f1f5fa;
  --test-muted: #9aa8b9;
  background: radial-gradient(circle at 50% 0%, rgba(22,143,232,.08), transparent 28%), var(--test-bg);
}
body.quarto-dark .testimonial-card,
body.quarto-dark .testimonial-card:nth-child(3n + 2),
body.quarto-dark .testimonial-card:nth-child(3n + 3) {
  color: #d8e2eb;
  background: #0e1926;
  border-color: rgba(255,255,255,.08);
}
body.quarto-dark .testimonial-card__meta strong { color: #eef4f9; }
body.quarto-dark .testimonial-card p { color: #a7b4c2; }

/* TABLET / MOBILE */
@media (max-width: 980px) {
  .home-story__shell { width: calc(100% - 44px); }
  .home-story__layout { gap: 44px; }
  .home-story__media { min-height: 520px; }
  .media-collage { min-height: 520px; }
  .media-collage__big { width: 80%; }
  .media-collage__small-left,
  .media-collage__small-right { width: 37%; }
}

@media (max-width: 760px) {
  .home-story { padding: 68px 0 76px; }
  .home-story__shell { width: calc(100% - 30px); }
  .home-story__layout { grid-template-columns: 1fr; gap: 36px; }
  .home-story__layout--media-left .home-story__media,
  .home-story__layout--media-right .home-story__media { order: 2; }
  .home-story__layout--media-left .home-story__copy,
  .home-story__layout--media-right .home-story__copy { order: 1; }
  .home-story__copy { max-width: none; }
  .home-story__copy h2 { max-width: 620px; font-size: clamp(2.25rem, 10.5vw, 3.2rem); }
  .home-story__media, .media-collage { min-height: 510px; }
  .media-collage__big { width: 86%; height: 280px; margin-left: 0 !important; }
  .media-collage__small-left,
  .media-collage__small-right { width: 40%; height: 180px; }
  .media-collage__small-left { left: 0; }
  .media-collage__small-right { left: 44%; }
  .media-collage--guide .media-collage__small--guide { width: 42%; height: 210px; right: 0; bottom: 11%; }
  .media-pill { width: 180px; padding: 11px 12px; }
  .home-testimonials { padding: 72px 0 74px; }
  .home-testimonials__heading { margin-bottom: 40px; }
  .testimonial-card { width: 315px; flex-basis: 315px; min-height: 205px; padding: 22px; }
  .testimonial-marquee::before, .testimonial-marquee::after { width: 36px; }
}

@media (max-width: 460px) {
  .home-story__shell { width: calc(100% - 22px); }
  .home-story__copy h2 { font-size: 2.12rem; }
  .home-story__media, .media-collage { min-height: 470px; }
  .media-collage__big { height: 240px; }
  .media-collage__small-left,
  .media-collage__small-right { width: 42%; height: 155px; }
  .media-collage--guide .media-collage__small--guide { width: 44%; height: 185px; }
  .media-pill { width: 165px; padding: 10px 11px; }
  .home-cta { width: 100%; }
  .testimonial-card { width: 286px; flex-basis: 286px; }
}

@media (prefers-reduced-motion: reduce) {
  html.cascade-ready .cascade-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .testimonial-marquee__track {
    animation: none !important;
    transform: none !important;
  }
  .testimonial-marquee { overflow-x: auto; }
}


/* =========================================================
   V4.2 · LIBRO DELANTERO INTERACTIVO
   libro1 queda atrás. libro2 queda adelante y COMPLETO.
   ========================================================= */

.media-collage--guide {
  min-height: 610px;
}

.media-collage--guide .guide-book-back {
  position: absolute;
  top: 2%;
  left: 6%;
  z-index: 1;
  width: 72%;
  height: 430px;
  margin: 0;
  overflow: hidden;
  border-radius: 30px;
  background: #e9edf0;
  box-shadow: 0 28px 60px rgba(37,49,65,.13);
}

.media-collage--guide .guide-book-back img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.guide-flipbook {
  position: absolute;
  right: -1%;
  bottom: 2%;
  z-index: 6;
  width: 54%;
  aspect-ratio: 1 / 1;
  cursor: pointer;
  outline: none;
  transform-origin: center center;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), filter .35s ease;
}

.guide-flipbook:hover,
.guide-flipbook:focus-visible {
  transform: translateY(-9px) scale(1.025);
}

.guide-flipbook__stage {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 24px;
  background: rgba(255,255,255,.28);
  box-shadow: 0 24px 55px rgba(35,48,65,.18);
  isolation: isolate;
}

/* IMPORTANTE: contain evita cortar cualquiera de las dos páginas. */
.guide-flipbook__page {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain !important;
  object-position: center !important;
  opacity: 0;
  transform: translateX(10%) scale(.988);
  transition: opacity .46s cubic-bezier(.2,.8,.2,1), transform .56s cubic-bezier(.2,.8,.2,1);
  pointer-events: none;
}

.guide-flipbook__page.is-active {
  z-index: 2;
  opacity: 1;
  transform: translateX(0) scale(1);
}

.guide-flipbook__page.is-leaving {
  z-index: 1;
  opacity: 0;
  transform: translateX(-10%) scale(.988);
}

/* Hoja visual que cruza el libro al hacer hover/click. */
.guide-flipbook__sheet {
  position: absolute;
  top: 3%;
  bottom: 3%;
  left: 50%;
  z-index: 7;
  width: 48%;
  opacity: 0;
  pointer-events: none;
  border-radius: 2px 18px 18px 2px;
  background: linear-gradient(90deg,
    rgba(255,255,255,.18) 0%,
    rgba(255,255,255,.98) 24%,
    rgba(247,248,250,.99) 66%,
    rgba(225,230,236,.84) 100%);
  box-shadow: -14px 0 22px rgba(26,39,53,.13);
  transform: translateX(108%) skewY(-1deg);
  transform-origin: left center;
}

.guide-flipbook.is-turning .guide-flipbook__sheet {
  animation: iata-book-sheet .72s cubic-bezier(.25,.75,.25,1);
}

@keyframes iata-book-sheet {
  0%   { opacity: 0; transform: translateX(105%) skewY(-1deg); }
  15%  { opacity: .90; }
  50%  { opacity: .96; transform: translateX(-10%) skewY(-2deg); }
  84%  { opacity: .55; }
  100% { opacity: 0; transform: translateX(-115%) skewY(-1deg); }
}

/* Brillo sutil para que, incluso con solo libro2, el hover se sienta vivo. */
.guide-flipbook__shine {
  position: absolute;
  inset: 0;
  z-index: 6;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(110deg,
    transparent 12%,
    rgba(255,255,255,.34) 42%,
    rgba(255,255,255,.08) 55%,
    transparent 72%);
  transform: translateX(-90%);
}

.guide-flipbook:hover .guide-flipbook__shine,
.guide-flipbook:focus-visible .guide-flipbook__shine {
  animation: iata-book-shine 1.2s ease;
}

@keyframes iata-book-shine {
  0%   { opacity: 0; transform: translateX(-90%); }
  20%  { opacity: .75; }
  100% { opacity: 0; transform: translateX(100%); }
}

.guide-flipbook__hint {
  position: absolute;
  left: 50%;
  bottom: -42px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 11px;
  white-space: nowrap;
  color: #607286;
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(26,53,78,.08);
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 650;
  box-shadow: 0 10px 24px rgba(30,52,73,.08);
  backdrop-filter: blur(10px);
  opacity: .82;
  transition: opacity .25s ease, transform .25s ease;
}

.guide-flipbook:hover .guide-flipbook__hint,
.guide-flipbook:focus-visible .guide-flipbook__hint {
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}

.guide-flipbook__hint-icon {
  color: #087fd0;
  font-size: .88rem;
}

.guide-flipbook__dots {
  position: absolute;
  left: 50%;
  bottom: 12px;
  z-index: 9;
  transform: translateX(-50%);
  display: flex;
  gap: 6px;
}

.guide-flipbook__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(19,49,74,.25);
  transition: width .25s ease, border-radius .25s ease, background .25s ease;
}

.guide-flipbook__dot.is-active {
  width: 20px;
  border-radius: 999px;
  background: #087fd0;
}

/* La etiqueta superior debe quedar sobre ambos libros. */
.media-collage--guide .media-pill--top { z-index: 10; }
.media-collage--guide .media-pill--bottom { z-index: 10; }

body.quarto-dark .guide-flipbook__hint {
  color: #b8c6d4;
  background: rgba(15,29,42,.88);
  border-color: rgba(255,255,255,.08);
}

body.quarto-dark .guide-flipbook__dot {
  background: rgba(255,255,255,.28);
}

body.quarto-dark .guide-flipbook__dot.is-active {
  background: #64c7ff;
}

@media (max-width: 980px) {
  .media-collage--guide { min-height: 570px; }
  .media-collage--guide .guide-book-back {
    left: 3%;
    width: 75%;
    height: 400px;
  }
  .guide-flipbook {
    right: 0;
    bottom: 3%;
    width: 56%;
  }
}

@media (max-width: 760px) {
  .media-collage--guide { min-height: 540px; }
  .media-collage--guide .guide-book-back {
    top: 0;
    left: 0;
    width: 78%;
    height: 340px;
  }
  .guide-flipbook {
    right: 0;
    bottom: 5%;
    width: 62%;
  }
  .guide-flipbook__hint { bottom: -37px; }
}

@media (max-width: 460px) {
  .media-collage--guide { min-height: 465px; }
  .media-collage--guide .guide-book-back {
    width: 82%;
    height: 285px;
  }
  .guide-flipbook {
    width: 65%;
    bottom: 5%;
  }
  .guide-flipbook__hint { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .guide-flipbook,
  .guide-flipbook__page,
  .guide-flipbook__hint {
    transition: none !important;
  }
  .guide-flipbook__sheet,
  .guide-flipbook__shine {
    animation: none !important;
  }
}


/* =========================================================
   FLIPBOOK IAta V4.4 · libro2 -> libro3 -> libro4
   ========================================================= */

/* Las 3 imágenes ocupan exactamente el mismo casillero */
.guide-flipbook__stage {
  position: relative;
  isolation: isolate;
}

.guide-flipbook__page {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;

  /* Evita que alguna doble página quede cortada */
  object-fit: contain !important;
  object-position: center !important;

  opacity: 0;
  transform: translate3d(13%, 0, 0) scale(.985);
  filter: blur(.2px);

  transition:
    opacity .46s cubic-bezier(.2,.8,.2,1),
    transform .62s cubic-bezier(.2,.8,.2,1),
    filter .46s ease;

  pointer-events: none;
  user-select: none;
}

.guide-flipbook__page.is-active {
  z-index: 3;
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
  filter: blur(0);
}

.guide-flipbook__page.is-leaving {
  z-index: 2;
  opacity: 0;
  transform: translate3d(-13%,0,0) scale(.985);
  filter: blur(.35px);
}

/* Pequeña hoja física durante cada cambio */
.guide-flipbook__sheet {
  z-index: 8 !important;
}

.guide-flipbook.is-turning .guide-flipbook__sheet {
  animation: iata-book-sheet-v44 .68s cubic-bezier(.22,.74,.25,1);
}

@keyframes iata-book-sheet-v44 {
  0% {
    opacity: 0;
    transform: translateX(110%) rotateY(0deg);
  }
  12% {
    opacity: .88;
  }
  48% {
    opacity: .96;
    transform: translateX(-8%) rotateY(-10deg);
    box-shadow: -18px 0 28px rgba(26,39,53,.16);
  }
  82% {
    opacity: .48;
  }
  100% {
    opacity: 0;
    transform: translateX(-118%) rotateY(-16deg);
  }
}

/* Sin brillo continuo: el protagonista será el cambio real de páginas */
.guide-flipbook__shine {
  display: none !important;
}

/* Indicadores: 3 páginas */
.guide-flipbook__dots {
  bottom: 11px !important;
  z-index: 12 !important;
}

.guide-flipbook__dot {
  box-shadow: 0 1px 5px rgba(0,0,0,.08);
}

/* Al hover sólo se levanta el libro, no se deforma */
.guide-flipbook:hover,
.guide-flipbook:focus-visible {
  transform: translateY(-7px) scale(1.018);
}

/* Estado durante el cambio */
.guide-flipbook.is-turning {
  filter: drop-shadow(0 24px 25px rgba(30,48,68,.09));
}

@media (max-width: 760px) {
  .guide-flipbook__page {
    object-fit: contain !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .guide-flipbook__page {
    transition: opacity .2s linear !important;
    transform: none !important;
  }
}


/* =========================================================
   IAta FLIPBOOK V4.5 · PROTOTIPO CSS 3D
   ---------------------------------------------------------
   Objetivo:
   - NO fundido blanco
   - NO fade entre imágenes completas
   - La hoja derecha gira desde el anillado
   - libro3/libro4 aparecen "debajo" de la hoja
   - Mantiene las imágenes actuales como prueba
   ========================================================= */

/* Variables aproximadas de la zona física del libro dentro del PNG cuadrado */
.guide-flipbook {
  --book-top: 17%;
  --book-page-height: 68%;
  --book-spine-x: 49.7%;
  --book-right-edge: 96%;
  --book-left-edge: 3.7%;
  --book-page-width: 46.3%;

  perspective: 1500px;
  transform-style: preserve-3d;
}

/* El stage es el escenario 3D */
.guide-flipbook__stage {
  position: relative !important;
  overflow: hidden !important;
  perspective: 1500px;
  transform-style: preserve-3d;
  background: transparent !important;
}

/*
  Desactivamos por completo el mecanismo V4.4 de fade/slide.
  Las imágenes sólo funcionan como "estado actual" y "estado debajo".
*/
.guide-flipbook__page {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;

  opacity: 0 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;

  pointer-events: none;
  user-select: none;
}

.guide-flipbook__page.is-active {
  z-index: 3;
  opacity: 1 !important;
}

/* La próxima doble página ya está debajo, sin aparecer mediante fade */
.guide-flipbook__page.is-under {
  z-index: 1;
  opacity: 1 !important;
}

/*
  Durante el giro conservamos sólo la mitad izquierda del spread actual.
  La mitad derecha de la siguiente imagen queda debajo de la hoja que gira.
*/
.guide-flipbook__page.is-static-left {
  z-index: 4;
  opacity: 1 !important;
  clip-path: inset(0 50% 0 0);
}

/* Eliminamos el efecto blanco/brillo anterior */
.guide-flipbook__sheet,
.guide-flipbook__shine {
  display: none !important;
}


/* =========================================================
   HOJA 3D GENERADA POR JS
   ========================================================= */

.guide-page-turner {
  position: absolute;

  top: var(--book-top);
  left: var(--book-spine-x);

  z-index: 10;

  width: var(--book-page-width);
  height: var(--book-page-height);

  transform-origin: 0% 50%;
  transform: rotateY(0deg) translateZ(2px);
  transform-style: preserve-3d;

  pointer-events: none;
  visibility: hidden;
  will-change: transform;
}

/* Sombra proyectada hacia el anillado */
.guide-page-turner::before {
  content: "";
  position: absolute;
  top: 1.5%;
  bottom: 1.5%;
  left: -3px;
  z-index: 30;
  width: 20px;

  opacity: 0;

  background:
    linear-gradient(
      90deg,
      rgba(19, 32, 47, .34),
      rgba(19, 32, 47, .12) 42%,
      transparent
    );

  filter: blur(4px);
  transform: translateX(-45%);
}

/* Leve sombra bajo el borde exterior de la hoja */
.guide-page-turner::after {
  content: "";
  position: absolute;
  inset: 2% -4px 2% auto;
  z-index: 29;
  width: 10px;

  opacity: .18;

  background: rgba(21, 36, 52, .32);
  filter: blur(5px);
}


/* Frente y reverso de la hoja */
.guide-page-turner__face {
  position: absolute;
  inset: 0;

  overflow: hidden;

  border-radius: 1px 12px 12px 1px;

  background: #fbfaf6;

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;

  transform-style: preserve-3d;
}

/* Frente = página derecha del spread actual */
.guide-page-turner__front {
  z-index: 2;
}

/* Reverso = página izquierda del siguiente spread */
.guide-page-turner__back {
  z-index: 1;
  transform: rotateY(180deg);
  box-shadow: inset 13px 0 20px rgba(25, 40, 56, .08);
}


/*
  Cada cara contiene la imagen cuadrada completa,
  ampliada y desplazada para que sólo se vea la página correspondiente.
*/
.guide-page-turner__face img {
  position: absolute;

  top: -25%;
  width: 216%;
  height: 147%;

  max-width: none !important;

  object-fit: fill !important;

  user-select: none;
  pointer-events: none;
}

/* Recorte de la página DERECHA del spread saliente */
.guide-page-turner__front img {
  left: -107.4%;
}

/* Recorte de la página IZQUIERDA del spread entrante */
.guide-page-turner__back img {
  left: -8%;
}


/* Degradado de curvatura muy sutil, no "blanquea" la hoja */
.guide-page-turner__front::after,
.guide-page-turner__back::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.guide-page-turner__front::after {
  background:
    linear-gradient(
      90deg,
      rgba(19, 34, 50, .09) 0%,
      transparent 12%,
      transparent 72%,
      rgba(255,255,255,.08) 100%
    );
}

.guide-page-turner__back::after {
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.06),
      transparent 62%,
      rgba(19,34,50,.06)
    );
}


/* =========================================================
   ANIMACIÓN NATURAL DE PASO DE HOJA
   ========================================================= */

.guide-flipbook.is-page-turning .guide-page-turner {
  visibility: visible;

  animation:
    iata-natural-page-turn
    980ms
    cubic-bezier(.22,.72,.20,1)
    forwards;
}

.guide-flipbook.is-page-turning .guide-page-turner::before {
  animation:
    iata-page-shadow
    980ms
    ease
    forwards;
}

@keyframes iata-natural-page-turn {
  0% {
    transform:
      rotateY(0deg)
      translateZ(2px)
      skewY(0deg);
  }

  18% {
    transform:
      rotateY(-28deg)
      translateZ(8px)
      skewY(-.15deg);
  }

  43% {
    transform:
      rotateY(-78deg)
      translateZ(19px)
      skewY(-.45deg);
  }

  53% {
    transform:
      rotateY(-96deg)
      translateZ(21px)
      skewY(-.5deg);
  }

  76% {
    transform:
      rotateY(-148deg)
      translateZ(9px)
      skewY(-.22deg);
  }

  100% {
    transform:
      rotateY(-180deg)
      translateZ(1px)
      skewY(0deg);
  }
}

@keyframes iata-page-shadow {
  0% {
    opacity: .05;
    width: 8px;
  }

  28% {
    opacity: .56;
    width: 28px;
  }

  52% {
    opacity: .78;
    width: 42px;
  }

  78% {
    opacity: .34;
    width: 24px;
  }

  100% {
    opacity: 0;
    width: 8px;
  }
}


/* El libro completo ya no hace flash ni cambio de opacidad */
.guide-flipbook.is-page-turning {
  filter: drop-shadow(0 23px 24px rgba(27, 46, 65, .08));
}

/* Interacción premium y discreta */
.guide-flipbook:hover,
.guide-flipbook:focus-visible {
  transform: translateY(-5px) scale(1.012) !important;
}


/* =========================================================
   HINT
   ========================================================= */

.guide-flipbook.has-interacted .guide-flipbook__hint {
  opacity: .34;
}

.guide-flipbook:hover .guide-flipbook__hint {
  opacity: .88;
}


/* =========================================================
   DARK MODE
   ========================================================= */

body.quarto-dark .guide-page-turner__face {
  background: #eeeDE8;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 760px) {
  .guide-flipbook {
    perspective: 1100px;
  }

  .guide-flipbook__hint {
    font-size: .63rem;
  }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .guide-page-turner {
    display: none !important;
  }

  .guide-flipbook__page {
    transition: none !important;
  }
}


/* =========================================================
   TESTIMONIOS V4.6 · CINTAS ESTILO MEDVI
   ========================================================= */

.home-testimonials {
  --test-bg: #f8fafc;
  --test-text: #151f2d;
  --test-muted: #687689;
  --test-star: #2c9d73;
  padding: clamp(96px, 8vw, 130px) 0 clamp(84px, 7vw, 112px);
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 0%, rgba(22,143,232,.08), transparent 28%),
    linear-gradient(180deg, #f7fbff 0%, #f8fafc 100%);
}

.home-testimonials__heading {
  width: min(780px, calc(100% - 42px));
  margin: 0 auto 52px;
  text-align: center;
}

.home-testimonials__heading > span {
  color: #087fd0;
  font-size: .72rem;
  font-weight: 820;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.home-testimonials__heading h2 {
  margin: 14px 0 0;
  color: var(--test-text);
  font-size: clamp(2.45rem, 3.65vw, 4rem);
  font-weight: 690;
  line-height: 1.02;
  letter-spacing: -.05em;
  text-wrap: balance;
}

.home-testimonials__heading h2 strong {
  color: #087fd0;
  font-weight: inherit;
}

.home-testimonials__heading p {
  max-width: 680px;
  margin: 20px auto 0;
  color: var(--test-muted);
  font-size: .97rem;
  line-height: 1.68;
}

.testimonial-ribbon {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 8px 0;
}

.testimonial-ribbon + .testimonial-ribbon {
  margin-top: 18px;
}

.testimonial-ribbon::before,
.testimonial-ribbon::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 6;
  width: min(8vw, 120px);
  pointer-events: none;
}

.testimonial-ribbon::before {
  left: 0;
  background: linear-gradient(to right, var(--test-bg) 0%, rgba(248,250,252,.96) 25%, rgba(248,250,252,0) 100%);
}

.testimonial-ribbon::after {
  right: 0;
  background: linear-gradient(to left, var(--test-bg) 0%, rgba(248,250,252,.96) 25%, rgba(248,250,252,0) 100%);
}

.testimonial-ribbon__track {
  width: max-content;
  display: flex;
  align-items: stretch;
  gap: 20px;
  padding-left: 20px;
  will-change: transform;
  animation: iata-ribbon-scroll 58s linear infinite;
}

.testimonial-ribbon--right .testimonial-ribbon__track {
  animation-direction: reverse;
  animation-duration: 62s;
}

.testimonial-ribbon:hover .testimonial-ribbon__track {
  animation-play-state: paused;
}

.testimonial-tile {
  flex: 0 0 auto;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 16px 42px rgba(30,54,78,.06);
}

.testimonial-tile--photo {
  width: 320px;
  height: 230px;
  background: #e7ece8;
}

.testimonial-tile--photo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.testimonial-tile--quote {
  width: 430px;
  min-height: 230px;
  padding: 28px 30px 26px;
  border: 1px solid rgba(24,52,78,.07);
}

.testimonial-tile--ivory { background: #f4f5eb; }
.testimonial-tile--sage { background: #edf2ea; }
.testimonial-tile--blue { background: #eef4f8; }

.testimonial-tile__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}

.testimonial-tile__top strong {
  color: #1b2938;
  font-size: 1.02rem;
  font-weight: 750;
}

.testimonial-stars {
  color: var(--test-star);
  font-size: 1.02rem;
  line-height: 1;
  letter-spacing: .12em;
  white-space: nowrap;
}

.testimonial-tile p {
  margin: 0;
  color: #536377;
  font-size: .95rem;
  line-height: 1.68;
}

@keyframes iata-ribbon-scroll {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(calc(-50% - 10px),0,0); }
}

body.quarto-dark .home-testimonials {
  --test-bg: #08131f;
  --test-text: #eef4f9;
  --test-muted: #9ca8b8;
  background:
    radial-gradient(circle at 50% 0%, rgba(25,147,239,.11), transparent 30%),
    linear-gradient(180deg, #091522 0%, #08131f 100%);
}

body.quarto-dark .testimonial-ribbon::before {
  background: linear-gradient(to right, #08131f 0%, rgba(8,19,31,.96) 25%, rgba(8,19,31,0) 100%);
}

body.quarto-dark .testimonial-ribbon::after {
  background: linear-gradient(to left, #08131f 0%, rgba(8,19,31,.96) 25%, rgba(8,19,31,0) 100%);
}

body.quarto-dark .testimonial-tile--ivory,
body.quarto-dark .testimonial-tile--sage,
body.quarto-dark .testimonial-tile--blue {
  background: #0f1d2c;
  border-color: rgba(255,255,255,.06);
}

body.quarto-dark .testimonial-tile__top strong {
  color: #eef4f9;
}

body.quarto-dark .testimonial-tile p {
  color: #a8b6c4;
}

@media (max-width: 1024px) {
  .testimonial-tile--photo {
    width: 280px;
    height: 212px;
  }

  .testimonial-tile--quote {
    width: 380px;
    min-height: 212px;
    padding: 24px 24px 22px;
  }
}

@media (max-width: 760px) {
  .home-testimonials {
    padding: 72px 0 78px;
  }

  .home-testimonials__heading {
    margin-bottom: 38px;
  }

  .testimonial-ribbon + .testimonial-ribbon {
    margin-top: 14px;
  }

  .testimonial-ribbon__track {
    gap: 16px;
    padding-left: 16px;
    animation-duration: 42s;
  }

  .testimonial-ribbon--right .testimonial-ribbon__track {
    animation-duration: 46s;
  }

  .testimonial-tile--photo {
    width: 228px;
    height: 182px;
  }

  .testimonial-tile--quote {
    width: 315px;
    min-height: 182px;
    padding: 22px 20px 20px;
    border-radius: 22px;
  }

  .testimonial-tile__top {
    margin-bottom: 16px;
  }

  .testimonial-tile p {
    font-size: .88rem;
  }

  .testimonial-ribbon::before,
  .testimonial-ribbon::after {
    width: 34px;
  }
}


/* =========================================================
   TESTIMONIOS V4.7 · AJUSTE DE ESTRUCTURA Y VELOCIDAD
   ========================================================= */

/* Ambas franjas son más lentas */
.testimonial-ribbon--left .testimonial-ribbon__track {
  animation-duration: 82s !important;
  animation-direction: normal !important;
}

.testimonial-ribbon--right .testimonial-ribbon__track {
  animation-duration: 88s !important;
  animation-direction: reverse !important;
}

/* Foto y testimonio tienen exactamente el mismo casillero */
.testimonial-tile,
.testimonial-tile--photo,
.testimonial-tile--quote {
  width: 410px !important;
  height: 240px !important;
  min-height: 240px !important;
  flex: 0 0 410px !important;
  border-radius: 28px !important;
}

.testimonial-tile--quote {
  padding: 28px 30px 26px !important;
  display: flex;
  flex-direction: column;
}

.testimonial-tile--photo {
  padding: 0 !important;
}

.testimonial-tile--photo img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover !important;
  object-position: center !important;
}

/* Un poco más de respiración entre tarjetas, similar a MEDVi */
.testimonial-ribbon__track {
  gap: 22px !important;
}

/* En pantallas medianas siguen siendo iguales entre sí */
@media (max-width: 1024px) {
  .testimonial-tile,
  .testimonial-tile--photo,
  .testimonial-tile--quote {
    width: 360px !important;
    height: 220px !important;
    min-height: 220px !important;
    flex-basis: 360px !important;
  }

  .testimonial-ribbon--left .testimonial-ribbon__track {
    animation-duration: 76s !important;
  }

  .testimonial-ribbon--right .testimonial-ribbon__track {
    animation-duration: 82s !important;
  }
}

/* En móvil mantenemos igualdad de tamaño y reducimos sólo el casillero */
@media (max-width: 760px) {
  .testimonial-tile,
  .testimonial-tile--photo,
  .testimonial-tile--quote {
    width: 300px !important;
    height: 190px !important;
    min-height: 190px !important;
    flex-basis: 300px !important;
    border-radius: 22px !important;
  }

  .testimonial-tile--quote {
    padding: 20px 20px 18px !important;
  }

  .testimonial-ribbon--left .testimonial-ribbon__track {
    animation-duration: 66s !important;
  }

  .testimonial-ribbon--right .testimonial-ribbon__track {
    animation-duration: 72s !important;
  }
}

/* =========================================================
   IAta · PATCH V4.7 · PALABRAS CLAVE CON RESPIRACIÓN
   ---------------------------------------------------------
   IMPORTANTE:
   Este bloque NO modifica métricas, tamaños, posiciones,
   flipbook ni testimonios de V4.7. Sólo anima las palabras
   marcadas con .iata-keyword en el texto introductorio.
   ========================================================= */

.home-story__lead--breathing .iata-keyword {
  display: inline;
  font-weight: 620;
  background: linear-gradient(
    90deg,
    #087fd0 0%,
    #18a7c7 34%,
    #35c6a3 58%,
    #168fd0 82%,
    #087fd0 100%
  );
  background-size: 240% 100%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: iata-keyword-breathe-v47 6.4s ease-in-out infinite;
}

.home-story__lead--breathing .iata-keyword:nth-of-type(2) {
  animation-delay: .85s;
}

.home-story__lead--breathing .iata-keyword:nth-of-type(3) {
  animation-delay: 1.7s;
}

@keyframes iata-keyword-breathe-v47 {
  0%, 100% {
    background-position: 0% 50%;
    filter: brightness(.94) saturate(.96);
  }
  50% {
    background-position: 100% 50%;
    filter: brightness(1.13) saturate(1.07);
  }
}

body.quarto-dark .home-story__lead--breathing .iata-keyword {
  background: linear-gradient(
    90deg,
    #66c5f5 0%,
    #54d0d2 36%,
    #67ddb6 60%,
    #6ac8f2 82%,
    #66c5f5 100%
  );
  background-size: 240% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (prefers-reduced-motion: reduce) {
  .home-story__lead--breathing .iata-keyword {
    animation: none !important;
    filter: none !important;
  }
}

/* =========================================================
   IAta · DESTAQUE GUÍA GRATUITA
   Mantiene las métricas originales V4.7
   ========================================================= */

.media-pill--free {
  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .97) 0%,
      rgba(255, 250, 239, .97) 100%
    );

  border: 1px solid rgba(190, 145, 66, .46);

  box-shadow:
    0 17px 34px rgba(34, 75, 106, .12),
    0 5px 18px rgba(190, 145, 66, .13);

  animation: iata-free-breathe 4.8s ease-in-out infinite;
}


/* Línea dorada superior */
.media-pill--free::before {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  height: 2px;

  border-radius: 999px;

  background: linear-gradient(
    90deg,
    transparent,
    #c69b50,
    #e2c47f,
    #c69b50,
    transparent
  );

  opacity: .9;
}


/* Brillo que cruza muy lentamente */
.media-pill--free::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: -40%;
  bottom: -40%;
  left: -55%;

  width: 35%;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 224, 157, .20),
    rgba(255, 255, 255, .45),
    rgba(255, 224, 157, .18),
    transparent
  );

  transform: rotate(14deg);
  animation: iata-free-shine 7s ease-in-out infinite;

  pointer-events: none;
}


.media-pill--free small,
.media-pill--free strong {
  position: relative;
  z-index: 1;
}


/* Etiqueta GUÍA GRATUITA */
.media-pill--free small {
  display: flex;
  align-items: center;
  gap: 6px;

  color: #a97825;

  font-weight: 900;
  letter-spacing: .12em;
}


/* Punto dorado junto a GRATIS */
.media-pill__free-dot {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;

  border-radius: 50%;

  background: #d2a64f;

  box-shadow:
    0 0 0 4px rgba(210, 166, 79, .13);
}


/* Resaltar la promesa principal */
.media-pill--free .media-pill__free-highlight {
  display: inline;
  color: #21354a;
  font-weight: 850;
}


/* Texto restante */
.media-pill--free > strong {
  color: #45566a;
}


/* Respiración muy suave del cuadro */
@keyframes iata-free-breathe {

  0%,
  100% {
    border-color: rgba(190, 145, 66, .38);

    box-shadow:
      0 17px 34px rgba(34, 75, 106, .12),
      0 5px 18px rgba(190, 145, 66, .10);
  }

  50% {
    border-color: rgba(210, 163, 75, .72);

    box-shadow:
      0 19px 38px rgba(34, 75, 106, .14),
      0 7px 24px rgba(210, 163, 75, .21);
  }
}


/* Reflejo dorado */
@keyframes iata-free-shine {

  0%,
  65% {
    left: -55%;
    opacity: 0;
  }

  72% {
    opacity: .8;
  }

  88% {
    left: 125%;
    opacity: .25;
  }

  100% {
    left: 125%;
    opacity: 0;
  }
}


/* Modo oscuro */
body.quarto-dark .media-pill--free {
  background:
    linear-gradient(
      135deg,
      rgba(20, 31, 42, .96),
      rgba(37, 34, 25, .96)
    );

  border-color: rgba(218, 176, 94, .48);
}

body.quarto-dark .media-pill--free small {
  color: #e1bb70;
}

body.quarto-dark
.media-pill--free
.media-pill__free-highlight {
  color: #f4e7ca;
}

body.quarto-dark .media-pill--free > strong {
  color: #dce5ee;
}


/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {

  .media-pill--free,
  .media-pill--free::after {
    animation: none !important;
  }

}

/* =========================================================
   IAta · GUÍA DEL PROPIETARIO V4.8
   Simplificación visual inspirada en la jerarquía de MEDVi.
   Sólo afecta la sección Guía del Propietario.
   ========================================================= */

.home-story--guide .home-story__copy {
  max-width: 540px;
}

.home-story--guide .home-story__lead {
  max-width: 500px;
  margin-top: 22px;
  line-height: 1.66;
}

/* Lista breve de beneficios: sin números, sin separadores */
.guide-benefits {
  display: grid;
  gap: 11px;
  max-width: 455px;
  margin-top: 30px;
}

.guide-benefits h3 {
  margin: 0 0 5px;
  color: var(--home-text);
  font-size: 1.02rem;
  font-weight: 760;
  line-height: 1.25;
  letter-spacing: -.02em;
}

.guide-benefit {
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 11px;
  align-items: center;
  min-height: 28px;
}

.guide-benefit__check {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #2aa77b;
  font-size: .72rem;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 4px 10px rgba(42, 167, 123, .16);
}

.guide-benefit strong {
  color: #344356;
  font-size: .91rem;
  font-weight: 650;
  line-height: 1.38;
}

.home-story--guide .home-cta {
  margin-top: 26px;
}

/* Seguridad: la tarjeta OBJETIVO ya no debe mostrarse */
.home-story--guide .media-pill--bottom {
  display: none !important;
}

body.quarto-dark .guide-benefits h3 {
  color: #f0f5fa;
}

body.quarto-dark .guide-benefit strong {
  color: #c6d2de;
}

body.quarto-dark .guide-benefit__check {
  background: #31b98b;
  box-shadow: 0 4px 12px rgba(49, 185, 139, .13);
}

@media (max-width: 760px) {
  .guide-benefits {
    max-width: none;
    margin-top: 25px;
    gap: 10px;
  }

  .guide-benefits h3 {
    font-size: .98rem;
  }

  .guide-benefit strong {
    font-size: .89rem;
  }
}

/* =========================================================
   IAta V5.3 · CONTINUIDAD + VINO SUAVE
   ========================================================= */

/* Continuidad: la guía termina en el mismo tono con el que empieza Evaluación. */
.iata-home-cascades {
  background: #f4f2ed;
}

.home-story--guide {
  background:
    radial-gradient(circle at 8% 14%, rgba(189,161,106,.10), transparent 27%),
    linear-gradient(180deg, #f4f2ed 0%, #f4f2ed 78%, #f4f0ec 100%) !important;
  padding-bottom: clamp(88px, 8vw, 126px) !important;
}

.home-story--evaluation {
  --home-text: #171d29;
  --home-muted: #72676a;
  --home-blue: #7b2534;
  --evaluation-wine: #7b2534;
  --evaluation-wine-deep: #651b29;
  --evaluation-wine-mid: #8d3544;
  --evaluation-gold-muted: #b89468;

  margin-top: 0 !important;
  padding-top: clamp(88px, 8vw, 126px) !important;
  background:
    radial-gradient(circle at 88% 16%, rgba(123,37,52,.085), transparent 28%),
    radial-gradient(circle at 12% 86%, rgba(184,148,104,.075), transparent 25%),
    linear-gradient(180deg,
      #f4f0ec 0%,
      #f4ecec 22%,
      #f3e8e9 100%) !important;
}

.home-story--guide + .home-story--evaluation {
  margin-top: 0 !important;
  border-top: 0 !important;
}

.home-story--evaluation::before,
.home-story--evaluation::after {
  display: none !important;
}

.home-story--evaluation .home-story__eyebrow,
.home-story--evaluation .home-story__copy h2 span {
  color: var(--evaluation-wine) !important;
}

.home-story--evaluation .home-story__lead {
  color: #6e6665 !important;
  max-width: 520px;
}

/* Respiración vino -> dorado apagado -> vino */
.home-story--evaluation .home-story__lead--breathing .iata-keyword {
  display: inline;
  font-weight: 680;
  background: linear-gradient(
    90deg,
    #74202f 0%,
    #8a3342 25%,
    #b89468 50%,
    #9b5960 74%,
    #74202f 100%
  ) !important;
  background-size: 240% 100% !important;
  background-position: 0% 50% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: iata-vino-gold-breathe 6.4s ease-in-out infinite !important;
}

.home-story--evaluation .home-story__lead--breathing .iata-keyword:nth-of-type(2) {
  animation-delay: .9s !important;
}

@keyframes iata-vino-gold-breathe {
  0%, 100% {
    background-position: 0% 50%;
    filter: brightness(.98) saturate(.96);
  }
  50% {
    background-position: 100% 50%;
    filter: brightness(1.04) saturate(1.04);
  }
}

/* Checks MEDVi, ahora vino. */
.evaluation-benefits {
  display: grid;
  gap: 14px;
  max-width: 520px;
  margin-top: 30px;
}

.evaluation-benefit {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 13px;
  align-items: center;
}

.evaluation-benefit__check {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--evaluation-wine) !important;
  border: 1px solid rgba(123,37,52,.28);
  box-shadow: 0 4px 11px rgba(101,27,41,.14);
  font-size: .75rem;
  font-weight: 900;
  line-height: 1;
}

.evaluation-benefit strong {
  color: #364050;
  font-size: .94rem;
  font-weight: 650;
  line-height: 1.42;
}

.home-story--evaluation .home-cta {
  background: linear-gradient(135deg,
    var(--evaluation-wine-deep) 0%,
    var(--evaluation-wine) 52%,
    var(--evaluation-wine-mid) 100%) !important;
  box-shadow: 0 15px 34px rgba(101,27,41,.20) !important;
}

.home-story--evaluation .home-cta:hover {
  background: linear-gradient(135deg, #551522 0%, #6e1e2d 52%, #83313f 100%) !important;
  box-shadow: 0 20px 40px rgba(101,27,41,.27) !important;
}

.home-story--evaluation .home-cta span small {
  color: rgba(255,248,242,.78) !important;
}

.home-story--evaluation .home-cta i {
  border-color: rgba(255,248,242,.36) !important;
}

/* Modo oscuro */
body.quarto-dark .iata-home-cascades {
  background: #171215;
}

body.quarto-dark .home-story--guide {
  background: linear-gradient(180deg, #151116 0%, #171215 100%) !important;
}

body.quarto-dark .home-story--evaluation {
  --home-text: #f5ece8;
  --home-muted: #c5b7b2;
  --evaluation-wine: #cf8792;
  --evaluation-wine-deep: #ae5f6d;
  --evaluation-wine-mid: #d49aa4;
  background:
    radial-gradient(circle at 88% 16%, rgba(207,135,146,.15), transparent 28%),
    linear-gradient(180deg, #171215 0%, #1b1417 100%) !important;
}

body.quarto-dark .home-story--evaluation .home-story__lead--breathing .iata-keyword {
  background: linear-gradient(90deg,
    #cf8792 0%, #dda3ac 28%, #d8b38b 52%, #d18b96 76%, #cf8792 100%) !important;
  background-size: 240% 100% !important;
}

body.quarto-dark .evaluation-benefit strong {
  color: #ece4e0 !important;
}

@media (max-width: 760px) {
  .home-story--guide { padding-bottom: 72px !important; }
  .home-story--evaluation { padding-top: 72px !important; }
  .evaluation-benefits { margin-top: 25px; gap: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-story--evaluation .home-story__lead--breathing .iata-keyword {
    animation: none !important;
    filter: none !important;
  }
}

/* =========================================================
   IAta V5.9 · PALETA NEUTRA + TRANSICIONES CONTINUAS
   Base: V5.3 suministrada por el usuario.
   Objetivos:
   - quitar sensación rosada/femenina del bloque Evaluación
   - conservar vino como acento institucional
   - sumar azul marino/graphite como contrapeso técnico
   - fundir Guía -> Evaluación -> Asistente sin cortes bruscos
   ========================================================= */

.iata-home-cascades {
  --iata-wine: #762838;
  --iata-wine-deep: #5f202d;
  --iata-navy: #24384d;
  --iata-navy-soft: #40566c;
  --iata-stone: #f2f0ec;
  --iata-stone-2: #eeece9;
  --iata-bridge: #e8ecee;
  background: #f2f0ec !important;
}

/* ---------- 1. GUÍA: marfil neutro, sin rosado ---------- */
.home-story--guide {
  background:
    radial-gradient(circle at 9% 14%, rgba(174,145,95,.075), transparent 29%),
    linear-gradient(180deg,
      #f4f2ee 0%,
      #f3f1ed 68%,
      #f1efec 88%,
      #efeeeb 100%) !important;
  padding-bottom: clamp(88px, 8vw, 126px) !important;
}

/* ---------- 2. EVALUACIÓN: piedra cálida, vino + marino ---------- */
.home-story--evaluation {
  --home-text: #1a202a;
  --home-muted: #666a70;
  --home-blue: var(--iata-wine);
  --evaluation-wine: var(--iata-wine);
  --evaluation-wine-deep: var(--iata-wine-deep);
  --evaluation-wine-mid: #8b3847;

  margin-top: 0 !important;
  padding-top: clamp(88px, 8vw, 126px) !important;
  padding-bottom: clamp(92px, 8vw, 128px) !important;
  background:
    radial-gradient(circle at 88% 14%, rgba(118,40,56,.045), transparent 29%),
    radial-gradient(circle at 12% 82%, rgba(36,56,77,.035), transparent 28%),
    linear-gradient(180deg,
      #efeeeb 0%,
      #f1efec 18%,
      #efeeeb 64%,
      #ececeb 82%,
      #e8ecee 100%) !important;
}

.home-story--guide + .home-story--evaluation,
.home-story--evaluation + .home-story--assistant {
  margin-top: 0 !important;
  border-top: 0 !important;
}

.home-story--evaluation::before,
.home-story--evaluation::after {
  display: none !important;
}

.home-story--evaluation .home-story__eyebrow {
  color: var(--iata-wine) !important;
}

.home-story--evaluation .home-story__copy h2 span {
  color: var(--iata-wine) !important;
}

.home-story--evaluation .home-story__lead {
  color: #666b72 !important;
}

/* Keywords: respiración vino <-> azul marino, sobria y técnica */
.home-story--evaluation .home-story__lead--breathing .iata-keyword {
  display: inline;
  font-weight: 690;
  background: linear-gradient(
    90deg,
    #762838 0%,
    #8a3b49 20%,
    #344b62 47%,
    #24384d 62%,
    #6f3040 82%,
    #762838 100%
  ) !important;
  background-size: 260% 100% !important;
  background-position: 0% 50% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: iata-neutral-wave 7.2s ease-in-out infinite !important;
}

.home-story--evaluation .home-story__lead--breathing .iata-keyword:nth-of-type(2) {
  animation-delay: 1.05s !important;
}

@keyframes iata-neutral-wave {
  0%, 100% {
    background-position: 0% 50%;
    filter: saturate(.96) brightness(.98);
  }
  50% {
    background-position: 100% 50%;
    filter: saturate(1.04) brightness(1.025);
  }
}

/* Checks en marino para equilibrar el vino */
.home-story--evaluation .evaluation-benefit__check {
  background: var(--iata-navy) !important;
  border-color: rgba(36,56,77,.30) !important;
  box-shadow: 0 4px 11px rgba(36,56,77,.14) !important;
}

.home-story--evaluation .evaluation-benefit strong {
  color: #3b4654 !important;
}

/* CTA vino profundo con toque marino, menos cosmético */
.home-story--evaluation .home-cta {
  background: linear-gradient(135deg,
    #5f202d 0%,
    #762838 56%,
    #293d52 145%) !important;
  box-shadow: 0 15px 32px rgba(65,35,43,.18) !important;
}

.home-story--evaluation .home-cta:hover {
  background: linear-gradient(135deg,
    #541b27 0%,
    #692331 55%,
    #24384d 145%) !important;
  box-shadow: 0 19px 37px rgba(65,35,43,.23) !important;
}

/* ---------- 3. ASISTENTE: azul grisáceo, no celeste infantil ---------- */
.home-story--assistant {
  --home-text: #152231;
  --home-muted: #5e6c79;
  --home-blue: #147fbd;
  margin-top: 0 !important;
  padding-top: clamp(92px, 8vw, 126px) !important;
  background:
    radial-gradient(circle at 12% 16%, rgba(20,127,189,.075), transparent 31%),
    radial-gradient(circle at 88% 78%, rgba(42,119,111,.045), transparent 28%),
    linear-gradient(180deg,
      #e8ecee 0%,
      #e5eaed 15%,
      #e2e9ed 45%,
      #dce8ef 100%) !important;
}

/* ---------- DARK MODE: misma continuidad, sin rosado dominante ---------- */
body.quarto-dark .iata-home-cascades {
  background: #101419 !important;
}

body.quarto-dark .home-story--guide {
  background: linear-gradient(180deg,
    #0d1217 0%,
    #0f1419 72%,
    #11161b 100%) !important;
}

body.quarto-dark .home-story--evaluation {
  --home-text: #f1efec;
  --home-muted: #b5b7b9;
  --evaluation-wine: #c67f8a;
  --evaluation-wine-deep: #8d4754;
  --evaluation-wine-mid: #a85d69;
  background:
    radial-gradient(circle at 88% 14%, rgba(154,70,83,.08), transparent 30%),
    radial-gradient(circle at 12% 82%, rgba(74,96,116,.07), transparent 29%),
    linear-gradient(180deg,
      #11161b 0%,
      #13171c 52%,
      #14191e 78%,
      #151b21 100%) !important;
}

body.quarto-dark .home-story--evaluation .home-story__lead {
  color: #b9b8b7 !important;
}

body.quarto-dark .home-story--evaluation .home-story__copy h2 span,
body.quarto-dark .home-story--evaluation .home-story__eyebrow {
  color: #c67f8a !important;
}

body.quarto-dark .home-story--evaluation .home-story__lead--breathing .iata-keyword {
  background: linear-gradient(
    90deg,
    #cf8b96 0%,
    #c77987 20%,
    #7896ae 48%,
    #9db3c5 62%,
    #cc8190 82%,
    #cf8b96 100%
  ) !important;
  background-size: 260% 100% !important;
}

body.quarto-dark .home-story--evaluation .evaluation-benefit__check {
  background: #536d84 !important;
  border-color: rgba(132,158,181,.25) !important;
}

body.quarto-dark .home-story--evaluation .evaluation-benefit strong {
  color: #e1e3e4 !important;
}

body.quarto-dark .home-story--assistant {
  --home-text: #eef3f7;
  --home-muted: #a7b3bd;
  --home-blue: #6cb7e4;
  background:
    radial-gradient(circle at 12% 16%, rgba(54,130,181,.10), transparent 31%),
    linear-gradient(180deg,
      #151b21 0%,
      #141d25 18%,
      #10212d 100%) !important;
}

@media (max-width: 760px) {
  .home-story--guide {
    padding-bottom: 74px !important;
  }
  .home-story--evaluation {
    padding-top: 74px !important;
    padding-bottom: 78px !important;
  }
  .home-story--assistant {
    padding-top: 78px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-story--evaluation .home-story__lead--breathing .iata-keyword {
    animation: none !important;
    filter: none !important;
  }
}

/* =========================================================
   V6.0 · BLOQUES DIFERENCIADOS + VINO SUAVE CENTRAL
   ========================================================= */

.iata-home-cascades {
  background: #f1efeb !important;
}

/* BLOQUE 1 · Guía: marfil cálido */
.home-story--guide {
  background:
    radial-gradient(circle at 10% 14%, rgba(185,151,95,.075), transparent 30%),
    linear-gradient(180deg, #f7f4ef 0%, #f4f1ec 75%, #f2efeb 100%) !important;
}

/* BLOQUE 2 · Evaluación: vino bajo y neutro */
.home-story--evaluation {
  --home-text: #18202b;
  --home-muted: #666a70;
  --home-blue: #7a2637;
  --evaluation-wine: #7a2637;
  --evaluation-wine-deep: #65202e;
  --evaluation-wine-mid: #8b3847;
  background:
    radial-gradient(circle at 86% 16%, rgba(122,38,55,.065), transparent 32%),
    radial-gradient(circle at 12% 82%, rgba(33,50,69,.035), transparent 30%),
    linear-gradient(180deg, #f3eceb 0%, #f2e8e7 45%, #f0e6e5 72%, #ece9e8 100%) !important;
}

.home-story--evaluation .home-story__eyebrow,
.home-story--evaluation .home-story__copy h2 span {
  color: #7a2637 !important;
}

.home-story--evaluation .home-story__lead {
  color: #666970 !important;
}

/* Respiración real tipo bloque 1: onda vino <-> azul marino */
.home-story--evaluation .home-story__lead--breathing .iata-keyword {
  display: inline;
  font-weight: 700;

  background: linear-gradient(
    90deg,
    #7a2637 0%,
    #963e4e 24%,
    #344d67 50%,
    #22384f 70%,
    #843243 86%,
    #7a2637 100%
  ) !important;

  background-size: 240% 100% !important;
  background-position: 0% 50% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;

  animation: iata-vino-navy-gradient 6.4s ease-in-out infinite !important;
}

.home-story--evaluation .home-story__lead--breathing .iata-keyword:nth-of-type(2) {
  animation-delay: .85s !important;
}

@keyframes iata-vino-navy-gradient {
  0%, 100% {
    background-position: 0% 50%;
    filter: brightness(.96) saturate(.97);
  }
  50% {
    background-position: 100% 50%;
    filter: brightness(1.08) saturate(1.04);
  }
}

/* Checks vino */
.home-story--evaluation .evaluation-benefit__check {
  background: #7a2637 !important;
  border-color: rgba(122,38,55,.34) !important;
  box-shadow: 0 4px 11px rgba(122,38,55,.16) !important;
}

.home-story--evaluation .evaluation-benefit strong {
  color: #3a4451 !important;
}

.home-story--evaluation .home-cta {
  background: linear-gradient(135deg, #65202e 0%, #7a2637 62%, #7f3141 100%) !important;
  box-shadow: 0 15px 32px rgba(92,38,49,.18) !important;
}

/* BLOQUE 3 · Asistente: azul grisáceo diferenciado */
.home-story--assistant {
  --home-text: #172332;
  --home-muted: #5f6d79;
  --home-blue: #137fbd;
  background:
    radial-gradient(circle at 12% 16%, rgba(19,127,189,.075), transparent 32%),
    linear-gradient(180deg, #e9eef1 0%, #e5ecef 45%, #dce8ef 100%) !important;
}

/* Continuidad suave */
.home-story--guide,
.home-story--evaluation,
.home-story--assistant {
  border-top: 0 !important;
  margin-top: 0 !important;
}

/* MODO NOCHE */
body.quarto-dark .iata-home-cascades { background: #0f1318 !important; }

body.quarto-dark .home-story--guide {
  background: linear-gradient(180deg, #0d1217 0%, #10151a 100%) !important;
}

body.quarto-dark .home-story--evaluation {
  --home-text: #f3efeb;
  --home-muted: #c1b9b7;
  background:
    radial-gradient(circle at 86% 16%, rgba(127,48,63,.16), transparent 33%),
    linear-gradient(180deg, #151417 0%, #191318 48%, #1b1419 72%, #17181d 100%) !important;
}

body.quarto-dark .home-story--evaluation .home-story__copy h2 {
  color: #f2eee9 !important;
}

body.quarto-dark .home-story--evaluation .home-story__copy h2 span,
body.quarto-dark .home-story--evaluation .home-story__eyebrow {
  color: #cf8793 !important;
}

body.quarto-dark .home-story--evaluation .home-story__lead {
  color: #c1b9b7 !important;
}

body.quarto-dark .home-story--evaluation .home-story__lead--breathing .iata-keyword {
  background: linear-gradient(
    90deg,
    #d48e99 0%,
    #c97887 24%,
    #7f9bb4 50%,
    #9db4c7 70%,
    #cc8190 86%,
    #d48e99 100%
  ) !important;

  background-size: 240% 100% !important;
  background-position: 0% 50% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;

  animation: iata-vino-navy-gradient-dark 6.4s ease-in-out infinite !important;
}

body.quarto-dark .home-story--evaluation .home-story__lead--breathing .iata-keyword:nth-of-type(2) {
  animation-delay: .85s !important;
}

@keyframes iata-vino-navy-gradient-dark {
  0%, 100% {
    background-position: 0% 50%;
    filter: brightness(.98) saturate(.98);
  }
  50% {
    background-position: 100% 50%;
    filter: brightness(1.10) saturate(1.03);
  }
}

body.quarto-dark .home-story--evaluation .evaluation-benefit__check {
  background: #9d4d5d !important;
  border-color: rgba(207,135,147,.28) !important;
}

body.quarto-dark .home-story--evaluation .evaluation-benefit strong {
  color: #ece7e5 !important;
}

body.quarto-dark .home-story--assistant {
  --home-text: #eef3f7;
  --home-muted: #a7b3bd;
  --home-blue: #6cb7e4;
  background: linear-gradient(180deg, #17181d 0%, #141d25 20%, #10212d 100%) !important;
}

@media (prefers-reduced-motion: reduce) {
  .home-story--evaluation .home-story__lead--breathing .iata-keyword,
  body.quarto-dark .home-story--evaluation .home-story__lead--breathing .iata-keyword {
    animation: none !important;
    background-position: 45% 50% !important;
    filter: none !important;
  }
}

/* =========================================================
   V6.3 · OLA REAL VINO <-> DORADO APAGADO
   Usa el mismo mecanismo visual del bloque azul/verde:
   gradiente dentro de las letras + desplazamiento de fondo.
   IMPORTANTE: background-position NO lleva !important para
   permitir que @keyframes pueda moverlo.
   ========================================================= */

.home-story--evaluation .home-story__lead--breathing .iata-keyword {
  display: inline;
  font-weight: 720;

  background-image: linear-gradient(
    105deg,
    #7a2030 0%,
    #7a2030 20%,
    #963e4e 34%,
    #b48754 46%,
    #c49a65 52%,
    #9b4852 66%,
    #7a2030 82%,
    #7a2030 100%
  ) !important;

  background-size: 310% 100% !important;
  background-position: 0% 50%;

  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;

  animation: iata-vino-gold-wave-v63 7.2s cubic-bezier(.45,0,.55,1) infinite !important;
  will-change: background-position, filter;
}

.home-story--evaluation .home-story__lead--breathing .iata-keyword:nth-of-type(2) {
  animation-delay: 1.05s !important;
}

@keyframes iata-vino-gold-wave-v63 {
  0% {
    background-position: 0% 50%;
    filter: brightness(.96) saturate(.98);
  }
  24% {
    background-position: 32% 50%;
    filter: brightness(1.00) saturate(1.00);
  }
  50% {
    background-position: 100% 50%;
    filter: brightness(1.08) saturate(1.04);
  }
  76% {
    background-position: 32% 50%;
    filter: brightness(1.00) saturate(1.00);
  }
  100% {
    background-position: 0% 50%;
    filter: brightness(.96) saturate(.98);
  }
}

/* Modo oscuro: tonos más luminosos para no perder contraste */
body.quarto-dark .home-story--evaluation .home-story__lead--breathing .iata-keyword {
  background-image: linear-gradient(
    105deg,
    #d48b97 0%,
    #d48b97 20%,
    #db9aa1 34%,
    #d6a66d 46%,
    #e2bc82 52%,
    #d79692 66%,
    #d48b97 82%,
    #d48b97 100%
  ) !important;

  background-size: 310% 100% !important;
  background-position: 0% 50%;

  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;

  animation: iata-vino-gold-wave-dark-v63 7.2s cubic-bezier(.45,0,.55,1) infinite !important;
}

body.quarto-dark .home-story--evaluation .home-story__lead--breathing .iata-keyword:nth-of-type(2) {
  animation-delay: 1.05s !important;
}

@keyframes iata-vino-gold-wave-dark-v63 {
  0% {
    background-position: 0% 50%;
    filter: brightness(1.00) saturate(.98);
  }
  24% {
    background-position: 32% 50%;
    filter: brightness(1.04) saturate(1.00);
  }
  50% {
    background-position: 100% 50%;
    filter: brightness(1.13) saturate(1.03);
  }
  76% {
    background-position: 32% 50%;
    filter: brightness(1.04) saturate(1.00);
  }
  100% {
    background-position: 0% 50%;
    filter: brightness(1.00) saturate(.98);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-story--evaluation .home-story__lead--breathing .iata-keyword,
  body.quarto-dark .home-story--evaluation .home-story__lead--breathing .iata-keyword {
    animation: none !important;
    background-position: 48% 50%;
    filter: none !important;
  }
}



/* =========================================================
   V6.4 · OLA VINO ↔ DORADO · IMPLEMENTACIÓN LIMPIA
   MISMO MECANISMO que el bloque 1 azul/verde:
   - gradiente dentro del texto
   - background-size 240%
   - background-position 0% -> 100% -> 0%
   - pequeño desfase entre keywords
   Se usan clases NUEVAS para evitar que reglas históricas
   del bloque Evaluación bloqueen la animación.
   ========================================================= */

.home-story--evaluation .home-story__lead--eval-wave {
  color: #666b72 !important;
}

.home-story--evaluation .home-story__lead--eval-wave .iata-keyword-eval {
  display: inline;
  font-weight: 700;

  background: linear-gradient(
    90deg,
    #7a2030 0%,
    #963c4b 34%,
    #c29862 58%,
    #a85c55 82%,
    #7a2030 100%
  );

  background-size: 240% 100%;
  background-position: 0% 50%;

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;

  animation: iata-keyword-breathe-v64 6.4s ease-in-out infinite;
  will-change: background-position, filter;
}

.home-story--evaluation .home-story__lead--eval-wave .iata-keyword-eval:nth-of-type(2) {
  animation-delay: .85s;
}

@keyframes iata-keyword-breathe-v64 {
  0%, 100% {
    background-position: 0% 50%;
    filter: brightness(.94) saturate(.96);
  }
  50% {
    background-position: 100% 50%;
    filter: brightness(1.12) saturate(1.06);
  }
}

/* NOCHE: vino claro -> bronce/dorado -> vino claro */
body.quarto-dark .home-story--evaluation .home-story__lead--eval-wave {
  color: #c5bdba !important;
}

body.quarto-dark .home-story--evaluation .home-story__lead--eval-wave .iata-keyword-eval {
  background: linear-gradient(
    90deg,
    #d58b97 0%,
    #df9aa4 34%,
    #e0b779 58%,
    #d99a8d 82%,
    #d58b97 100%
  );

  background-size: 240% 100%;
  background-position: 0% 50%;

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;

  animation: iata-keyword-breathe-v64-dark 6.4s ease-in-out infinite;
}

body.quarto-dark .home-story--evaluation .home-story__lead--eval-wave .iata-keyword-eval:nth-of-type(2) {
  animation-delay: .85s;
}

@keyframes iata-keyword-breathe-v64-dark {
  0%, 100% {
    background-position: 0% 50%;
    filter: brightness(1.00) saturate(.98);
  }
  50% {
    background-position: 100% 50%;
    filter: brightness(1.15) saturate(1.05);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-story--evaluation .home-story__lead--eval-wave .iata-keyword-eval,
  body.quarto-dark .home-story--evaluation .home-story__lead--eval-wave .iata-keyword-eval {
    animation: none !important;
    filter: none !important;
  }
}