.pagina-inicio .portada__velo { background: rgb(22 25 27 / 0.12); }
.pagina-inicio .portada__poster, .pagina-inicio .portada__video { filter: brightness(1.45) contrast(1.06); }

.manifiesto__definicion {
  margin: var(--space-4) auto 0;
  max-width: 40em;
  font-size: var(--text-18);
  line-height: 1.5;
  color: var(--color-cantera-clara);
  text-wrap: pretty;
}
@media (min-width: 768px) { .manifiesto__definicion { font-size: var(--text-20); } }
@media (min-width: 768px) { .pagina-inicio .manifiesto__titulo { font-size: var(--text-56); } }
@media (min-width: 1200px) { .pagina-inicio .manifiesto__titulo { font-size: var(--text-72); } }
.pagina-inicio .manifiesto__enlace { margin-top: var(--space-3); }
@media (orientation: landscape) and (max-height: 799px) {
  .pagina-inicio .manifiesto { padding-block: calc(var(--encabezado-alto) + var(--space-2)) var(--space-3); }
  .pagina-inicio .manifiesto__titulo { font-size: var(--text-48); }
  .pagina-inicio .manifiesto__sigue { margin-top: var(--space-3); font-size: var(--text-20); }
  .pagina-inicio .manifiesto__enlace { margin-top: var(--space-2); }
  .manifiesto__definicion { margin-top: var(--space-3); }
}
@media (max-width: 767px) {
  .pagina-inicio .manifiesto { padding-block: calc(var(--encabezado-alto) + var(--space-2)) var(--space-3); }
  .pagina-inicio .manifiesto__titulo { font-size: var(--text-34); }
  .pagina-inicio .manifiesto__sigue { margin-top: var(--space-3); font-size: var(--text-18); }
  .pagina-inicio .manifiesto__enlace { margin-top: var(--space-1); }
  .manifiesto__definicion { margin-top: var(--space-3); }
}
@media (max-width: 767px) and (max-height: 760px) {
  .pagina-inicio .manifiesto__titulo { font-size: var(--text-28); }
  .pagina-inicio .manifiesto__sigue { margin-top: var(--space-2); }
  .manifiesto__definicion { margin-top: var(--space-2); }
}
@media (max-width: 767px) and (max-height: 640px) {
  .pagina-inicio .manifiesto__titulo { font-size: var(--text-24); }
  .pagina-inicio .manifiesto__sigue { margin-top: var(--space-1); font-size: var(--text-16); }
  .pagina-inicio .manifiesto__enlace { margin-top: 0; }
  .manifiesto__definicion { margin-top: var(--space-1); font-size: var(--text-16); line-height: 1.45; }
}

.reel {
  width: min(92vw, 1600px);
  max-width: none;
  max-height: 92svh;
  margin: auto;
  padding: 0;
  border: 0;
  background: var(--color-obsidiana-profunda);
  color: var(--color-cantera);
  overflow: visible;
}
.reel::backdrop { background: var(--color-obsidiana-profunda); }
@media (max-width: 767px) { .reel { width: 100vw; } }
.reel__video { display: block; width: 100%; height: auto; max-height: 92svh; aspect-ratio: 16 / 9; background: var(--color-obsidiana-profunda); }
.reel__cerrar {
  position: absolute; right: 0; bottom: 100%;
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--space-2);
  background: none; border: 0; cursor: pointer;
  font-family: var(--font-sans); font-size: var(--text-16); font-weight: 500;
  letter-spacing: var(--espaciado-mayusculas); text-transform: uppercase;
  color: var(--color-cantera);
}

.manifiesto__venta {
  margin: var(--space-4) auto 0;
  max-width: 30em;
  font-family: var(--font-serif);
  font-size: var(--text-20);
  line-height: 1.3;
  color: var(--color-cantera-clara);
  text-wrap: balance;
}
.piedra__venta {
  margin-top: var(--space-5);
  font-family: var(--font-serif);
  font-size: var(--text-28);
  line-height: 1.2;
  color: var(--color-cantera-clara);
}
@media (min-width: 768px) {
  .manifiesto__venta { font-size: var(--text-24); }
  .piedra__venta { font-size: var(--text-40); }
}
@media (max-width: 767px) {
  .manifiesto__venta { margin-top: var(--space-3); font-size: var(--text-18); }
}
@media (max-width: 767px) and (max-height: 760px) {
  .manifiesto__venta { margin-top: var(--space-2); }
}
@media (max-width: 767px) and (max-height: 640px) {
  .manifiesto__venta { margin-top: var(--space-1); font-size: var(--text-16); }
}
@media (orientation: portrait) and (max-height: 760px) {
  .piedra__venta { margin-top: var(--space-3); }
}

.para-quien { padding: var(--space-6) var(--margen); background: var(--color-obsidiana); color: var(--color-cantera); }
.para-quien__etiqueta { color: var(--color-piedra); }
.para-quien__entrada { margin-top: var(--space-3); max-width: 34em; font-size: var(--text-18); line-height: 1.5; color: var(--color-cantera-clara); text-wrap: pretty; }
@media (min-width: 1024px) { .para-quien__entrada { font-size: var(--text-20); } }
.para-quien__filas { margin-top: var(--space-4); list-style: none; border-bottom: 1px solid var(--color-superficie-2); }
.para-quien__fila {
  display: grid;
  gap: var(--space-1);
  min-height: 44px;
  padding-block: var(--space-4);
  border-top: 1px solid var(--color-superficie-2);
  color: inherit;
  text-decoration: none;
}
.para-quien__fila .etiqueta { color: var(--color-piedra); }
.para-quien__titulo {
  justify-self: start;
  font-family: var(--font-serif);
  font-size: var(--text-48);
  line-height: 1.05;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0% 1px;
  transition: background-size var(--motion-fast) var(--ease-out);
}
a.para-quien__fila:hover .para-quien__titulo,
a.para-quien__fila:focus-visible .para-quien__titulo { background-size: 100% 1px; }
.para-quien__texto { max-width: 34em; font-size: var(--text-18); line-height: 1.5; color: var(--color-cantera-clara); text-wrap: pretty; }
@media (min-width: 1024px) {
  .para-quien__fila {
    grid-template-columns: minmax(0, 2fr) minmax(0, 4fr) minmax(0, 5fr);
    align-items: baseline;
    column-gap: var(--space-5);
    padding-block: var(--space-5);
  }
  .para-quien__titulo { font-size: var(--text-72); }
  .para-quien__texto { font-size: var(--text-20); }
}

.ya-se-sabe { padding: var(--space-6) var(--margen); background: var(--color-obsidiana-profunda); color: var(--color-cantera); }
.ya-se-sabe > .etiqueta { color: var(--color-piedra); }
.ya-se-sabe__lista { margin-top: var(--space-4); list-style: none; display: grid; gap: var(--space-4); }
.ya-se-sabe__lista li {
  display: grid;
  gap: var(--space-1);
  font-family: var(--font-serif);
  font-size: var(--text-34);
  line-height: 1.1;
  text-wrap: balance;
}
.ya-se-sabe__linea { max-width: 34em; font-family: var(--font-sans); font-size: var(--text-16); line-height: 1.5; color: var(--color-cantera-clara); text-wrap: pretty; }
@media (min-width: 768px) { .ya-se-sabe__linea { font-size: var(--text-18); } }
.ya-se-sabe__clave { white-space: nowrap; }
@media (min-width: 768px) { .ya-se-sabe__lista li { font-size: var(--text-56); } }
@media (min-width: 1200px) { .ya-se-sabe__lista li { font-size: var(--text-72); } }

.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 4; 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__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: 16em;
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: var(--text-34);
  line-height: 1.1;
  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-56); }
}
@media (min-width: 1200px) { .cierre__titulo { font-size: var(--text-64); } }

@media (min-width: 1024px) {
  .para-quien__fila { grid-template-columns: minmax(0, 4fr) minmax(0, 5fr); }
}
.ya-se-sabe__notas {
  margin-top: var(--space-5);
  max-width: 48em;
  font-size: var(--text-16);
  line-height: 1.5;
  color: var(--color-piedra);
  text-wrap: pretty;
}
.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; }

.ya-se-sabe__item { display: grid; gap: var(--space-1); }
.ya-se-sabe__medio {
  position: relative;
    margin: 0 calc(-1 * var(--margen)) calc(44px + var(--space-2));
  aspect-ratio: 16 / 9;
  background: var(--color-obsidiana);
}
.ya-se-sabe__medio img, .ya-se-sabe__medio video {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.ya-se-sabe__pausa {
  position: absolute; right: var(--margen); top: 100%; z-index: 1;
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--space-2);
  font-family: var(--font-sans); font-size: var(--text-16); font-weight: 500;
  letter-spacing: var(--espaciado-mayusculas); text-transform: uppercase;
  color: var(--color-cantera-clara); background: none; border: 0; cursor: pointer;
}
.ya-se-sabe__pausa[hidden] { display: none; }
.ya-se-sabe__ver {
  justify-self: start; display: inline-flex; align-items: center; min-height: 44px; margin-top: var(--space-1);
  font-size: var(--text-16); font-weight: 500; letter-spacing: var(--espaciado-mayusculas); text-transform: uppercase;
  color: var(--color-cantera);
}
@media (min-width: 768px) {
  .ya-se-sabe__medio { margin-inline: 0; max-width: 960px; }
  .ya-se-sabe__pausa { right: 0; padding-right: 0; }
}

@media (max-width: 767px) {
  .para-quien, .ya-se-sabe, .faq { padding-block: var(--space-5); }
  .ya-se-sabe__notas { margin-top: var(--space-4); }
}

@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; }
}

.como {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-6) var(--margen);
  background: radial-gradient(closest-side at 50% 50%, var(--luz-central), var(--color-obsidiana));
  color: var(--color-cantera);
}
.como__negativo { display: none; }
.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); }
@media (min-width: 768px) {
  .como { gap: var(--space-5); }
  .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; }
}
@media (min-width: 1200px) { .como__titulo { font-size: var(--text-72); } }
@media (max-width: 767px) { .como { padding-block: var(--space-5); } }

.quien { position: relative; padding: var(--space-6) var(--margen); background: var(--color-obsidiana); color: var(--color-cantera); }
.quien__titulo { 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; }
.quien__texto { max-width: 34em; margin-top: var(--space-3); font-size: var(--text-18); line-height: 1.55; }
.quien__hoy { margin-top: var(--space-2); color: var(--color-cantera-clara); }
@media (min-width: 768px) { .quien__nombre { font-size: var(--text-56); } .quien__texto { font-size: var(--text-20); } }
@media (max-width: 767px) { .quien { padding-block: var(--space-5); } }

.reel__nota { position: absolute; left: var(--space-2); bottom: 100%; display: inline-flex; align-items: center; min-height: 44px; font-size: var(--text-16); color: var(--color-piedra); pointer-events: none; }

@media (max-width: 767px) {
  .pagina-inicio .manifiesto__quien { margin-top: var(--space-5); }
  .pagina-inicio .cierre { padding-bottom: var(--space-4); }
}