/* Matteria - entry.css
   Base de fichas + delta de lanzamiento (lay-launch), unidos. Va tras
   shop.css y antes de colorN.css. */

:where(.page, .club) :where([class*="mono"],
.label,
.meta,
.stat-label,
.title-section,
.fold2-title) {
  letter-spacing: normal;
}
a {
  color: var(--accent);
  text-decoration: none;
}
a:hover:not(.button-primary) {
  color: var(--accent-2);
}
.grid-8 {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
  column-gap: var(--gutter);
  row-gap: 0;
}
.grid-8.entry-info {
  row-gap: var(--space-12);
}
.grid-8.team {
  row-gap: var(--space-12);
}
.site-header {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
  align-items: center;
  gap: var(--gutter);
  width: 100%;
  max-width: min(var(--grid-width), 100%);
  margin-inline: auto;
  padding: var(--space-8) var(--edge);
}
.site-header .logo-link {
  grid-column: 1;
}
.site-header .site-header-nav {
  grid-column: 7 / span 2;
}
@media (max-width: 960px) {
  .site-header:not([data-logo="left"]) .logo-link {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: center;
  }
  .site-header .site-header-nav {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .site-header .site-header-nav {
    grid-column: 1 / -1;
  }
  .site-header {
    padding-block: 40px 0;
  }
}
.site-header > * {
  align-self: center;
}
.site-header nav {
  display: flex;
  align-items: center;
}
.site-header-nav {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-2);
}
.site-header-nav a:not([data-share]) {
  padding: var(--space-2) var(--space-6);
  font-family: var(--mono);
  letter-spacing: 0.1em;
  font-size: var(--label);
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid var(--borders);
  border-radius: 999px;
  transition: background 0.24s var(--ease), color 0.24s var(--ease), border-color 0.24s var(--ease);
}
.site-header-nav a:not([data-share]):hover {
  color: var(--primary);
  background: var(--ink);
  border-color: var(--ink);
}
.entry-aside {
  grid-column: 6 / span 3;
  grid-row: 1;
}
.entry-sec + .entry-sec {
  margin-top: var(--space-12);
}
.entry-sec p + p {
  margin-top: var(--space-6);
}
@media (max-width: 1100px) {
  .entry-aside {
    grid-column: 6 / span 3;
    grid-row: 1;
  }
}
@media (max-width: 960px) {
  .site-header {
    grid-template-columns: 1fr auto;
    row-gap: var(--space-4);
    padding-block: var(--space-8) 0;
  }
  .entry-aside {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}
@media (max-width: 600px) {
  .site-header-nav a:not([data-share]) {
    padding: var(--space-2) var(--space-4);
  }
}
.entry-cover--aside {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 0;
  width: 100%;
  max-width: 100%;
  padding: var(--space-6);
  aspect-ratio: 3 / 4;
  min-height: 0;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid var(--borders);
}
.entry-cover--aside .book3d {
  position: absolute;
  inset: 8px;
  z-index: 1;
  touch-action: none;
  cursor: grab;
}
.entry-cover--aside .book3d:active {
  cursor: grabbing;
}
.entry-cover--aside .book3d canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.entry-cover--aside:has(.book3d) img {
  visibility: hidden;
}
.page.no-3d .entry-cover--aside img {
  visibility: visible;
}
.entry-cover--aside img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 960px) {
  /* La figure va a todo el ancho de la banda y la cubierta la llena: el alto lo
     marca su proporcion, sin tope. */
  .entry-cover--aside {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  figure.entry-cover--aside img {
    width: 100%;
    height: auto;
    margin-inline: auto;
  }
  .entry-cover--aside .book3d {
    touch-action: pan-y;
  }
}
.entry-aside .buy-cta {
  width: 100%;
}
.entry-author,
.entry-summary {
  margin: 0;
  font-size: var(--text-h4);
  line-height: var(--leading-h4);
  color: var(--ink-light);
  font-style: normal;
  font-weight: 400;
}
span.entry-author {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
}
.entry-title {
  text-wrap: balance;
}
.meta {
  font-family: var(--mono);
  font-size: var(--text-xs);
  line-height: var(--leading-xs);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  color: var(--veil-70);
}
.meta dt,
.meta dd {
  margin: 0;
}
.meta dd {
  letter-spacing: 0.1em;
}
.meta--year {
  grid-column: 1 / span 1;
  grid-row: 2;
}
.team {
  padding-block: var(--space-24);
}
.team {
  margin-inline: calc(-1 * var(--bleed-pad));
  padding-inline: var(--bleed-pad);
}
.author-title {
  margin: 0;
  font-size: var(--text-h4);
  line-height: var(--leading-h4);
  letter-spacing: -0.01em;
  color: var(--ink-light);
}
.author-title a:hover {
  color: var(--accent-2);
}
.team {
  align-items: start;
  overflow-x: clip;
  overflow-y: visible;
}
@media (max-width: 960px) {
  .team {
    row-gap: var(--space-10);
  }
}
.gallery {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(1.5rem, 3.5vw, 2.5rem);
  margin-block: 0;
}
@media (max-width: 767px) {
  .gallery {
    gap: var(--grid-gutter);
  }
}
@media (max-width: 960px) {
  .gallery {
    min-height: 0;
    margin-bottom: 0;
    margin-block: 0;
  }
}
.site-header-nav .description-share {
  flex-direction: row;
  align-items: center;
  gap: var(--space-3);
  margin: 0;
}
@media (max-width: 960px) {
  .entry-info,
.entry-aside {
    display: contents;
  }
  .entry-cover--aside {
    order: 1;
  }
  .gallery {
    order: 7;
  }
  .team {
    order: 10;
  }
  .entry-cover--aside {
    margin-bottom: var(--space-8);
  }
}
.buy-dock .dock-card {
  border-color: var(--borders);
  box-shadow: 0 12px 32px -18px var(--veil-dark-70);
}
@media (max-width: 960px) {
  .site-header:not([data-logo="left"]) .logo-link {
    margin-inline: auto;
  }
}
.toc-part-num {
  font-variant-numeric: tabular-nums;
}
.toc-title {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.toc-leaders::after {
  position: absolute;
  padding-left: 0.5ch;
  text-align: right;
  color: var(--veil-dark-50);
  content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
}
.toc-page {
  min-width: 3ch;
  font-variant-numeric: tabular-nums;
  text-align: right;
  color: var(--veil-70);
}
.toc-brief {
  list-style: none;
  margin: var(--space-8) 0 0;
  padding: 0;
  font-family: var(--mono);
  letter-spacing: normal;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}
.toc-brief > li {
  display: grid;
  grid-template-columns: auto max-content;
  align-items: end;
  column-gap: var(--space-2);
}
.toc-brief > li + li {
  margin-top: var(--space-4);
}
.toc-brief .toc-part-num {
  margin-right: 0.5ch;
}
.toc-brief .toc-title {
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  overflow: visible;
  white-space: normal;
}
.toc-brief .toc-leaders {
  flex: 1 1 auto;
  min-width: 3ch;
  align-self: flex-end;
  margin: 0 0 0.35em 0.5ch;
  border-bottom: 1px dotted var(--veil-dark-50);
}
.toc-brief .toc-leaders::after {
  content: none;
}
@media (max-width: 767px) {
  .toc-title {
    white-space: normal;
  }
  .toc-leaders {
    display: none;
  }
}
.team .poster-stack {
  grid-column: 1 / span 4;
  grid-row: 1;
  position: relative;
  aspect-ratio: 4 / 5;
  touch-action: pan-y;
}
@media (max-width: 960px) {
  .team .poster-stack {
    grid-column: 1 / -1;
    grid-row: auto;
  }
}
.album-shot {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.album-shot > img {
  display: block;
  width: 100%;
  height: auto;
}

/* ================= Familia de lanzamiento (body.lay-launch) ================= */
body.lay-launch .entry {
  padding-block: 0;
}
body.lay-launch .launch-band {
  position: relative;
  isolation: isolate;
  contain: paint;
  margin-inline: calc(-1 * var(--bleed-pad));
  padding-inline: var(--bleed-pad);
  overflow: clip;
}
body.lay-launch .launch-band > * {
  position: relative;
  z-index: 1;
}
.masthead {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-block: 0 var(--space-24);
  min-height: 100dvh;
  background: linear-gradient(180deg, var(--ocre-5) 0%, var(--ocre-5) 60%, var(--ocre-6) 100%);
  text-align: center;
}
.masthead::before {
  content: "";
  position: absolute;
  left: 38%;
  top: 42%;
  translate: -50% -50%;
  z-index: 0;
  pointer-events: none;
  width: 420px;
  aspect-ratio: 1;
  background: radial-gradient(circle, rgba(255, 191, 43, 0.3) 0%, rgba(255, 191, 43, 0) 80%);
}
.masthead::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: #fff;
  opacity: 0.4;
  -webkit-mask: url("../../img/circles.svg") center calc(70% + 96px) / 62% no-repeat;
  mask: url("../../img/circles.svg") center calc(70% + 96px) / 62% no-repeat;
}
.masthead > * {
  position: relative;
  z-index: 1;
}
.masthead > .site-header {
  width: 100%;
}
.masthead > .hero3-claim {
  margin: auto;
}
body.lay-launch .site-header {
  background: transparent;
  border-bottom: 0;
}
.hero3-claim {
  grid-column: 2 / span 6;
  margin: 0;
  max-width: 22ch;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: var(--ink-light);
  text-wrap: pretty;
}
.hero3-claim.display {
  font-size: var(--text-h1);
  line-height: var(--leading-h1);
}
.masthead .logo-link,
.masthead .logo-link:hover,
.masthead .logo-link:focus-visible {
  color: var(--ink-light);
}
.masthead .description-share-cells a,
.masthead .description-share-cells button,
.masthead2 .description-share-cells a,
.masthead2 .description-share-cells button {
  color: var(--ink-light);
}
/* El corte curvo del pie va en la propia banda: la capa de crema recorta el
   degradado por abajo. --arc es el alto del arco (56px en estrecho). */
.launch-plate {
  --arc: 100px;
  padding-block: var(--space-20) var(--space-24);
  background:
    radial-gradient(75% var(--arc) at 50% 0, #0000 99.5%, var(--cream)) bottom / 100% var(--arc) no-repeat,
    linear-gradient(180deg, var(--ocre-1) 0%, var(--ocre-1) 55%, var(--ocre-4) 100%);
}
.plate-cover {
  grid-column: 1 / span 4;
  margin: 0;
  align-self: start;
}
.plate-cover img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 24px 48px var(--veil-dark-30));
}
.plate-body {
  grid-column: 5 / span 4;
  align-self: start;
}
.plate-edition {
  margin: var(--space-8) 0 var(--space-4);
  font-family: var(--mono);
  font-size: var(--text-xs);
  line-height: var(--leading-xs);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-light2);
}
body.lay-launch .plate-body .entry-title {
  margin: 0;
  font-size: var(--text-h3);
  line-height: var(--leading-h3);
  color: var(--cream);
}
body.lay-launch .plate-body .entry-author {
  margin: 0;
  font-weight: 500;
  font-size: var(--text-h3);
  line-height: var(--leading-h3);
  letter-spacing: -0.01em;
  color: var(--ink-light2);
}
body.lay-launch .plate-body .entry-summary {
  margin-top: var(--space-8);
  color: var(--cream);
}
body.lay-launch .plate-body .entry-summary p {
  margin: 0 0 var(--space-6);
  font-size: var(--text-body);
  line-height: var(--leading-28);
}
body.lay-launch .plate-body .entry-summary p:last-child {
  margin-bottom: 0;
}
.plate-buy {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-6);
  margin-top: var(--space-12);
}
.plate-buy .buy-cta {
  width: auto;
  flex: 0 0 auto;
}
.plate-buy .buy-cta {
  padding: var(--space-4) 0 var(--space-4) var(--space-8);
}
.plate-buy .buy-cta .button-primary-cell {
  padding-right: var(--space-8);
}
.plate-release {
  margin: 0;
  font-family: var(--mono);
  font-size: var(--text-xs);
  line-height: var(--leading-xs);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent-2);
}
.plate-details {
  margin-top: var(--space-20);
}
.plate-details-summary {
  display: flex;
  justify-content: center;
  cursor: pointer;
  list-style: none;
  color: var(--ink);
}
.plate-details-summary::-webkit-details-marker {
  display: none;
}
.plate-details-summary > span {
  padding-bottom: var(--space-2);
  border-bottom: 1px dotted currentColor;
  font-family: var(--mono);
  font-size: var(--text-xs);
  line-height: var(--leading-xs);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: color 0.24s var(--ease);
}
.plate-details-summary:hover > span {
  color: var(--ink-light);
}
.plate-details-summary > [data-details-hide],
.plate-details[open] .plate-details-summary > [data-details-show] {
  display: none;
}
.plate-details[open] .plate-details-summary > [data-details-hide] {
  display: block;
}
.plate-details[open] {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--space-16);
}
.plate-details[open] .plate-data {
  margin-top: 0;
}
.plate-details::details-content {
  block-size: 0;
  overflow: hidden;
  transition:
    block-size 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    content-visibility 0.4s allow-discrete;
}
.plate-details[open]::details-content {
  block-size: auto;
}
.plate-data {
  margin-top: var(--space-16);
}
.plate-data > * {
  grid-column: 2 / span 6;
}
.plate-data > .entry-folds2 {
  grid-column: 3 / span 4;
}
.plate-data > * + * {
  margin-top: var(--space-24);
}
.plate-data .title-section {
  margin: 0;
  text-align: center;
  color: var(--ink-light);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-weight: 600;
}
body.lay-launch .toc-brief,
body.lay-launch .entry-folds2 {
  --borders: var(--ink-light);
}
body.lay-launch .fold-specs dt,
body.lay-launch .fold-specs dd {
  color: var(--ink-light2);
}
body.lay-launch .plate-block .title-section {
  color: var(--ink-light);
}
body.lay-launch .toc-brief .toc-title {
  color: var(--ink-light);
}
body.lay-launch .toc-brief .toc-page {
  font-family: var(--mono);
  letter-spacing: normal;
  text-transform: uppercase;
  color: var(--ink-light);
}
body.lay-launch .plate-body .entry-summary p.intro {
  font-size: var(--text-xl);
  line-height: var(--leading-xl);
}
body.lay-launch .toc-brief .toc-leaders {
  border-bottom: 0;
  height: 1px;
  background: linear-gradient(90deg,
    rgba(241, 224, 154, 0) 0%,
    rgb(241, 224, 154) 50%,
    rgba(241, 224, 154, 0) 100%);
}
body.lay-launch .entry-folds2 {
  border-color: var(--borders);
}
body.lay-launch .entry-folds2 dt,
body.lay-launch .entry-folds2 dd {
  color: var(--ink-light);
}
body.lay-launch .entry-folds2 .fold2-title {
  color: var(--ink-light);
  font-weight: 600;
}
.launch-essay {
  isolation: isolate;
  contain: paint;
  padding-block: var(--space-24);
  background: var(--white);
  --veil-90: var(--veil-dark-90);
  --veil-70: var(--veil-dark-70);
  --veil-50: var(--veil-dark-50);
  --veil-30: var(--veil-dark-30);
  --veil-10: var(--veil-dark-10);
  --veil-4: var(--veil-dark-4);
  --veil-2: var(--veil-dark-2);
}
.launch-essay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url("../../img/bg-paper-vintage.webp") center top / 100% auto no-repeat;
  rotate: 180deg;
  mix-blend-mode: multiply;
  opacity: 0.6;
  pointer-events: none;
}
/* Velo por encima del textil: sin el, el grano no es sutil */
.launch-essay::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, var(--cream) 0%, var(--paper-warm) 100%);
  pointer-events: none;
}
body.lay-launch .launch-essay > .essay-signature,
body.lay-launch .launch-essay > .essay-signature2 {
  position: absolute;
  z-index: 0;
  aspect-ratio: 2093 / 571;
  background: url("../../img/signature-essay.webp") center / contain no-repeat;
  opacity: 0.85;
  mix-blend-mode: overlay;
  pointer-events: none;
}
body.lay-launch .launch-essay > .essay-signature {
  left: -18%;
  width: 120%;
  top: 40%;
}
body.lay-launch .launch-essay > .essay-signature2 {
  left: 32%;
  width: 62%;
  bottom: calc(-6% + var(--space-24));
  aspect-ratio: 971 / 572;
  background-image: url("../../img/signature-essay2.webp");
}
.essay-portrait {
  grid-column: 3 / span 4;
  margin: 0 0 var(--space-12);
  justify-self: center;
}
.essay-portrait img {
  display: block;
  width: 100%;
  height: auto;
}
.essay-quote {
  grid-column: 2 / span 6;
  margin: 0;
  text-align: center;
}
.essay-quote p {
  margin: 0;
  font-weight: 400;
  font-size: var(--text-h2);
  line-height: clamp(2.25rem, 1.821rem + 2.143vw, 3.75rem);
  letter-spacing: -0.02em;
  color: var(--ocre-1);
  text-wrap: pretty;
}
.essay-quote cite {
  display: block;
  margin-top: var(--space-8);
  font-family: var(--mono);
  font-style: normal;
  font-size: var(--label);
  line-height: var(--leading-20);
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent);
}
.essay-body {
  margin-top: var(--space-24);
}
.essay-title {
  grid-column: 2 / span 6;
  margin: 0 0 var(--space-12);
  font-weight: 400;
  font-size: var(--text-h3);
  line-height: var(--leading-h3);
  color: var(--ocre-1);
}
body.lay-launch .essay-body .entry-description {
  grid-column: 2 / span 6;
  columns: 2;
  column-gap: var(--gutter);
  color: var(--ocre-1);
}
/* Corta la columna izquierda tras este parrafo: el reparto automatico de
   columns lo dejaba a caballo entre las dos. */
body.lay-launch .essay-body .entry-description p.col-break {
  break-after: column;
}
body.lay-launch .essay-body .entry-description p {
  margin: 0 0 var(--space-6);
  font-size: var(--text-body);
  line-height: var(--leading-28);
  break-inside: avoid;
}
.launch-legacy {
  isolation: isolate;
  contain: paint;
  padding-block: var(--space-24);
  /* Color de base opaco bajo las dos capas: mientras la imagen o el degradado
     no esten pintados, la banda ya es noche y no deja ver el fondo de pagina */
  background-color: var(--night-2);
  background-image:
    url("../../media/f20-closing-bg.webp"),
    linear-gradient(180deg, var(--night-2) 9%, var(--night) 60%);
  background-position: bottom center, 0 0;
  background-size: 100% auto, auto;
  background-repeat: no-repeat, no-repeat;
}
.launch-legacy .title-section {
  grid-column: 1 / -1;
  margin: 0;
  text-align: center;
  color: var(--accent);
}
/* Firma de Adriano bajo el rotulo, misma receta que las del ensayo: absoluta
   (no consume alto), mas ancha que la banda y saliendo por la izquierda. La
   imagen trae aire transparente arriba, asi que arranca 32px por encima del
   rotulo para que el trazo caiga justo debajo. Sobre fondo oscuro el velo va en
   screen, que aclara en vez de oscurecer. Z 0, bajo el contenido (z 1). */
body.lay-launch .launch-legacy > .legacy-signature {
  position: absolute;
  z-index: 0;
  left: -18%;
  width: 120%;
  top: 0;
  margin-top: var(--space-16);
  aspect-ratio: 2546 / 431;
  background: url("../../img/signature-legacy.webp") center top / 100% auto no-repeat;
  opacity: 1;
  mix-blend-mode: screen;
  pointer-events: none;
}
.legacy-collage {
  position: relative;
  grid-column: 1 / -1;
  margin: var(--space-16) 0 0;
  aspect-ratio: 1440 / 1000;
}
.legacy-collage figure {
  position: absolute;
  margin: 0;
  translate: var(--dx, 0) var(--dy, 0);
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
/* Un grado de balanceo al pasar por encima, alternando el sentido. El giro base
   vive en --rot para poder sumarle el del hover sin recomponer cada regla; el
   arrastre usa translate, asi que no se pisan. */
.legacy-collage figure {
  rotate: calc(var(--rot, 0deg) + var(--rot-hover, 0deg));
  transition: rotate 0.9s var(--ease);
}
.legacy-collage figure:nth-child(odd):hover:not([data-dragging]) {
  --rot-hover: -1deg;
}
.legacy-collage figure:nth-child(even):hover:not([data-dragging]) {
  --rot-hover: 1deg;
}
@media (prefers-reduced-motion: reduce) {
  .legacy-collage figure {
    transition: none;
  }
}
.legacy-collage img {
  display: block;
  width: 100%;
  height: auto;
}
.legacy-collage figure:nth-child(1) { left: 1%; top: 1%; width: 12.5%; --rot: -10deg; z-index: 1; }
.legacy-collage figure:nth-child(2) { left: 15%; top: 1%; width: 43%; --rot: -1deg; }
.legacy-collage figure:nth-child(3) { left: 70%; top: 46%; width: 30%; --rot: 7deg; }
.legacy-collage figure:nth-child(4) { left: 78%; top: 32%; width: 9%; --rot: -12deg; z-index: 2; }
.legacy-collage figure:nth-child(5) { left: 0%; top: 38%; width: 16%; --rot: 7deg; }
.legacy-collage figure:nth-child(6) { left: 59%; top: 4%; width: 40%; --rot: -1deg; }
.legacy-collage figure:nth-child(7) { left: 46%; top: 37%; width: 24%; --rot: -5deg; z-index: 1; }
.legacy-collage figure:nth-child(8) { left: 17%; top: 28%; width: 26%; --rot: 2deg; }
.legacy-quote {
  grid-column: 2 / span 6;
  margin: var(--space-24) 0 0;
  font-weight: 400;
  font-size: var(--text-h3);
  line-height: var(--leading-h3);
  letter-spacing: -0.02em;
  color: var(--cream);
  text-wrap: pretty;
  text-align: center;
}
.legacy-closing {
  grid-column: 1 / -1;
  display: grid;
  justify-items: center;
  margin-top: var(--space-16);
}
.closing-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding-inline: var(--space-9);
}
.closing-mark {
  position: relative;
  margin-top: var(--space-20);
  display: block;
  width: 187px;
  height: 38px;
  color: var(--veil-30);
}
@media (max-width: 960px) {
  .hero3-claim,
.essay-quote,
.essay-title,
.legacy-quote,
.plate-data > *,
.plate-data > .entry-folds2 {
    grid-column: 1 / -1;
  }
  .essay-portrait {
    grid-column: 1 / -1;
  }
  .plate-cover {
    grid-column: 1 / span 4;
    grid-row: 1;
  }
  /* Compartir es de escritorio: en estrecho manda el dock, y la cabecera se
     queda con el logotipo centrado */
  .masthead .description-share {
    display: none;
  }
  body.lay-launch .plate-buy {
    display: none;
  }

  /* El reclamo respira dentro de la banda: la reticula ya trae --edge, esto es
     el aire optico para que no toque el borde en pantallas cortas */
  .masthead > .hero3-claim {
    padding-inline: var(--space-4);
  }
  .plate-body {
    grid-column: 1 / span 4;
    grid-row: 2;
    margin-top: var(--space-12);
    text-align: left;
  }
  .plate-body .plate-buy,
  .plate-body .plate-byline {
    justify-content: flex-start;
  }
  .masthead {
    padding-block: var(--space-16);
  }
  .launch-plate {
    padding-block: var(--space-16) var(--space-20);
  }
  .launch-essay,
.launch-legacy {
    padding-block: var(--space-20);
  }
  body.lay-launch .essay-body .entry-description {
    grid-column: 1 / -1;
    columns: 1;
  }
  body.lay-launch .essay-body .entry-description p.col-break {
    break-after: auto;
  }
  .legacy-collage {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6);
    aspect-ratio: auto;
  }
  .legacy-collage figure:nth-child(1),
.legacy-collage figure:nth-child(4),
.legacy-collage figure:nth-child(6),
.legacy-collage figure:nth-child(7) {
    display: none;
  }
  .legacy-collage figure:nth-child(n) {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    rotate: none;
    align-self: start;
    translate: none;
    touch-action: pan-y;
  }
  .legacy-collage figure:nth-child(2) {
    grid-column: span 2;
  }
  .legacy-collage figure:nth-child(5) img,
.legacy-collage figure:nth-child(8) img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
  body.lay-launch .launch-essay > .essay-signature {
    top: 44%;
  }

}
@media (max-width: 767px) {
  .plate-cover,
.plate-body {
    grid-column: 1 / -1;
  }
  .plate-cover img {
    margin-inline: auto;
  }
  .legacy-collage {
    grid-template-columns: minmax(0, 1fr);
  }
  .legacy-collage figure:nth-child(2) {
    grid-column: span 1;
  }
  .launch-plate {
    --arc: 56px;
  }
}

/* ================= Lamina de ficha21: autoria, tabs y coleccion =================
   Tres modulos nuevos dentro de .plate-body. Los tabs no llevan JS: un grupo de
   radios oculto y :has() deciden el panel visible, asi que el teclado los
   recorre y el estado sobrevive sin script. Si el navegador no entiende :has(),
   el @supports del final deja los tres paneles a la vista y esconde la barra:
   el contenido nunca queda inalcanzable. */
body.lay-launch .plate-byline {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-top: var(--space-2);
}
body.lay-launch .plate-byline .entry-author {
  margin: 0;
}
/* El filete separa la ficha del acto de compra, como en la referencia */
body.lay-launch .plate-buy {
  margin-top: 0;
  padding-top: var(--space-10);
}
body.lay-launch .plate-tabs {
  margin-top: var(--space-16);
}
body.lay-launch .tab-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
body.lay-launch .tabs-bar {
  display: flex;
  gap: var(--space-8);
  border-bottom: 1px solid var(--veil-30);
}
body.lay-launch .tab-label {
  display: block;
  margin-bottom: -1px;
  padding-bottom: var(--space-3);
  border-bottom: 2px solid transparent;
  font-family: var(--mono);
  font-size: var(--label);
  line-height: var(--leading-xs);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-light);
  cursor: pointer;
  transition: color 0.24s var(--ease), border-color 0.24s var(--ease);
}
body.lay-launch .tab-label:hover {
  color: var(--cream);
}
body.lay-launch .plate-tabs:has(#tab-brief:checked) .tab-label[for="tab-brief"],
body.lay-launch .plate-tabs:has(#tab-toc:checked) .tab-label[for="tab-toc"],
body.lay-launch .plate-tabs:has(#tab-spec:checked) .tab-label[for="tab-spec"] {
  color: var(--cream);
  border-bottom-color: var(--cream);
}
body.lay-launch .plate-tabs:has(#tab-brief:focus-visible) .tab-label[for="tab-brief"],
body.lay-launch .plate-tabs:has(#tab-toc:focus-visible) .tab-label[for="tab-toc"],
body.lay-launch .plate-tabs:has(#tab-spec:focus-visible) .tab-label[for="tab-spec"] {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
body.lay-launch .tab-panel {
  display: none;
  padding-top: var(--space-10);
}
body.lay-launch .plate-tabs:has(#tab-brief:checked) [data-tab="brief"],
body.lay-launch .plate-tabs:has(#tab-toc:checked) [data-tab="toc"],
body.lay-launch .plate-tabs:has(#tab-spec:checked) [data-tab="spec"] {
  display: block;
}
/* Los datos van a filetes horizontales, sin caja: dentro del panel el marco
   lateral duplicaba el borde de la barra de tabs. */
body.lay-launch .tab-panel .entry-folds2 {
  margin-top: 0;
  border: 0;
}
body.lay-launch .tab-panel .fold-specs > div {
  padding-inline: 0;
  border-top-color: var(--veil-30);
}
body.lay-launch .tab-panel .fold-specs > div:hover {
  background: none;
}
/* La primera fila de datos no repone filete: ya lo pone la barra de tabs */
body.lay-launch .tab-panel .fold-specs > div:first-child {
  border-top: 0;
}
body.lay-launch .tab-panel .entry-summary,
body.lay-launch .tab-panel .toc-brief {
  margin-top: 0;
}
@supports not selector(:has(*)) {
  body.lay-launch .tabs-bar {
    display: none;
  }
  body.lay-launch .tab-panel {
    display: block;
  }
}
/* Tramo estrecho de la lamina. Va al final a proposito: la base de .plate-tabs
   se declara arriba en este mismo fichero y, a igual especificidad, manda la
   ultima regla. */
@media (max-width: 960px) {
  body.lay-launch .plate-tabs {
    margin-top: var(--space-8);
  }
}

/* ================= Visor de detalle del collage =================
   Imagen a la izquierda, texto a la derecha y el credito al pie. Es un <dialog>
   nativo: el navegador gobierna Escape, el foco y la capa superior, asi que la
   hoja solo pone la caja. El velo va en ::backdrop, no en un div. */
.detail {
  width: 100%;
  max-width: none;
  height: 100dvh;
  max-height: none;
  inset: 0;
  margin: 0;
  padding: var(--space-16) var(--edge) var(--space-20);
  border: 0;
  background: none;
  color: var(--cream);
  overflow: hidden;
}
.detail:not([open]) {
  display: none;
}
.detail[open] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr auto;
  align-items: center;
  column-gap: var(--gutter);
  row-gap: var(--space-12);
}
.detail::backdrop {
  background: rgb(from var(--night) r g b / 0.94);
  backdrop-filter: blur(8px);
}
.detail-figure {
  margin: 0;
  justify-self: center;
  max-height: 70dvh;
}
/* Mientras la nueva imagen descodifica, la figura va tapada: si no, se ve un
   fotograma de la anterior. */
.detail[data-loading] .detail-figure img {
  opacity: 0;
}
.detail-figure img {
  display: block;
  opacity: 1;
  transition: opacity 0.2s var(--ease);
  width: auto;
  max-width: 100%;
  max-height: 70dvh;
  filter: drop-shadow(0 24px 48px var(--veil-dark-50));
}
.detail-body {
  max-width: 34ch;
  font-size: var(--text-xl);
  line-height: var(--leading-xl);
}
.detail-body p {
  margin: 0 0 var(--space-6);
}
.detail-body p:last-child {
  margin-bottom: 0;
}
.detail-credit {
  grid-column: 1 / -1;
  margin: 0;
  max-width: 68ch;
  justify-self: center;
  text-align: center;
  font-family: var(--mono);
  font-size: var(--label);
  line-height: var(--leading-20);
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--veil-50);
}
.detail-close {
  position: absolute;
  top: var(--space-8);
  right: var(--edge);
  z-index: 1;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--cream);
  cursor: pointer;
}
/* La X del cierre, incrustada como data: URI para que tambien cargue con file:// */
.detail-close .icon-close {
  display: block;
  width: 32px;
  height: 30px;
  background: currentColor;
  opacity: 0.49;
  transition: opacity 0.24s var(--ease);
  --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 59 56%22 fill=%22none%22 xmlns:c2pa=%22http://c2pa.org/manifest%22%3E%3Cmetadata%3E%3Cc2pa:manifest%3EAAAWgmp1bWIAAAAeanVtZGMycGEAEQAQgAAAqgA4m3EDYzJwYQAAABZcanVtYgAAAEdqdW1kYzJtYQARABCAAACqADibcQN1cm46YzJwYTpjZjQzNzVkOC1kZjI1LTQ2YjQtYjllZS00NGQxNmFmMTk2N2IAAAADl2p1bWIAAAApanVtZGMyYXMAEQAQgAAAqgA4m3EDYzJwYS5hc3NlcnRpb25zAAAAALxqdW1iAAAARGp1bWRjYm9yABEAEIAAAKoAOJtxE2MycGEuaW5ncmVkaWVudC52MwAAAAAYYzJzaIirYXy36THl8R98GvZKnYoAAABwY2JvcqNpZGM6Zm9ybWF0bWltYWdlL3N2Zyt4bWxqaW5zdGFuY2VJRHgseG1wOmlpZDoxZDg0MzYwZi1lMGE4LTRkMzMtYTc2Ny1lNDYwZWQxNWQ1NzJscmVsYXRpb25zaGlwaHBhcmVudE9mAAAB4mp1bWIAAABBanVtZGNib3IAEQAQgAAAqgA4m3ETYzJwYS5hY3Rpb25zLnYyAAAAABhjMnNo+4R2kunkCj2QVtzqFIUjyAAAAZljYm9yomdhY3Rpb25zgqJmYWN0aW9ua2MycGEub3BlbmVkanBhcmFtZXRlcnOha2luZ3JlZGllbnRzgaJjdXJseC1zZWxmI2p1bWJmPWMycGEuYXNzZXJ0aW9ucy9jMnBhLmluZ3JlZGllbnQudjNkaGFzaFgg0eZ8VOTo9PCDs94N4v9Ela377DNr2oGPy9pU9fczTj2kZmFjdGlvbngdY29tLmFudGhyb3BpYy5jbGF1ZGUucHJvdmlkZWRqcGFyYW1ldGVyc6F4H2NvbS5hbnRocm9waWMub3JpZ2luLWNvbmZpZGVuY2VndW5rbm93bmtkZXNjcmlwdGlvbnhmQ2xhdWRlIHByb3ZpZGVkIHRoaXMgZmlsZSBhdCB0aGUgcmVxdWVzdCBvZiBhIHVzZXIgYW5kIG1heSBoYXZlIGNyZWF0ZWQgb3IgbW9kaWZpZWQgdGhlIGZpbGUgY29udGVudHMubXNvZnR3YXJlQWdlbnShZG5hbWVmQ2xhdWRlcmFsbEFjdGlvbnNJbmNsdWRlZPUAAADIanVtYgAAAEBqdW1kY2JvcgARABCAAACqADibcRNjMnBhLmhhc2guZGF0YQAAAAAYYzJzaDpJbM50GEZiBtv2JobE1xgAAACAY2JvcqVjYWxnZnNoYTI1NmNwYWRNAAAAAAAAAAAAAAAAAGRoYXNoWCBo3AWqDRq01eTQ2OCjlgGhYt5nNuT37Zj23QEYW7JeW2RuYW1lbmp1bWJmIG1hbmlmZXN0amV4Y2x1c2lvbnOBomVzdGFydBiHZmxlbmd0aBkeBAAAAj5qdW1iAAAAJ2p1bWRjMmNsABEAEIAAAKoAOJtxA2MycGEuY2xhaW0udjIAAAACD2Nib3KlY2FsZ2ZzaGEyNTZpc2lnbmF0dXJleE1zZWxmI2p1bWJmPS9jMnBhL3VybjpjMnBhOmNmNDM3NWQ4LWRmMjUtNDZiNC1iOWVlLTQ0ZDE2YWYxOTY3Yi9jMnBhLnNpZ25hdHVyZWppbnN0YW5jZUlEeCx4bXA6aWlkOmE5MTgyODJlLWYzNTAtNDc1Mi1hOTNmLWQ4NjNiYWYwOTRkNHJjcmVhdGVkX2Fzc2VydGlvbnODomN1cmx4LXNlbGYjanVtYmY9YzJwYS5hc3NlcnRpb25zL2MycGEuaW5ncmVkaWVudC52M2RoYXNoWCDR5nxU5Oj08IOz3g3i/0SVrfvsM2vagY/L2lT19zNOPaJjdXJseCpzZWxmI2p1bWJmPWMycGEuYXNzZXJ0aW9ucy9jMnBhLmFjdGlvbnMudjJkaGFzaFgg58C0nudj/+9OXxy1+nI/iAlD2RBRz6ooNQctlPAJYiyiY3VybHgpc2VsZiNqdW1iZj1jMnBhLmFzc2VydGlvbnMvYzJwYS5oYXNoLmRhdGFkaGFzaFggHU4NR9v6LDTRDMhxD9fAfRVxscgzCw/IakBwUyjxofV0Y2xhaW1fZ2VuZXJhdG9yX2luZm+jZG5hbWVvQW50aHJvcGljIEZpbGVzZ3ZlcnNpb25lMS4wLjBrc3BlY1ZlcnNpb25lMi40LjAAABA4anVtYgAAAChqdW1kYzJjcwARABCAAACqADibcQNjMnBhLnNpZ25hdHVyZQAAABAIY2JvctKEWQISogEmGCFZAgowggIGMIIBjaADAgECAhRA5aAK7sI50L64g/oGQgU9Z1UTADAKBggqhkjOPQQDAzBJMRcwFQYDVQQKEw5BbnRocm9waWMsIFBCQzEuMCwGA1UEAxMlQW50aHJvcGljIENvbnRlbnQgQ3JlZGVudGlhbHMgUm9vdCBDQTAeFw0yNjA4MDcxODQzNTZaFw0yODA4MDYxOTQzNTZaMEQxFzAVBgNVBAoTDkFudGhyb3BpYywgUEJDMSkwJwYDVQQDEyBBbnRocm9waWMgQ2xhdWRlIENvbnRlbnQgU2lnbmluZzBZMBMGByqGSM49AgEGCCqGSM49AwEHA0IABJh6CmvLUBgFFNU0vUKlOVtE6djd17L5SuwX0LemFisBM3dkd/3cyjxFA3Qo5S46fX0/ihY0VZ7mfb9KF703t5OjWDBWMA4GA1UdDwEB/wQEAwIHgDAVBgNVHSUEDjAMBgorBgEEAYPoXgIBMAwGA1UdEwEB/wQCMAAwHwYDVR0jBBgwFoAUzlHiBIFOZFsj+OPEz5o+nMHXXMIwCgYIKoZIzj0EAwMDZwAwZAIwMXMdFJ4BetLLVY7ORuE9noqbbAZOZn/aArXyTwFAZfKrPzxF2vPoJNf1+UCdg1XGAjBwX1zd9WGqYkqmL5SFqw1QySjr1zJfpJM9+1rdDwSPLMOPOjKuiXjoU/pUUeG9RwmhY3BhZFkNngAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPZYQJFOUrhzdIDO3i2kDEYVRvEVclf6PXoad2XFXNyf1sF2AEg2MX4JMx4GAP2Kr/JR/ZeNgBTQpptOFdrlq2Kh8H8=%3C/c2pa:manifest%3E%3C/metadata%3E%3Cpath d=%22M0.127602 51.9116C1.14001 51.1479 2.1491 50.3805 3.15487 49.6093C12.2068 42.6687 20.9901 35.425 29.5048 27.8782C38.0195 20.3314 46.2655 12.4815 54.2429 4.32857C55.1293 3.42267 56.0124 2.51306 56.8921 1.59969C55.8797 2.36339 54.8707 3.13081 53.8649 3.902C44.8129 10.8426 36.0296 18.0863 27.5149 25.6331C19.0002 33.1799 10.7542 41.0298 2.77679 49.1828C1.89041 50.0886 1.00735 50.9983 0.127602 51.9116Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M3.75023 8.9407e-08C4.57344 0.964634 5.40019 1.92573 6.23047 2.88329C13.703 11.5014 21.4619 19.833 29.5072 27.8783C37.5525 35.9236 45.8842 43.6826 54.5023 51.1551C55.4599 51.9854 56.4209 52.8121 57.3856 53.6354C56.5624 52.6707 55.7356 51.7096 54.9053 50.7521C47.4328 42.134 39.6739 33.8023 31.6286 25.757C23.5833 17.7117 15.2516 9.95279 6.63352 2.48024C5.67596 1.64996 4.71486 0.823212 3.75023 8.9407e-08Z%22 fill=%22%23000%22%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask: var(--mask) no-repeat center / contain;
  mask: var(--mask) no-repeat center / contain;
}
.detail-close:hover .icon-close {
  opacity: 1;
}
/* Las piezas del collage abren su detalle: mano con dedo */
.legacy-collage figure {
  cursor: pointer;
}

/* ===== Apertura alternativa: .masthead2 (titular a sangre) =====
   Contenedor y reticula separados, como manda la casa: la banda va a borde de
   ventana con el color, y dentro .mast2-inner es el contenedor (.wrap) con la
   reticula (.grid-8). Los textos se anclan a sus columnas con grid-column. */
.masthead2 {
  position: relative;
  overflow: clip;
  background: var(--ocre-1);
  color: var(--cream);
  border-bottom: 1px solid var(--veil-10);
}
/* Trama de bancales al fondo de la banda, mismo trato que los anillos de
   .masthead: velo blanco recortado por la mascara. El velo es un degradado
   vertical, asi la trama nace difuminada arriba y respira bajo la cabecera */
.masthead2::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  /* Velo de la escala semantica, el peldano mas leve: textura de fondo bajo
     texto, nada mas. La mascara va a 62% y anclada abajo, como los anillos de
     .masthead: deja aire por los laterales y por arriba */
  /* Mismo trato que los anillos de .masthead: blanco plano al 0.4, con la
     parte baja degradada para que la trama nazca del fondo */
  background: linear-gradient(to top, transparent 0%, var(--ocre-2) 28%, var(--ocre-2) 100%);
  opacity: 0.28;
  /* Mascara incrustada como data: URI, regla de la casa: una peticion menos y
     carga tambien al abrir la ficha con file:// */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 760' preserveAspectRatio='none'%3E%3Cg stroke='%23fff' fill='none' stroke-linecap='round'%3E%3Cpath d='M1091 380L1089 388L1087 396L1085 405L1078 414L1067 422L1051 428L1032 433L1011 436L990 436L969 436L949 434L930 433L910 432L888 431L867 427L850 422L837 414L829 405L826 396L825 388L826 379L829 371L832 362L836 354L842 345L852 337L867 330L887 325L909 324L931 323L951 324L971 324L991 325L1011 326L1032 329L1051 333L1069 338L1083 345L1092 354L1095 363L1093 372ZM1163 380L1161 392L1151 404L1135 415L1116 425L1095 433L1073 439L1048 445L1024 449L998 452L972 456L945 459L915 460L885 458L857 453L833 445L812 436L796 426L786 414L781 402L781 390L784 379L786 368L788 357L794 345L803 334L818 323L838 314L861 306L887 300L917 297L947 297L976 300L1003 305L1027 310L1051 315L1073 322L1094 329L1113 337L1130 346L1146 357L1158 368ZM1191 380L1184 394L1176 408L1166 421L1152 435L1133 447L1109 459L1082 469L1050 478L1015 484L977 486L940 484L904 479L872 471L843 463L815 455L791 444L770 433L751 421L735 408L720 394L711 379L709 363L718 347L735 333L757 320L783 309L813 300L845 294L878 290L912 287L945 285L980 283L1016 282L1052 284L1087 290L1118 298L1146 309L1169 321L1186 336L1195 351L1195 366ZM1243 380L1239 397L1232 415L1219 432L1199 448L1172 463L1140 475L1105 486L1066 495L1024 501L980 503L936 502L894 497L854 491L815 483L779 473L748 461L722 447L701 431L683 414L670 397L663 378L666 360L679 342L698 325L722 310L749 296L782 284L818 274L858 268L900 263L942 260L985 259L1028 260L1071 265L1110 273L1145 284L1177 297L1205 312L1226 328L1239 345L1244 363ZM1308 380L1302 401L1287 422L1266 442L1240 460L1209 477L1171 492L1127 502L1080 510L1032 515L983 519L933 520L883 518L835 511L790 501L748 490L708 476L673 460L646 442L628 421L619 400L616 378L619 357L630 335L650 315L679 297L714 282L753 269L795 257L840 247L889 241L939 239L989 240L1038 244L1086 249L1133 257L1177 268L1214 283L1244 301L1270 319L1291 339L1304 360ZM1343 380L1348 404L1342 429L1322 453L1289 474L1248 492L1201 507L1151 520L1098 529L1043 535L986 539L929 541L870 540L811 536L755 526L708 510L671 491L641 469L616 448L595 425L580 402L573 378L574 354L583 329L601 305L629 283L670 264L719 250L772 240L826 232L880 224L936 218L994 216L1053 218L1110 225L1164 236L1212 250L1253 268L1285 289L1306 312L1321 335L1333 358ZM1409 380L1402 408L1382 434L1354 460L1320 483L1280 505L1232 524L1176 538L1116 549L1054 557L990 562L924 565L858 562L794 554L735 540L682 524L634 505L592 483L560 459L540 432L531 405L529 378L532 351L542 324L563 297L596 273L639 252L688 233L742 217L801 204L865 196L932 194L998 197L1061 203L1123 211L1183 222L1238 237L1285 256L1324 278L1357 302L1384 328L1403 355ZM1440 380L1429 409L1415 439L1396 468L1366 496L1323 522L1269 543L1207 561L1140 574L1068 582L994 585L921 581L851 574L783 565L715 555L648 541L589 522L542 497L509 469L488 439L477 408L475 378L483 348L502 318L529 290L561 263L600 237L650 213L712 194L782 183L856 178L929 178L1001 179L1073 183L1142 191L1209 204L1271 220L1328 240L1378 264L1416 291L1439 321L1445 352ZM1508 380L1495 414L1471 446L1439 477L1401 506L1354 534L1296 557L1228 576L1155 591L1078 602L998 608L916 609L836 602L761 589L691 572L626 553L564 532L509 507L466 477L438 445L423 412L418 378L424 344L443 310L476 279L521 251L574 226L631 203L694 181L765 164L844 154L926 151L1007 154L1086 160L1163 170L1235 185L1301 205L1357 229L1406 256L1449 284L1483 315L1504 349ZM1550 380L1536 416L1514 451L1483 486L1441 518L1386 546L1319 570L1246 589L1169 606L1088 619L1001 628L912 629L824 623L740 611L659 595L582 576L513 551L458 521L418 487L392 451L376 414L369 377L376 340L399 305L438 271L487 241L542 213L603 188L673 166L752 149L836 139L923 135L1011 134L1100 137L1187 146L1269 162L1341 185L1403 212L1458 242L1503 274L1536 309L1551 346ZM1589 380L1588 419L1574 459L1542 498L1492 532L1430 563L1359 591L1281 615L1195 633L1101 644L1005 647L910 644L817 637L725 626L637 611L557 589L488 561L430 529L380 494L340 458L314 418L309 377L324 337L353 298L391 262L438 227L497 195L568 169L649 148L736 132L826 119L919 110L1016 108L1113 114L1204 128L1288 148L1366 172L1436 199L1496 231L1540 267L1567 305L1582 344ZM1661 380L1653 424L1625 466L1582 506L1530 543L1467 578L1393 609L1305 632L1209 649L1109 659L1008 664L905 666L803 661L705 648L614 627L532 602L456 573L387 541L330 504L291 464L272 421L268 377L276 334L295 291L330 249L385 212L456 179L537 152L624 129L716 109L814 96L917 91L1019 94L1119 103L1216 116L1310 132L1398 155L1473 185L1534 220L1583 258L1621 299L1649 341ZM1707 380L1690 426L1659 470L1618 513L1567 554L1502 592L1421 624L1328 649L1227 669L1122 684L1012 692L900 693L791 683L688 666L592 644L500 618L415 589L340 554L284 514L248 469L227 423L220 377L226 330L252 285L297 242L359 204L430 169L507 136L595 107L693 85L802 72L913 68L1024 71L1133 79L1239 92L1339 112L1428 140L1505 173L1573 210L1631 249L1678 292L1704 338ZM1750 380L1751 430L1727 479L1679 525L1612 567L1534 604L1448 638L1351 666L1244 687L1131 700L1015 707L897 709L778 706L662 693L554 671L461 639L382 602L313 562L253 520L205 475L177 426L170 377L179 327L203 278L243 231L302 187L382 150L477 120L579 95L684 75L794 58L910 47L1029 45L1147 54L1259 71L1365 94L1463 122L1549 156L1617 197L1668 242L1705 288L1733 336ZM1797 380L1799 433L1776 486L1726 535L1658 580L1577 621L1485 658L1381 688L1265 709L1142 721L1018 725L894 724L771 719L649 707L533 686L429 655L338 619L258 577L190 532L140 483L116 430L118 377L140 324L173 274L216 225L275 179L352 138L446 103L551 74L662 50L781 31L906 20L1035 21L1159 33L1277 53L1387 78L1490 108L1582 144L1656 186L1712 233L1751 283L1781 333ZM1838 380L1826 434L1801 489L1760 542L1697 591L1611 635L1511 672L1402 704L1284 730L1157 750L1023 758L889 754L759 741L634 723L514 700L402 670L304 632L225 587L163 538L113 486L76 432L58 376L67 320L104 265L161 214L232 167L314 123L411 84L523 54L646 33L775 20L905 12L1037 9L1170 14L1300 30L1419 56L1525 90L1622 129L1707 172L1775 221L1820 274L1838 330Z' stroke-width='3'/%3E%3Cpath d='M928 439L921 453M913 438L902 451M897 435L883 448M883 433L865 445M868 429L848 441M855 425L832 435M843 420L817 429M1092 411L1122 418M1081 418L1108 426M1068 424L1092 434M1053 429L1074 440M1036 433L1054 445M1019 436L1033 449M1001 438L1011 452M983 439L988 453M964 440L965 454M946 440L942 454M1045 454L1060 467M1024 457L1035 471M1002 459L1010 473M980 461L984 475M958 461L958 475M936 461L932 475M915 459L907 473M893 457L882 470M872 454L857 467M852 450L834 462M833 444L811 456M779 453L754 462M759 443L732 452M742 433L713 440M729 422L698 428M719 410L687 415M714 398L680 401M711 386L677 387M712 374L679 373M818 295L798 283M843 287L827 275M870 281L858 268M899 277L891 263M930 275L926 260M662 376L628 376M666 362L633 359M675 347L642 343M687 333L655 328M702 320L672 313M721 307L693 299M611 387L577 388M613 370L579 369M619 353L586 351M630 337L597 333M645 321L614 315M663 306L634 299M685 292L658 283M711 279L687 269M740 267L718 256M772 257L754 245M807 248L792 235M844 241L833 227M883 236L876 222M668 495L643 505M636 480L609 488M610 463L581 470M589 445L558 450M574 426L541 430M720 221L702 209M764 210L750 197M811 201L800 188M860 195L852 181M910 191L907 177M962 190L962 175M1013 191L1017 177M1063 195L1071 181M1112 202L1123 188M1158 211L1173 198M1202 222L1220 210M528 279L498 272M560 257L532 249M597 238L572 228M640 220L618 209M687 205L669 193M739 192L724 179M794 181L783 168M852 174L845 160M912 170L909 155M505 298L473 293M534 274L505 267M570 252L543 243M612 231L588 221M659 213L639 202M712 198L696 185M770 185L757 172M831 176L822 162M414 405L380 407M412 378L378 378M417 352L383 350M429 326L396 322M449 300L417 295M475 276L444 269M507 253L478 245M545 231L519 222M588 212L565 201M636 194L616 183M689 179L672 167M471 279L440 273M501 257L472 249M537 235L510 226M577 216L554 206M623 199L602 187M673 183L656 171M727 171L713 158M373 335L339 333M391 306L358 302M417 278L385 272M450 251L421 244M490 227L463 218M1556 405L1589 407M1545 435L1578 438M1526 464L1558 469M1498 492L1529 499M1463 518L1491 526M1419 542L1445 552M1369 564L1392 574M1313 583L1333 594M1252 599L1268 611M1187 611L1200 624M1119 620L1128 634M527 178L504 168M591 156L571 144M661 138L645 125M737 123L725 110M816 113L809 99M899 107L895 93M982 106L983 92M317 419L283 421M311 388L277 388M315 357L281 356M326 326L293 323M346 296L314 292M373 267L342 261M742 657L731 671M667 645L652 658M595 630L577 642M528 611L507 622M466 589L442 599M411 563L385 572M364 536L335 543M325 506L295 512M263 269L231 264M301 234L271 228M348 202L320 194M403 172L378 162M467 144L444 134M538 121L519 109M615 100L600 88M698 84L686 71M785 73L777 59M875 66L872 52M967 64L967 49M1058 67L1063 52M859 67L854 52M953 64L953 49M1048 66L1052 52M1141 73L1149 60M1230 86L1243 73M1315 103L1331 90M1394 124L1414 113M1466 150L1489 139M1530 179L1556 170M1585 211L1614 203M1631 245L1662 239M1667 281L1699 277M1081 709L1087 723M983 713L984 727M883 712L880 726M785 705L778 719M689 694L678 707M597 678L582 691M511 657L492 669M431 632L408 643M359 602L334 612M297 569L269 577M246 533L216 540M206 495L174 499M1755 359L1789 359M1757 397L1791 398M1748 435L1782 437M1730 472L1762 476M1701 508L1732 513M1662 542L1692 549M1614 574L1642 582M1557 604L1583 613M1493 630L1516 641M473 672L454 684M390 645L368 656M316 614L291 623M252 579L224 587M199 541L169 547M158 500L126 505M130 458L97 461M114 414L81 416M112 371L78 370M1805 410L1839 411M1792 452L1826 455M1767 493L1799 497M1730 532L1760 538M1681 570L1710 577M1622 604L1649 613M1554 635L1577 645M1477 663L1497 674M1392 686L1410 698M1302 705L1316 718' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") center bottom / 100% 58% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 760' preserveAspectRatio='none'%3E%3Cg stroke='%23fff' fill='none' stroke-linecap='round'%3E%3Cpath d='M1091 380L1089 388L1087 396L1085 405L1078 414L1067 422L1051 428L1032 433L1011 436L990 436L969 436L949 434L930 433L910 432L888 431L867 427L850 422L837 414L829 405L826 396L825 388L826 379L829 371L832 362L836 354L842 345L852 337L867 330L887 325L909 324L931 323L951 324L971 324L991 325L1011 326L1032 329L1051 333L1069 338L1083 345L1092 354L1095 363L1093 372ZM1163 380L1161 392L1151 404L1135 415L1116 425L1095 433L1073 439L1048 445L1024 449L998 452L972 456L945 459L915 460L885 458L857 453L833 445L812 436L796 426L786 414L781 402L781 390L784 379L786 368L788 357L794 345L803 334L818 323L838 314L861 306L887 300L917 297L947 297L976 300L1003 305L1027 310L1051 315L1073 322L1094 329L1113 337L1130 346L1146 357L1158 368ZM1191 380L1184 394L1176 408L1166 421L1152 435L1133 447L1109 459L1082 469L1050 478L1015 484L977 486L940 484L904 479L872 471L843 463L815 455L791 444L770 433L751 421L735 408L720 394L711 379L709 363L718 347L735 333L757 320L783 309L813 300L845 294L878 290L912 287L945 285L980 283L1016 282L1052 284L1087 290L1118 298L1146 309L1169 321L1186 336L1195 351L1195 366ZM1243 380L1239 397L1232 415L1219 432L1199 448L1172 463L1140 475L1105 486L1066 495L1024 501L980 503L936 502L894 497L854 491L815 483L779 473L748 461L722 447L701 431L683 414L670 397L663 378L666 360L679 342L698 325L722 310L749 296L782 284L818 274L858 268L900 263L942 260L985 259L1028 260L1071 265L1110 273L1145 284L1177 297L1205 312L1226 328L1239 345L1244 363ZM1308 380L1302 401L1287 422L1266 442L1240 460L1209 477L1171 492L1127 502L1080 510L1032 515L983 519L933 520L883 518L835 511L790 501L748 490L708 476L673 460L646 442L628 421L619 400L616 378L619 357L630 335L650 315L679 297L714 282L753 269L795 257L840 247L889 241L939 239L989 240L1038 244L1086 249L1133 257L1177 268L1214 283L1244 301L1270 319L1291 339L1304 360ZM1343 380L1348 404L1342 429L1322 453L1289 474L1248 492L1201 507L1151 520L1098 529L1043 535L986 539L929 541L870 540L811 536L755 526L708 510L671 491L641 469L616 448L595 425L580 402L573 378L574 354L583 329L601 305L629 283L670 264L719 250L772 240L826 232L880 224L936 218L994 216L1053 218L1110 225L1164 236L1212 250L1253 268L1285 289L1306 312L1321 335L1333 358ZM1409 380L1402 408L1382 434L1354 460L1320 483L1280 505L1232 524L1176 538L1116 549L1054 557L990 562L924 565L858 562L794 554L735 540L682 524L634 505L592 483L560 459L540 432L531 405L529 378L532 351L542 324L563 297L596 273L639 252L688 233L742 217L801 204L865 196L932 194L998 197L1061 203L1123 211L1183 222L1238 237L1285 256L1324 278L1357 302L1384 328L1403 355ZM1440 380L1429 409L1415 439L1396 468L1366 496L1323 522L1269 543L1207 561L1140 574L1068 582L994 585L921 581L851 574L783 565L715 555L648 541L589 522L542 497L509 469L488 439L477 408L475 378L483 348L502 318L529 290L561 263L600 237L650 213L712 194L782 183L856 178L929 178L1001 179L1073 183L1142 191L1209 204L1271 220L1328 240L1378 264L1416 291L1439 321L1445 352ZM1508 380L1495 414L1471 446L1439 477L1401 506L1354 534L1296 557L1228 576L1155 591L1078 602L998 608L916 609L836 602L761 589L691 572L626 553L564 532L509 507L466 477L438 445L423 412L418 378L424 344L443 310L476 279L521 251L574 226L631 203L694 181L765 164L844 154L926 151L1007 154L1086 160L1163 170L1235 185L1301 205L1357 229L1406 256L1449 284L1483 315L1504 349ZM1550 380L1536 416L1514 451L1483 486L1441 518L1386 546L1319 570L1246 589L1169 606L1088 619L1001 628L912 629L824 623L740 611L659 595L582 576L513 551L458 521L418 487L392 451L376 414L369 377L376 340L399 305L438 271L487 241L542 213L603 188L673 166L752 149L836 139L923 135L1011 134L1100 137L1187 146L1269 162L1341 185L1403 212L1458 242L1503 274L1536 309L1551 346ZM1589 380L1588 419L1574 459L1542 498L1492 532L1430 563L1359 591L1281 615L1195 633L1101 644L1005 647L910 644L817 637L725 626L637 611L557 589L488 561L430 529L380 494L340 458L314 418L309 377L324 337L353 298L391 262L438 227L497 195L568 169L649 148L736 132L826 119L919 110L1016 108L1113 114L1204 128L1288 148L1366 172L1436 199L1496 231L1540 267L1567 305L1582 344ZM1661 380L1653 424L1625 466L1582 506L1530 543L1467 578L1393 609L1305 632L1209 649L1109 659L1008 664L905 666L803 661L705 648L614 627L532 602L456 573L387 541L330 504L291 464L272 421L268 377L276 334L295 291L330 249L385 212L456 179L537 152L624 129L716 109L814 96L917 91L1019 94L1119 103L1216 116L1310 132L1398 155L1473 185L1534 220L1583 258L1621 299L1649 341ZM1707 380L1690 426L1659 470L1618 513L1567 554L1502 592L1421 624L1328 649L1227 669L1122 684L1012 692L900 693L791 683L688 666L592 644L500 618L415 589L340 554L284 514L248 469L227 423L220 377L226 330L252 285L297 242L359 204L430 169L507 136L595 107L693 85L802 72L913 68L1024 71L1133 79L1239 92L1339 112L1428 140L1505 173L1573 210L1631 249L1678 292L1704 338ZM1750 380L1751 430L1727 479L1679 525L1612 567L1534 604L1448 638L1351 666L1244 687L1131 700L1015 707L897 709L778 706L662 693L554 671L461 639L382 602L313 562L253 520L205 475L177 426L170 377L179 327L203 278L243 231L302 187L382 150L477 120L579 95L684 75L794 58L910 47L1029 45L1147 54L1259 71L1365 94L1463 122L1549 156L1617 197L1668 242L1705 288L1733 336ZM1797 380L1799 433L1776 486L1726 535L1658 580L1577 621L1485 658L1381 688L1265 709L1142 721L1018 725L894 724L771 719L649 707L533 686L429 655L338 619L258 577L190 532L140 483L116 430L118 377L140 324L173 274L216 225L275 179L352 138L446 103L551 74L662 50L781 31L906 20L1035 21L1159 33L1277 53L1387 78L1490 108L1582 144L1656 186L1712 233L1751 283L1781 333ZM1838 380L1826 434L1801 489L1760 542L1697 591L1611 635L1511 672L1402 704L1284 730L1157 750L1023 758L889 754L759 741L634 723L514 700L402 670L304 632L225 587L163 538L113 486L76 432L58 376L67 320L104 265L161 214L232 167L314 123L411 84L523 54L646 33L775 20L905 12L1037 9L1170 14L1300 30L1419 56L1525 90L1622 129L1707 172L1775 221L1820 274L1838 330Z' stroke-width='3'/%3E%3Cpath d='M928 439L921 453M913 438L902 451M897 435L883 448M883 433L865 445M868 429L848 441M855 425L832 435M843 420L817 429M1092 411L1122 418M1081 418L1108 426M1068 424L1092 434M1053 429L1074 440M1036 433L1054 445M1019 436L1033 449M1001 438L1011 452M983 439L988 453M964 440L965 454M946 440L942 454M1045 454L1060 467M1024 457L1035 471M1002 459L1010 473M980 461L984 475M958 461L958 475M936 461L932 475M915 459L907 473M893 457L882 470M872 454L857 467M852 450L834 462M833 444L811 456M779 453L754 462M759 443L732 452M742 433L713 440M729 422L698 428M719 410L687 415M714 398L680 401M711 386L677 387M712 374L679 373M818 295L798 283M843 287L827 275M870 281L858 268M899 277L891 263M930 275L926 260M662 376L628 376M666 362L633 359M675 347L642 343M687 333L655 328M702 320L672 313M721 307L693 299M611 387L577 388M613 370L579 369M619 353L586 351M630 337L597 333M645 321L614 315M663 306L634 299M685 292L658 283M711 279L687 269M740 267L718 256M772 257L754 245M807 248L792 235M844 241L833 227M883 236L876 222M668 495L643 505M636 480L609 488M610 463L581 470M589 445L558 450M574 426L541 430M720 221L702 209M764 210L750 197M811 201L800 188M860 195L852 181M910 191L907 177M962 190L962 175M1013 191L1017 177M1063 195L1071 181M1112 202L1123 188M1158 211L1173 198M1202 222L1220 210M528 279L498 272M560 257L532 249M597 238L572 228M640 220L618 209M687 205L669 193M739 192L724 179M794 181L783 168M852 174L845 160M912 170L909 155M505 298L473 293M534 274L505 267M570 252L543 243M612 231L588 221M659 213L639 202M712 198L696 185M770 185L757 172M831 176L822 162M414 405L380 407M412 378L378 378M417 352L383 350M429 326L396 322M449 300L417 295M475 276L444 269M507 253L478 245M545 231L519 222M588 212L565 201M636 194L616 183M689 179L672 167M471 279L440 273M501 257L472 249M537 235L510 226M577 216L554 206M623 199L602 187M673 183L656 171M727 171L713 158M373 335L339 333M391 306L358 302M417 278L385 272M450 251L421 244M490 227L463 218M1556 405L1589 407M1545 435L1578 438M1526 464L1558 469M1498 492L1529 499M1463 518L1491 526M1419 542L1445 552M1369 564L1392 574M1313 583L1333 594M1252 599L1268 611M1187 611L1200 624M1119 620L1128 634M527 178L504 168M591 156L571 144M661 138L645 125M737 123L725 110M816 113L809 99M899 107L895 93M982 106L983 92M317 419L283 421M311 388L277 388M315 357L281 356M326 326L293 323M346 296L314 292M373 267L342 261M742 657L731 671M667 645L652 658M595 630L577 642M528 611L507 622M466 589L442 599M411 563L385 572M364 536L335 543M325 506L295 512M263 269L231 264M301 234L271 228M348 202L320 194M403 172L378 162M467 144L444 134M538 121L519 109M615 100L600 88M698 84L686 71M785 73L777 59M875 66L872 52M967 64L967 49M1058 67L1063 52M859 67L854 52M953 64L953 49M1048 66L1052 52M1141 73L1149 60M1230 86L1243 73M1315 103L1331 90M1394 124L1414 113M1466 150L1489 139M1530 179L1556 170M1585 211L1614 203M1631 245L1662 239M1667 281L1699 277M1081 709L1087 723M983 713L984 727M883 712L880 726M785 705L778 719M689 694L678 707M597 678L582 691M511 657L492 669M431 632L408 643M359 602L334 612M297 569L269 577M246 533L216 540M206 495L174 499M1755 359L1789 359M1757 397L1791 398M1748 435L1782 437M1730 472L1762 476M1701 508L1732 513M1662 542L1692 549M1614 574L1642 582M1557 604L1583 613M1493 630L1516 641M473 672L454 684M390 645L368 656M316 614L291 623M252 579L224 587M199 541L169 547M158 500L126 505M130 458L97 461M114 414L81 416M112 371L78 370M1805 410L1839 411M1792 452L1826 455M1767 493L1799 497M1730 532L1760 538M1681 570L1710 577M1622 604L1649 613M1554 635L1577 645M1477 663L1497 674M1392 686L1410 698M1302 705L1316 718' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") center bottom / 100% 58% no-repeat;
  /* La inclinacion va horneada en la mascara (preserveAspectRatio='none' mas
     mask-size al 58% de alto): capa plana, sin transform 3D ni composicion
     aparte. Al cargar solo se funde la opacidad, que es lo mas barato que hay */
  animation: terraces-in 1.6s var(--ease) both;
}
@keyframes terraces-in {
  from { opacity: 0; }
  to { opacity: 0.28; }
}
@media (prefers-reduced-motion: reduce) {
  .masthead2::after {
    animation: none;
  }
}
/* Halo de luz, mismo que en .masthead de ficha20 */
.masthead2::before {
  content: "";
  position: absolute;
  left: 30%;
  top: 34%;
  translate: -50% -50%;
  z-index: 0;
  pointer-events: none;
  width: 420px;
  aspect-ratio: 1;
  background: radial-gradient(circle, rgba(255, 191, 43, 0.3) 0%, rgba(255, 191, 43, 0) 80%);
}
.mast2-inner {
  position: relative;
  z-index: 1;
  grid-template-rows: auto auto 1fr auto;
  min-height: 100dvh;
}
/* La cabecera de sitio ya va dentro del contenedor: no repite tope ni --edge */
.masthead2 .site-header {
  grid-column: 1 / -1;
  grid-row: 1;
  max-width: none;
  padding-inline: 0;
}
.mast2-title {
  grid-column: 1 / span 7;
  grid-row: 2;
  margin: var(--space-16) 0 0;
  font-size: var(--text-h1);
  line-height: var(--leading-h1);
  letter-spacing: -0.02em;
  color: var(--ink-light);
  text-wrap: balance;
}
/* Pie de la banda: pares rotulo/dato en mono. El dl comparte los tracks del
   contenedor con subgrid, asi las tres celdas (dos pares y la flecha, que va
   fuera del dl porque un dl solo admite dt/dd) caen en la misma reticula */
.metas {
  grid-column: 1 / -1;
  grid-row: 4;
  grid-template-columns: subgrid;
  align-items: start;
  margin: 0 0 var(--space-12);
  font-family: var(--mono);
  font-size: var(--text-xs);
  line-height: var(--leading-xs);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.metas > div:first-child {
  grid-column: 1 / span 2;
}
.metas > div:nth-child(2) {
  grid-column: 3 / span 3;
}
/* Avatares del equipo: mismo apilado que en el pie del club */
.metas-avatars {
  display: flex;
  align-items: center;
}
.metas-avatars a {
  display: block;
  transition: translate 0.4s var(--ease);
}
.metas-avatars a:hover {
  translate: 0 calc(-1 * var(--space-1));
}
.metas-avatars img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid var(--dark);
  object-fit: cover;
}
.metas-avatars > * + * {
  margin-left: calc(-1 * var(--space-3));
}
.metas dt {
  color: var(--cream);
}
.metas dd {
  margin: var(--space-1) 0 0;
  white-space: nowrap;
  color: var(--veil-70);
}
/* Flecha de bajada: ultima columna de la reticula, cualquiera sea su numero */
.metas-arrow {
  grid-column: -2;
  grid-row: 4;
  justify-self: end;
  align-self: end;
  margin-bottom: var(--space-12);
  color: var(--cream);
  transition: translate 0.4s var(--ease);
}
.metas-arrow:hover {
  color: var(--cream);
  translate: 0 var(--space-1);
}
.metas-arrow svg {
  display: block;
}
/* El logotipo de la banda: mismo trato que en .masthead */
.masthead2 .logo-link,
.masthead2 .logo-link:hover,
.masthead2 .logo-link:focus-visible {
  color: var(--ink-light);
}
@media (max-width: 960px) {
  .mast2-title {
    grid-column: 1 / -1;
  }
  /* Compartir es de escritorio, igual que en .masthead */
  .masthead2 .description-share {
    display: none;
  }
  /* Cuatro columnas: par, par, flecha. Siempre en fila, nunca apilados */
  .metas > div:first-child {
    grid-column: 1 / span 1;
  }
  .metas > div:nth-child(2) {
    grid-column: 2 / span 2;
  }
}
@media (max-width: 767px) {
  /* La reticula baja a 2 columnas (1 en 479) y no da para las tres celdas:
     el dl declara aqui sus propios tracks, par + par + hueco de la flecha,
     que sigue anclada a la ultima columna del contenedor */
  .metas {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) var(--space-10);
    column-gap: var(--space-6);
    font-size: var(--label);
  }
  .metas > div:first-child {
    grid-column: 1;
  }
  .metas > div:nth-child(2) {
    grid-column: 2;
  }
  .metas-arrow svg {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 767px) {
  .detail[open] {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    align-content: center;
    row-gap: var(--space-8);
    padding-block: var(--space-12) var(--space-16);
    overflow-y: auto;
  }
  .detail-figure,
  .detail-figure img {
    max-height: 42dvh;
  }
  .detail-body {
    max-width: none;
    font-size: var(--text-lg);
    line-height: var(--leading-28);
  }
}

/* ================= Animaciones de Eric (las mismas que en la ficha 19) =================
   Apertura por palabras con barra de cursor (hero-words.js), apariciones GSAP
   (reveal.js), firmas que se trazan al llegar y visor del collage con viaje
   (ficha.js). El layout de Isabella no se toca: solo se anima lo que ya esta. */

/* ---- Apertura: la proclama se recorre palabra a palabra (html.hero-words) ----
   Cada palabra existe desde el principio (invisible): el parrafo no cambia de
   forma ni de saltos de linea mientras se recorre */
.hero3-claim .tw-w { position: relative; }
.hero3-claim .tw-t {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.32s var(--ease);
}
.hero3-claim .tw-w.is-on .tw-t {
  visibility: visible;
  opacity: 1;
}
/* La barra de cursor: un filete a la derecha de la ultima palabra escrita (a la
   izquierda de la primera mientras espera). No ocupa sitio ni mueve la frase. */
.hero3-claim .tw-w.is-cur::after {
  content: "";
  position: absolute;
  top: 0.07em;
  right: -0.14em;
  width: 0.045em;
  height: 0.84em;
  background: currentColor;
  visibility: visible;
}
.hero3-claim .tw-w.is-cur.is-pre::after { right: auto; left: -0.16em; }
/* Parpadea solo cuando espera (antes de arrancar y al terminar), no mientras avanza */
.hero3-claim .tw-w.is-cur.is-idle::after { animation: tw-blink 1.05s steps(1, end) infinite; }
@keyframes tw-blink { 50% { opacity: 0; } }
html.tw-skip .hero3-claim .tw-t { transition: none; }
/* La cabecera espera a que la proclama este escrita y entra desde arriba */
html.hero-words .masthead > .site-header { opacity: 0; }
html.hero-words:not(.hero-done) .masthead > .site-header { pointer-events: none; }
html.hero-words.hero-done .masthead > .site-header {
  animation: hero-drop 1.05s var(--ease) 0.5s both;
}
@keyframes hero-drop {
  from { opacity: 0; transform: translateY(-12px); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  html.hero-words .masthead > .site-header { opacity: 1; animation: none; }
  .hero3-claim .tw-t { visibility: visible; opacity: 1; transition: none; }
  .hero3-claim .tw-w.is-cur::after { display: none; }
}

/* ---- Las firmas se trazan al llegar a su banda ----
   Una mascara barre el manuscrito de izquierda a derecha, como si la pluma
   escribiera. Un solo pase; la clase sig-inked la pone ficha.js. */
@media (prefers-reduced-motion: no-preference) {
  body.lay-launch .launch-essay > .essay-signature,
  body.lay-launch .launch-essay > .essay-signature2,
  body.lay-launch .launch-legacy > .legacy-signature {
    -webkit-mask-image: linear-gradient(102deg, #000 42%, rgb(0 0 0 / 0) 58%);
    mask-image: linear-gradient(102deg, #000 42%, rgb(0 0 0 / 0) 58%);
    -webkit-mask-size: 260% 100%;
    mask-size: 260% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
    transition: -webkit-mask-position 1.8s linear, mask-position 1.8s linear;
  }
  body.lay-launch .launch-essay.sig-inked > .essay-signature,
  body.lay-launch .launch-essay.sig-inked > .essay-signature2,
  body.lay-launch .launch-legacy.sig-inked > .legacy-signature {
    -webkit-mask-position: 0% 0;
    mask-position: 0% 0;
  }
  /* La segunda firma espera a que la primera casi acabe, como quien firma dos veces */
  body.lay-launch .launch-essay.sig-inked > .essay-signature2 { transition-delay: 1.1s; }
}

/* ---- El visor de detalle viaja ----
   La pieza clicada se levanta del collage (su hueco queda vacio) y vuela hasta
   su sitio en el visor; al cerrar hace el camino de vuelta. El viaje lo lleva
   ficha.js con GSAP; aqui, el velo y el hueco. */
.legacy-collage figure.is-lifted img { visibility: hidden; }
@keyframes detail-veil { from { opacity: 0; } }
.detail[open]::backdrop { animation: detail-veil 0.45s var(--ease) both; }
@keyframes detail-veil-out { to { opacity: 0; } }
.detail[open].is-closing::backdrop { animation: detail-veil-out 0.55s var(--ease) both; }
@media (prefers-reduced-motion: reduce) {
  .detail[open]::backdrop,
  .detail[open].is-closing::backdrop { animation: none; }
}