.esencial {
  position: relative;
  background: var(--color-obsidiana);
  padding: var(--space-6) var(--margen) 0;
}
.esencial__lista {
  max-width: 40em;
  padding-left: 0;
  display: grid;
  gap: var(--space-2);
  list-style: none;
  font-size: var(--text-18);
  line-height: 1.5;
  color: var(--color-cantera);
}
.esencial__lista li { position: relative; padding-left: 2.2em; }
.esencial__lista li::before {
  content: counter(list-item, decimal-leading-zero);
  content: counter(list-item, decimal-leading-zero) / "";
  position: absolute;
  left: 0;
  top: 0;
  font-family: var(--font-serif);
  color: var(--color-laton);
}
.esencial__venta,
.momentos__venta {
  max-width: 22em;
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: var(--text-24);
  line-height: 1.25;
  color: var(--color-cantera);
  text-wrap: balance;
}
.esencial__venta { margin-top: var(--space-4); }
.momentos__venta { margin-top: var(--space-5); }
@media (min-width: 768px) {
  .esencial__lista { font-size: var(--text-20); gap: var(--space-3); }
  .esencial__venta, .momentos__venta { font-size: var(--text-34); }
}

.momentos {
  position: relative;
  background: var(--color-obsidiana);
  padding: var(--space-6) var(--margen);
}
.momentos__etiqueta { color: var(--color-piedra); }
.momentos__titulo {
  margin-top: var(--space-2);
  max-width: 13em;
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: var(--text-40);
  line-height: 1.08;
  color: var(--color-cantera);
  text-wrap: balance;
}
.momentos__grupos { margin-top: var(--space-5); display: grid; gap: var(--space-5); }
.momentos__hacia {
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--color-superficie-2);
  color: var(--color-cantera-clara);
}
.momentos__lista { list-style: none; margin-top: var(--space-3); display: grid; gap: var(--space-2); }
.momentos__lista [hidden] { display: none; }
.momentos__ver { margin-top: var(--space-5); }
.momentos__ver[hidden] { display: none; }
@media (max-width: 767px) { .momentos__ver { padding-inline: var(--space-1); white-space: nowrap; } }
.momentos__grupos:focus { outline: none; }
.momentos__lista li {
  font-family: var(--font-serif);
  font-size: var(--text-20);
  line-height: 1.3;
  color: var(--color-cantera);
  text-wrap: balance;
}
@media (min-width: 768px) {
  .momentos__titulo { font-size: var(--text-64); }
  .momentos__grupos { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-6); }
  .momentos__lista li { font-size: var(--text-22); }
}
@media (min-width: 1200px) {
  .momentos__titulo { font-size: var(--text-72); }
  .momentos__grupos { gap: var(--space-5); }
}


.entrega { position: relative; background: var(--color-obsidiana); }
.relato { position: relative; }
.relato__portada {
  min-height: 100svh;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: var(--space-3);
  padding: var(--space-6) var(--margen);
  text-align: center;
}
.entrega__etiqueta { color: var(--color-piedra); }
.entrega__titulo {
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: var(--text-48);
    line-height: 1.1;
  color: var(--color-cantera);
}
.entrega__titulo span { display: block; will-change: transform; }

.paso {
  position: relative;
  min-height: 100svh;
  overflow: clip;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: var(--space-4);
  align-items: center;
  padding: calc(var(--encabezado-alto) + var(--space-3)) var(--margen) var(--space-5);
}
.paso--informacion { background: var(--color-cantera-clara); color: var(--color-obsidiana); }
.paso--imagen { background: var(--color-obsidiana-profunda); color: var(--color-cantera); }
.paso--operacion { background: var(--color-superficie); color: var(--color-cantera); }
.paso--revision { background: var(--color-obsidiana-profunda); color: var(--color-cantera); }

.paso__palabra {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  font-family: var(--font-serif);
  font-weight: 400;
    font-size: 14.5vw;
  line-height: 0.8;
  letter-spacing: -0.02em;
  white-space: nowrap;
    color: color-mix(in srgb, currentColor 8%, transparent);
  pointer-events: none;
  user-select: none;
  will-change: transform;
    display: none;
}

.paso__medio {
  position: relative;
  z-index: 1;
  justify-self: center;
  width: 100%;
  max-width: 880px;
  aspect-ratio: 16 / 10;
  margin: 0;
  rotate: -1.5deg;
  will-change: transform;
}
.paso--imagen .paso__medio,
.paso--operacion .paso__medio {
  overflow: clip;
  box-shadow: 0 32px 64px -24px rgb(0 0 0 / 0.6);
  cursor: pointer;
}
.paso--operacion .paso__medio { rotate: 1.5deg; }
.paso__poster, .paso__video {
  position: absolute; inset: 0; width: 100%; height: 100%; max-width: none;
  object-fit: cover;
}
.paso__video { opacity: 0; transition: opacity var(--motion-slow) var(--ease-out); }
.paso--operacion .paso__poster, .paso--operacion .paso__video { object-fit: contain; background: var(--color-obsidiana); }
.paso__medio.reproduciendo .paso__video { opacity: 1; }
.paso__pausa {
  position: absolute; right: var(--space-1); bottom: var(--space-1); z-index: 2;
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--space-2);
  font-size: var(--text-16); font-weight: 500;
  letter-spacing: var(--espaciado-mayusculas); text-transform: uppercase;
  color: var(--color-cantera-clara);
  text-shadow: 0 0 12px rgb(14 16 17 / 0.8);
}
.paso__pausa[hidden] { display: none; }

.paso__texto { position: relative; z-index: 2; max-width: 34em; }
.paso__num {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: var(--text-16);
  letter-spacing: var(--espaciado-mayusculas);
  text-transform: uppercase;
  opacity: 0.75;
}
.paso__titulo {
  margin-top: var(--space-1);
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: var(--text-48);
  line-height: 1.02;
  overflow-wrap: normal;
}
.paso__frase {
  margin-top: var(--space-2);
  font-size: var(--text-18);
  line-height: 1.55;
  text-wrap: pretty;
}
.paso__credito { margin-top: var(--space-2); font-size: var(--text-16); line-height: 1.5; opacity: 0.7; }
.paso__recibe { margin-top: var(--space-2); font-size: var(--text-16); line-height: 1.5; }
.paso__recibe .etiqueta { display: block; margin-bottom: 2px; font-size: var(--text-16); opacity: 0.75; }
.paso__venta {
  margin-top: var(--space-3);
  font-family: var(--font-serif);
  font-size: var(--text-20);
  line-height: 1.3;
  text-wrap: balance;
}
.paso--informacion .paso__num,
.paso--informacion .paso__recibe .etiqueta { color: var(--color-texto-papel); opacity: 1; }

.paso__lamina { aspect-ratio: auto; display: grid; place-items: center; }
.lamina {
  width: 100%;
  aspect-ratio: 16 / 10;
  display: flex; flex-direction: column; justify-content: center;
  padding: var(--space-3);
  background: var(--color-obsidiana);
  color: var(--color-cantera);
  box-shadow: 0 32px 64px -24px rgb(22 25 27 / 0.45);
}
.lamina__titulo { font-family: var(--font-serif); font-size: var(--text-28); line-height: 1.1; text-wrap: balance; }
.lamina__linea { margin-top: var(--space-2); font-family: var(--font-serif); font-size: var(--text-20); line-height: 1.3; color: var(--color-laton); text-wrap: balance; }

@media (max-width: 767px) {
  .lamina { aspect-ratio: auto; padding-block: var(--space-5); }
}
@media (max-width: 767px) and (max-height: 760px) {
  .paso { gap: var(--space-3); padding-bottom: var(--space-4); }
  .lamina { padding: var(--space-4) var(--space-3); }
}

.paso__trazo { aspect-ratio: auto; rotate: none; display: grid; place-items: center; }
.escenario { --trazo: min(70vw, 40svh); }
.trazo { width: var(--trazo); height: auto; overflow: visible; }
.trazo use { fill: none; stroke: var(--color-laton); stroke-width: 6; }
@media (max-width: 767px) and (max-height: 760px) {
  .relato--vivo .paso__medio { max-height: 100%; }
  .escenario { --trazo: min(70vw, 30svh); }
    .paso__titulo { font-size: var(--text-40); }
  .paso__frase { margin-top: var(--space-1); font-size: var(--text-16); line-height: 1.45; }
  .paso__recibe, .paso__credito { margin-top: var(--space-1); }
  .paso__recibe .etiqueta { display: inline; margin: 0 0.4em 0 0; }
  .paso__venta { margin-top: var(--space-2); font-size: var(--text-18); }
  .lamina { padding: var(--space-3); }
    .paso { gap: var(--space-2); padding-top: calc(var(--encabezado-alto) + var(--space-1)); }
  .paso__texto { position: relative; }
  .paso__num { position: absolute; right: 0; top: var(--space-2); }
}

@media (min-width: 768px) {
  .entrega__titulo { font-size: var(--text-72); }
  .paso {
    grid-template-rows: none;
    grid-template-columns: 5fr 7fr;
    gap: var(--space-5);
    padding: var(--space-6) var(--margen);
  }
  .paso__texto { grid-column: 1; grid-row: 1; }
  .paso__medio { grid-column: 2; grid-row: 1; }
  .paso__palabra { top: 50%; font-size: 14.5vw; }
    .paso__titulo { font-size: clamp(var(--text-48), 5vw, var(--text-96)); }
  .paso__frase { font-size: var(--text-22); }
  .lamina { padding: var(--space-5); }
  .lamina__titulo { font-size: var(--text-48); }
  .lamina__linea { margin-top: var(--space-3); font-size: var(--text-28); }
  .escenario { --trazo: min(36vw, 64svh); }
}
@media (min-width: 1200px) {
  .entrega__titulo { font-size: var(--text-96); }
}

.relato--vivo { height: 100svh; overflow: clip; background: var(--color-obsidiana); }
.relato--vivo > .relato__portada,
.relato--vivo > .paso { position: absolute; inset: 0; min-height: 0; background: none; }
.relato--vivo > .paso { pointer-events: none; }
.relato--vivo .paso__medio, .relato--vivo .paso__texto { pointer-events: auto; }
.relato--vivo .paso__palabra { translate: none; }

.relato__telon { display: none; }
.relato--vivo > .paso--informacion { z-index: 1; }
.relato--vivo > .relato__portada { z-index: 2; }
.relato--vivo > .paso--imagen { z-index: 3; }
.relato--vivo > .paso--operacion { z-index: 4; }
.relato--vivo > .paso--revision { z-index: 5; }
.relato--vivo .relato__telon { display: block; position: absolute; left: 0; right: 0; background: var(--color-obsidiana); }
.relato--vivo .relato__telon--arriba { top: 0; height: var(--corte, 50%); }
.relato--vivo .relato__telon--abajo { top: var(--corte, 50%); bottom: 0; }
.relato--vivo .entrega__etiqueta,
.relato--vivo .entrega__titulo { position: relative; z-index: 1; }
.relato--vivo .paso__medio { rotate: none; }
.relato--vivo .paso--imagen .paso__fondo { background: var(--color-obsidiana-profunda); }
.relato--vivo .paso--operacion .paso__fondo { background: var(--color-superficie); }

.paso__fondo, .paso__barrido, .como__negativo { display: none; }
.relato--vivo > .paso { isolation: isolate; }
.relato--vivo .paso__fondo,
.relato--vivo .paso__barrido { display: block; position: absolute; inset: 0; z-index: -1; will-change: transform; }
.relato--vivo .paso--revision .paso__fondo { background: var(--color-obsidiana-profunda); }
.relato--vivo .paso--revision .paso__barrido { background: var(--color-laton); }

.paso__sello { display: none; }
.escenario { --sello: min(70vw, 40svh); }
.relato--vivo .paso__sello {
  display: block;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: var(--sello);
  height: auto;
  overflow: visible;
  visibility: hidden;
  pointer-events: none;
}
.relato--vivo .paso--informacion .paso__fondo {
  inset: auto;
  border-radius: 50%;
  background: var(--color-cantera-clara);
  visibility: hidden;
  will-change: auto;
}
.relato--vivo .lamina { box-shadow: none; overflow: clip; }
@media (min-width: 768px) {
  .escenario { --sello: min(30vw, 46svh); }
}

.escenario--vivo { position: relative; height: 100svh; overflow: clip; }
.escenario--vivo > .entrega,
.escenario--vivo > .como { position: absolute; inset: 0; }
.escenario--vivo > .entrega { z-index: 1; }
.escenario--vivo > .como {
  z-index: 2;
  min-height: 0;
  clip-path: circle(0px at 50% 50%);
  pointer-events: none;
}
.escenario--vivo > .como.como--activo { pointer-events: auto; }
.escenario--vivo .como__negativo {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  width: calc(var(--trazo) * 1.15);
  height: auto;
  translate: -50% -50%;
  overflow: visible;
  pointer-events: none;
}
.como__negativo use { fill: none; stroke: var(--color-cantera); stroke-width: 6; }
@media (max-width: 767px) { .escenario--vivo .como__negativo { opacity: 0.4; } }
.escenario--vivo .como > :not(.como__negativo) { position: relative; z-index: 1; }

.como {
  position: relative;
  min-height: 100svh;
  display: grid;
  align-content: center;
  gap: var(--space-4);
  padding: var(--space-5) var(--margen);
  background: radial-gradient(closest-side at 50% 50%, var(--luz-central), var(--color-obsidiana));
  color: var(--color-cantera);
}
.como__titulo {
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: var(--text-40);
  line-height: 1.08;
}
.como__pasos { list-style: none; padding: 0; display: grid; gap: var(--space-3); }
.como__paso { position: relative; padding-left: 2.2em; font-size: var(--text-16); line-height: 1.45; }
.como__num { position: absolute; left: 0; top: 0; font-family: var(--font-serif); color: var(--color-piedra); }
.como__nombre, .como__linea { display: inline; }
.como__nombre { font-family: var(--font-serif); font-weight: 400; font-size: var(--text-20); line-height: 1.2; }
.como__linea { color: var(--color-cantera-clara); }
.como__venta {
  max-width: 22em;
  font-family: var(--font-serif);
  font-size: var(--text-24);
  line-height: 1.25;
  text-wrap: balance;
}
@media (min-width: 768px) {
  .como { gap: var(--space-5); padding-block: var(--space-6); }
  .como__titulo { font-size: var(--text-64); }
  .como__pasos { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); }
  .como__paso { padding: var(--space-2) 0 0; border-top: 1px solid var(--color-superficie-2); font-size: var(--text-18); }
  .como__num { position: static; display: block; margin-bottom: var(--space-2); }
  .como__nombre { display: block; margin-bottom: var(--space-1); font-size: var(--text-28); }
  .como__linea { display: block; }
  .como__venta { font-size: var(--text-34); }
}
@media (min-width: 1200px) {
  .como__titulo { font-size: var(--text-72); }
}
@media (max-width: 767px) and (max-height: 760px) {
  .como { gap: var(--space-3); padding: var(--encabezado-alto) var(--margen) var(--space-3); }
  .como__titulo { font-size: var(--text-34); }
  .como__pasos { gap: var(--space-2); }
  .como__venta { font-size: var(--text-20); }
}

.caso {
  position: relative;
  display: grid;
  gap: var(--space-5);
  padding: var(--space-6) var(--margen);
  background: var(--color-obsidiana);
  color: var(--color-cantera);
}
.caso__medio { position: relative; aspect-ratio: 16 / 9; overflow: clip; background: var(--color-obsidiana-profunda); }
.caso__poster, .caso__video {
  position: absolute; inset: 0; width: 100%; height: 100%; max-width: none;
  object-fit: cover;
}
.caso__video { opacity: 0; transition: opacity var(--motion-slow) var(--ease-out); }
.caso__medio.reproduciendo .caso__video { opacity: 1; }
.caso__pausa {
  position: absolute; right: var(--space-1); bottom: var(--space-1); z-index: 1;
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--space-2);
  font-size: var(--text-16); font-weight: 500;
  letter-spacing: var(--espaciado-mayusculas); text-transform: uppercase;
  color: var(--color-cantera-clara);
    background: rgb(14 16 17 / 0.6);
}
.caso__pausa[hidden] { display: none; }
.caso__texto { max-width: 40em; font-size: var(--text-16); line-height: 1.55; }
.caso__texto > p { margin-top: var(--space-2); }
.caso__etiqueta { color: var(--color-piedra); }
.caso__texto > .caso__etiqueta { margin-top: 0; }
.caso__titulo {
  margin-top: var(--space-2);
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: var(--text-40);
  line-height: 1.08;
  text-wrap: balance;
}
.caso__texto > .caso__sub { margin-top: var(--space-2); font-family: var(--font-serif); font-size: var(--text-22); line-height: 1.3; }
.caso__texto > .caso__entrada { margin-top: var(--space-3); color: var(--color-cantera-clara); }
.caso__apartado {
  margin-top: var(--space-5);
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: var(--text-24);
  line-height: 1.2;
}
.caso__tiempos { margin-top: var(--space-3); display: grid; gap: var(--space-3); }
.caso__tiempo { padding-top: var(--space-2); border-top: 1px solid var(--color-superficie-2); }
.caso__cuando {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: var(--text-16);
  letter-spacing: var(--espaciado-mayusculas);
  text-transform: uppercase;
  color: var(--color-piedra);
}
.caso__tiempo p { margin-top: var(--space-1); color: var(--color-cantera-clara); }
.caso__texto > .caso__venta {
  margin-top: var(--space-5);
  max-width: 22em;
  font-family: var(--font-serif);
  font-size: var(--text-24);
  line-height: 1.25;
  text-wrap: balance;
}
@media (min-width: 768px) {
  .caso__titulo { font-size: var(--text-64); }
  .caso__texto { font-size: var(--text-18); }
  .caso__texto > .caso__sub { font-size: var(--text-28); }
  .caso__apartado { font-size: var(--text-28); }
  .caso__texto > .caso__venta { font-size: var(--text-34); }
}
@media (min-width: 1024px) {
  .caso { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: var(--space-6); }
  .caso__medio { position: sticky; top: calc(var(--encabezado-alto) + var(--space-4)); }
}
@media (min-width: 1200px) {
  .caso__titulo { font-size: var(--text-72); }
}

.quien {
  position: relative;
  padding: var(--space-6) var(--margen);
  background: var(--color-obsidiana);
  color: var(--color-cantera);
}
.quien__titulo { color: var(--color-piedra); }
.quien__texto, .quien__venta { max-width: 34em; font-size: var(--text-18); line-height: 1.55; }
.quien__texto { margin-top: var(--space-3); }
.quien__venta { margin-top: var(--space-2); }
@media (min-width: 768px) {
  .quien__texto, .quien__venta { font-size: var(--text-20); }
}

.faq {
  position: relative;
  display: grid;
  gap: var(--space-4);
  padding: var(--space-6) var(--margen);
  background: var(--color-obsidiana);
  color: var(--color-cantera);
}
.faq__titulo { font-family: var(--font-serif); font-weight: 400; font-size: var(--text-40); line-height: 1.08; }
.faq__item { max-width: 44em; padding-top: var(--space-3); border-top: 1px solid var(--color-piedra); }
.faq__item + .faq__item { margin-top: var(--space-2); }
.faq__pregunta { font-family: var(--font-serif); font-weight: 400; font-size: var(--text-22); line-height: 1.25; }
.faq__respuesta { margin-top: var(--space-1); font-size: var(--text-16); line-height: 1.55; color: var(--color-cantera-clara); }
@media (min-width: 768px) {
  .faq__titulo { font-size: var(--text-64); }
  .faq__pregunta { font-size: var(--text-28); }
  .faq__respuesta { font-size: var(--text-18); }
}
@media (min-width: 1024px) {
  .faq { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: var(--space-6); align-items: start; }
  .faq__titulo { grid-row: 1 / span 6; position: sticky; top: calc(var(--encabezado-alto) + var(--space-4)); }
  .faq__item { grid-column: 2; }
  .faq__item + .faq__item { margin-top: 0; }
}

.cierre {
  position: relative;
  isolation: isolate;
  overflow: clip;
  min-height: 80svh;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: var(--space-4);
  padding: var(--space-6) var(--margen);
  text-align: center;
  background: radial-gradient(closest-side at 50% 50%, var(--luz-central), var(--color-obsidiana));
}
.cierre__negativo {
  --lado: min(90vw, 80svh);
  position: absolute;
  z-index: -1;
  left: calc(50% - var(--lado) / 2);
  top: calc(50% - var(--lado) / 2);
  width: var(--lado);
  height: var(--lado);
  opacity: 0.12;
  overflow: visible;
  pointer-events: none;
}
.cierre__negativo use { fill: none; stroke: var(--color-cantera); stroke-width: 6; }
.cierre__velo { position: absolute; inset: 0; z-index: 2; background: var(--color-obsidiana); opacity: 0; pointer-events: none; }
.cierre__final {
  max-width: 24em;
  font-family: var(--font-serif);
  font-size: var(--text-20);
  line-height: 1.3;
  color: var(--color-cantera-clara);
  text-wrap: balance;
}
.cierre__titulo {
  max-width: 14em;
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: var(--text-40);
  line-height: 1.08;
  color: var(--color-cantera);
  text-wrap: balance;
}
.cierre__boton { padding-inline: var(--space-3); white-space: nowrap; }
.cierre__debajo { max-width: 30em; font-size: var(--text-16); line-height: 1.5; color: var(--color-piedra); text-wrap: balance; }

.selector { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-1); max-width: 44em; }
.selector[hidden] { display: none; }
.selector__opcion {
  min-height: 44px;
  padding: 0 var(--space-2);
  border: 1px solid var(--color-cantera);
  background: transparent;
  color: var(--color-cantera);
  font-family: var(--font-sans);
  font-size: var(--text-16);
  line-height: 1.2;
  cursor: pointer;
  transition: background-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);
}
.selector__opcion[aria-pressed="true"] { background: var(--color-cantera); color: var(--color-obsidiana); }
@media (min-width: 768px) {
  .cierre__boton { padding-inline: var(--space-5); }
  .cierre__final { font-size: var(--text-28); }
  .cierre__titulo { font-size: var(--text-64); }
}
@media (min-width: 1200px) { .cierre__titulo { font-size: var(--text-72); } }

.pie { position: relative; z-index: 1; }
.js .cierre {
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - var(--space-5)), transparent);
  mask-image: linear-gradient(to bottom, #000 calc(100% - var(--space-5)), transparent);
}

.whatsapp-fijo { display: none; }
@media (max-width: 767px) {
  .js .whatsapp-fijo {
    display: inline-flex;
    align-items: center;
    position: fixed;
    z-index: 40;
    right: var(--space-2);
    bottom: calc(var(--space-2) + env(safe-area-inset-bottom, 0px));
    min-height: 44px;
    padding: 0 var(--space-2);
    background: rgb(14 16 17 / 0.72);
    border: 1px solid rgb(176 141 87 / 0.55);
    color: var(--color-cantera);
    font-family: var(--font-sans);
    font-weight: 500;
    font-size: var(--text-16);
    letter-spacing: var(--espaciado-mayusculas);
    text-transform: uppercase;
    text-decoration: none;
    opacity: 0;
    visibility: hidden;
    translate: 0 8px;
    transition: opacity 300ms var(--ease-out), translate 300ms var(--ease-out), visibility 0s linear 300ms;
  }
  .js .whatsapp-fijo.whatsapp-fijo--visible { opacity: 1; visibility: visible; translate: 0 0; transition-delay: 0s; }
    .js .whatsapp-fijo.whatsapp-fijo--claro { background: var(--color-obsidiana); }
    .relato--vivo > .paso { padding-bottom: calc(44px + var(--space-2) * 2); }
}

.cierre__quien { font-size: var(--text-18); line-height: 1.4; color: var(--color-cantera-clara); text-wrap: balance; }
.cierre__titulo + .cierre__final { max-width: 26em; }
.caso__texto > .caso__credito { margin-top: var(--space-4); font-size: var(--text-16); line-height: 1.5; color: var(--color-piedra); }

.quien__nombre { margin-top: var(--space-2); font-family: var(--font-serif); font-size: var(--text-34); line-height: 1.1; color: var(--color-cantera); text-wrap: balance; }
@media (min-width: 768px) { .quien__nombre { font-size: var(--text-56); } }
.quien__hoy { margin-top: var(--space-2); color: var(--color-cantera-clara); }

.lamina__cifra { font-family: var(--font-serif); font-size: var(--text-72); line-height: 1; color: var(--color-cantera); }
.lamina__cifra + .lamina__titulo { margin-top: var(--space-1); }
.lamina__fuente { margin-top: var(--space-2); font-family: var(--font-sans); font-size: var(--text-16); line-height: 1.4; color: var(--color-piedra); }
@media (min-width: 1024px) { .lamina__cifra { font-size: var(--text-120); } }

@media (max-width: 767px) {
  .momentos, .quien, .caso, .faq { padding-block: var(--space-5); }
}

@media (min-width: 768px) {
  .selector { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(100%, 36em); }
  .selector[hidden] { display: none; }
}
@media (max-width: 767px) {
  .cierre__boton { padding-inline: var(--space-2); letter-spacing: 0.14em; }
}

@media (max-width: 767px) { .portada--planta .portada__velo { background: rgb(22 25 27 / 0.7); } }

@media (max-width: 767px) {
  .relato__portada { align-content: start; padding-top: calc(var(--encabezado-alto) + var(--space-4)); }
  .quien { padding-bottom: var(--space-4); }
}