.sn-portada { position: relative; overflow: clip; padding: calc(var(--cabecera-alto) + clamp(48px, 9vh, 96px)) 0 clamp(40px, 6vh, 64px); }
.sn-portada__lamina { padding-inline: var(--margen); margin-bottom: clamp(16px, 2.6vh, 28px); }
.sn-titulo { padding-inline: var(--margen); white-space: nowrap; }
.sn-titulo em { padding-right: 0.08em; }
.sn-portada__pie { row-gap: clamp(24px, 4vh, 40px); align-items: end; margin-top: clamp(20px, 4vh, 48px); }
.sn-jaguar { position: relative; aspect-ratio: 860 / 458; width: min(100%, 300px); }
.sn-jaguar > i { position: absolute; inset: 0; -webkit-mask-size: 186.05% 129.69%; mask-size: 186.05% 129.69%;
  -webkit-mask-position: 0 100%; mask-position: 0 100%; will-change: transform; }
.sn-portada__texto { display: grid; gap: clamp(20px, 3vh, 28px); }
.sn-portada__bajada { max-width: 25ch; }
.sn-portada__prosa { color: var(--ceniza); font-size: var(--t-cuerpo); line-height: 1.5; max-width: 46ch; }
@media (min-width: 900px) {
  .sn-portada__texto { grid-row: 1; }
  .sn-jaguar { grid-row: 1; margin-bottom: 0.4em; width: auto; justify-self: stretch; }
}
.sn-amazonas { position: relative; overflow: clip; padding-block: var(--seccion) clamp(56px, 8vh, 88px); }
.sn-amazonas__cabeza { row-gap: clamp(20px, 3.4vh, 36px); align-items: end; }
.sn-amazonas__titular em { display: block; }
.sn-amazonas__entrada { max-width: 27ch; }
@media (min-width: 900px) { .sn-amazonas__entrada { padding-bottom: 0.3em; } }
.sn-frontera { position: relative; display: flex; flex-direction: column; align-items: flex-start; margin: clamp(32px, 5vh, 56px) 0 clamp(32px, 5vh, 52px); padding: 0 var(--margen) 0.2em;
  font-family: var(--serif); font-size: var(--display-3); line-height: 0.95; letter-spacing: -0.02em; font-style: italic; color: var(--hueso); }
.sn-frontera > span:nth-child(2) { padding-left: 1.4em; color: var(--tinta); }
.sn-frontera > span:nth-child(3) { padding-left: 0.5em; }
.sn-frontera__linea { position: absolute; left: 50%; bottom: -0.32em; width: clamp(96px, 12vw, 150px); aspect-ratio: 360 / 140; transform: translateX(-50%); background: var(--tinta); opacity: 0.8;
  -webkit-mask: url(/img/rama.webp?v=291d6d94) center / contain no-repeat; mask: url(/img/rama.webp?v=291d6d94) center / contain no-repeat; }
@media (max-width: 899.98px) { .sn-frontera__linea { left: auto; right: var(--margen); bottom: 0.1em; transform: none; } }
@media (min-width: 900px) {
  .sn-frontera { flex-direction: row; justify-content: center; align-items: baseline; font-size: var(--t-titular); white-space: nowrap; }
  .sn-frontera > span:nth-child(2), .sn-frontera > span:nth-child(3) { padding-left: 0; }
  .sn-frontera > span:nth-child(2) { color: var(--hueso); }
  .sn-frontera > span + span::before { content: ''; display: inline-block; width: 0.3em; height: 0.3em; margin: 0 0.4em; vertical-align: 0.12em; background: var(--tinta); -webkit-mask: url(/img/flor.webp?v=cdd0c378) center / contain no-repeat; mask: url(/img/flor.webp?v=cdd0c378) center / contain no-repeat; }
  .sn-frontera { padding-bottom: 0.5em; }
}
.sn-cifra { align-items: end; row-gap: 22px; }
.sn-cifra__numero { display: grid; justify-items: start; gap: 12px; }
.sn-cifra__mas { color: var(--ceniza); }
.sn-cifra__cifra { display: block; font-size: calc(var(--display-1) * 2.1); line-height: 0.74; color: var(--tinta); margin-left: -0.035em; margin-top: -0.2em; }
.sn-cifra__cifra .cifra { letter-spacing: -0.03em; text-align: left; }
.sn-cifra__frase { max-width: 27ch; }
@media (max-width: 899.98px) { .sn-cifra__cifra { margin-bottom: 0.06em; } }
@media (min-width: 900px) { .sn-cifra__cifra { font-size: calc(var(--display-1) * 1.3); } .sn-cifra__frase { padding-bottom: 0.1em; } }
.sn-ensayo { position: relative; padding-block: clamp(64px, 9vh, 96px) clamp(48px, 7vh, 72px); }
.sn-ensayo__rejilla { row-gap: 32px; align-items: end; }
.sn-aerea { aspect-ratio: 10 / 6; margin-inline: calc(var(--margen) * -1); --penumbra: 0.4; --radio: clamp(120px, 13vw, 200px); }
.sn-aerea::after { content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: 0.85;
  background: radial-gradient(120% 120% at 50% 45%, transparent 48%, rgba(10, 9, 7, 0.72)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.7 -.18'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: auto, 200px 200px; }
.sn-ensayo__texto { display: grid; gap: 22px; }
@media (min-width: 900px) {
  .sn-aerea { margin-inline: 0; aspect-ratio: 16 / 9; }
  .sn-ensayo__texto { padding-bottom: 0.4em; }
}
.sn-herbario { position: relative; padding-bottom: clamp(56px, 8vh, 80px); }
.sn-herbario__cabeza { row-gap: clamp(18px, 3vh, 28px); padding-bottom: clamp(32px, 4.5vh, 44px); }
.sn-cita { margin: 0; }
.sn-cita > p { font-family: var(--serif); font-style: italic; text-wrap: balance; }
.sn-cita em { font-style: italic; }
.sn-hojas { display: grid; }
.sn-hoja { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr); gap: 0 var(--canal); align-items: end; padding: 22px var(--margen) 26px; }
.sn-hoja__num { grid-column: 1 / -1; color: var(--tinta-texto); margin-bottom: 6px; }
.sn-hoja__figura { --alto: 216px; position: relative; height: var(--alto); display: grid; place-items: center; }
.sn-hoja__selva { position: absolute; inset: -6px -14px; --radio: clamp(120px, 15vw, 230px); }
.sn-hoja__animal { position: absolute; inset: 0; opacity: 0.4; -webkit-mask-size: contain; mask-size: contain; }
.sn-hoja__selva.penumbra > .sn-hoja__animal { color: var(--hueso); opacity: 0.07; transition: opacity 0.7s var(--expo); }
.sn-hoja__selva .penumbra__luz .sn-hoja__animal { opacity: 0.62; }
.sn-hoja--guacamaya .sn-hoja__animal { inset: 0 8%; }
.sn-hoja--rana .sn-hoja__animal { inset: 12% 0 6%; }
.sn-hoja__frasco { position: relative; z-index: 2; height: var(--alto); --penumbra: 0.62; --radio: clamp(120px, 15vw, 230px); }
.sn-hoja__pie { display: grid; justify-items: start; gap: 4px; padding-bottom: 2px; }
.sn-hoja__nombre { line-height: 1; transition: color 0.5s var(--expo); }
.sn-hoja__y { white-space: nowrap; }
.sn-hoja__nombre em { color: var(--tinta); }
.sn-hoja__enlace { display: inline-flex; align-items: center; min-height: 44px; white-space: nowrap; }
.sn-hoja__precio { display: flex; align-items: baseline; gap: 12px; color: var(--ceniza); margin: 2px 0 14px; }
.sn-hoja__precio .precio { font-size: 1.375rem; color: var(--hueso); }
.sn-hoja__boton { min-width: 132px; }
.sn-hoja__figura { transition: opacity 0.7s var(--expo); }
@media (hover: hover) {
  .sn-hoja:hover .sn-hoja__nombre { color: var(--tinta-texto); }
  .sn-hojas:hover .sn-hoja:not(:hover) .sn-hoja__figura { opacity: 0.55; }
}
.sn-hoja:focus-within .sn-hoja__nombre { color: var(--tinta-texto); }
@media (min-width: 900px) {
  .sn-hojas { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-inline: var(--margen); }
  .sn-hoja { grid-template-columns: minmax(0, 1fr); align-items: start; padding: 24px clamp(20px, 2.4vw, 40px) 30px; }
  .sn-hoja:first-child { padding-left: 0; }
  .sn-hoja:last-child { padding-right: 0; }
  .sn-hoja__figura { --alto: min(38vh, 340px); margin-block: 8px 20px; }
  .sn-hoja__selva { inset: 0; }
  .sn-hoja__pie { grid-template-columns: 1fr auto; align-items: end; gap: 2px 16px; }
  .sn-hoja__nombre, .sn-hoja__enlace, .sn-hoja__precio { grid-column: 1; }
  .sn-hoja__precio { margin: 0; }
  .sn-hoja__boton { grid-column: 2; grid-row: 1 / span 3; align-self: end; }
}
@media (min-width: 900px) and (max-width: 1179.98px) {
  .sn-hoja__pie { grid-template-columns: minmax(0, 1fr); }
  .sn-hoja__boton { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 14px; }
}
.sn-hoja__precio .micro { white-space: nowrap; }
.sn-puente { row-gap: 28px; align-items: start; padding-top: clamp(40px, 5.5vh, 56px); }
.sn-puente__prosa { font-size: var(--t-cuerpo); line-height: 1.5; color: var(--ceniza); }
.sn-puente__cita > p { max-width: 17em; }
.sn-libre { position: relative; }
.sn-libre__fija { padding: var(--seccion) var(--margen) 0; }
.sn-libre__lamina { margin-bottom: clamp(20px, 3.4vh, 36px); }
.sn-libre__titular em { display: block; }
.sn-libre__cita { margin: clamp(18px, 3vh, 30px) 0 0; }
.sn-libre__cita > p { font-family: var(--serif); font-style: italic; line-height: 1.04; max-width: 12.6em; }
.sn-libre__cita em { font-style: italic; }
.sn-libre .palabra { will-change: opacity; }
.sn-libre__texto { padding-block: clamp(36px, 6vh, 56px) clamp(56px, 8vh, 80px); }
.sn-libre__texto .prosa { font-size: var(--t-cuerpo); line-height: 1.5; }
.sn-libre__texto em { color: var(--tinta-texto); }
@media (min-width: 900px) {
  .sn-libre__titular em { display: inline; }
  html.mov:not(.sin-mov) .sn-libre__escena { height: 140vh; }
  html.mov:not(.sin-mov) .sn-libre__fija { position: sticky; top: 0; height: 100vh; height: 100svh; padding: calc(var(--cabecera-alto) + clamp(40px, 9vh, 96px)) var(--margen) 0; display: flex; flex-direction: column; justify-content: flex-start; }
  .sn-libre__texto { padding-top: 0; }
}
.sn-cierre { position: relative; isolation: isolate; overflow: clip; display: grid; gap: clamp(32px, 5.5vh, 56px); padding: clamp(64px, 9vh, 96px) var(--margen) clamp(28px, 5vh, 48px); }
.sn-cierre__fondo { position: absolute; inset: 0; z-index: -1; overflow: hidden; --radio: clamp(170px, 24vw, 380px); }
.sn-cierre__marco { position: absolute; inset: 0; opacity: 0.1; -webkit-mask-size: cover; mask-size: cover; }
.sn-cierre__fondo.penumbra > .sn-cierre__marco { opacity: 0.06; }
.sn-cierre__fondo .penumbra__luz .sn-cierre__marco { opacity: 0.4; }
.sn-cierre__cuerpo { display: grid; gap: clamp(14px, 2.4vh, 26px); }
.sn-cierre__previo { color: var(--ceniza); }
.sn-cierre__accion { margin-top: clamp(8px, 1.6vh, 16px); }
.sn-cierre__titular em { display: block; padding-left: 0.18em; padding-right: 0.08em; }
.sn-cierre__firma { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 8px; color: var(--ceniza); }
.sn-cierre__firma img { width: clamp(120px, 14vw, 190px); height: auto; }