/* ── ds/30-hero.css ── */
.landing-hero.landing-hero-navy {
  --borde-dorado: color-mix(in srgb, var(--oro) 55%, transparent);
  --marca-agua-dorada: color-mix(in srgb, var(--oro) 12%, transparent);
  --sombra-carta: none;
  --anillo-foco: 0 0 0 2px color-mix(in srgb, var(--brisa) 65%, transparent);
  --velo-fondo: var(--negro-000);
}
.perfil-hero.saludo-cine,
.landing-hero.landing-hero-navy {
  --barra-media: calc(var(--barra, 0px) / 2);
  --sangrado: calc(50vw - 50% - var(--barra-media));
  --alto-hero: min(76vh, 32rem);
  --fundido: calc(var(--esp-32) + var(--esp-16) + var(--esp-2));
  --costura: var(--esp-32);
  --arte: none;
  --arte-gel: none;
  --arte-encuadre: cover;
  --arte-pos: 50% 50%;
  --arte-luz: 1;
  --arte-balance: 0;
  --arte-color: 1;
  --capa-trama: none;
  --capa-rebote: none;
  --velo-fondo: var(--fondo-base);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 0;
  border-radius: var(--radio-0);
  box-shadow: var(--sombra-carta);
  margin-inline: calc(50% - 50vw + var(--barra-media));
  padding-inline: var(--sangrado);
  background-color: var(--velo-fondo);
  background-image:
    var(--capa-trama),
    var(--capa-rebote),
    linear-gradient(168deg,
      var(--velo-fondo) 0%,
      color-mix(in srgb, var(--negro) 88%, var(--oro)) 34%,
      color-mix(in srgb, var(--negro) 93%, var(--oro)) 68%,
      var(--velo-fondo) 100%);
  background-repeat: repeat, no-repeat, no-repeat;
  background-position: 0 0;
  background-size: auto;
}
.perfil-hero.saludo-cine::before,
.landing-hero.landing-hero-navy::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: var(--arte-gel), var(--arte);
  background-size: auto, var(--arte-encuadre);
  background-position: 0 0, var(--arte-pos);
  background-repeat: no-repeat, no-repeat;
  background-blend-mode: multiply, normal;
  filter:
    brightness(var(--arte-luz))
    sepia(var(--arte-balance))
    saturate(var(--arte-color));
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, var(--negro) var(--costura));
  mask-image: linear-gradient(to bottom, transparent 0, var(--negro) var(--costura));
}
.perfil-hero.saludo-cine::after,
.landing-hero.landing-hero-navy::after,
.landing-hero.landing-hero-navy.grano::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 1;
  mix-blend-mode: normal;
  border-radius: inherit;
  -webkit-mask-image: none;
  mask-image: none;
  background-image:
    linear-gradient(to bottom, var(--velo-fondo) 0%, transparent var(--costura)),
    linear-gradient(to top,
      var(--velo-fondo) 0%,
      color-mix(in srgb, var(--velo-fondo) 84%, transparent) 24%,
      color-mix(in srgb, var(--velo-fondo) 46%, transparent) 52%,
      color-mix(in srgb, var(--velo-fondo) 14%, transparent) 78%,
      transparent 100%),
    var(--scrim),
    radial-gradient(115% 92% at 14% -18%,
      color-mix(in srgb, var(--oro) 14%, transparent) 0%,
      transparent 62%),
    radial-gradient(150% 118% at 46% 40%,
      transparent 62%,
      color-mix(in srgb, var(--negro) 52%, transparent) 100%),
    radial-gradient(color-mix(in srgb, var(--blanco) 2.4%, transparent) .5px, transparent .5px);
  background-size: auto, auto, auto, auto, auto, 3px 3px;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat;
  background-position: 0 0;
}
.perfil-hero.saludo-cine {
  --scrim: linear-gradient(178deg,
    color-mix(in srgb, var(--velo-fondo) 36%, transparent) 0%,
    color-mix(in srgb, var(--velo-fondo) 68%, transparent) 52%,
    color-mix(in srgb, var(--velo-fondo) 42%, transparent) 100%);
  --costura: var(--esp-24);
}
.landing-hero.landing-hero-navy {
  --velo-fondo: var(--negro-000);
  --scrim: linear-gradient(to bottom,
    color-mix(in srgb, var(--velo-fondo) 24%, transparent) 0%,
    color-mix(in srgb, var(--velo-fondo) 50%, transparent) 64%,
    color-mix(in srgb, var(--velo-fondo) 28%, transparent) 100%);
  --arte: url("/static/brand/ambiente-portada-1280.jpg");
  --arte-encuadre: cover;
  --arte-pos: 50% 42%;
  --arte-luz: 1;
  --arte-balance: 0;
  --arte-gel: linear-gradient(to bottom,
                color-mix(in srgb, var(--marfil) 40%, var(--oro)) 0%,
                color-mix(in srgb, var(--marfil) 40%, var(--oro)) 100%);
}
.perfil-hero.saludo-cine > *,
.landing-hero.landing-hero-navy > * {
  position: relative;
  z-index: 1;
}
.perfil-hero.saludo-cine {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  min-height: var(--alto-hero);
  padding-block: var(--esp-8) var(--esp-8);
  margin-bottom: var(--esp-8);
}
.ax-main > .perfil-hero.saludo-cine:first-child { margin-top: calc(-1 * var(--esp-8)); }
.perfil-hero.saludo-cine .perfil-foto {
  --foto-lado: 84px;
  aspect-ratio: 4 / 5;
  display: block;
  flex: 0 0 auto;
  align-self: start;
  width: var(--foto-lado);
  height: var(--foto-lado);
  object-fit: cover;
  object-position: 50% 30%;
  border-radius: var(--radio-sm);
  margin: 0 0 var(--esp-2);
  outline: var(--borde-fino) solid var(--borde-dorado);
  outline-offset: 3px;
  box-shadow: none;
  filter: saturate(.92) contrast(1.02);
  background-color: color-mix(in srgb, var(--marino) 70%, var(--negro));
  color: var(--texto-secundario);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  line-height: 1.35;
}
.perfil-hero.saludo-cine .saludo-meta {
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  font-size: clamp(12px, .9vw + 8px, 13px);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  line-height: 1;
  color: var(--marfil);
  margin: 0 0 auto;
  padding-bottom: var(--esp-10);
}
.perfil-hero.saludo-cine .saludo-meta span {
  color: var(--ornamento-oro);
  margin: 0 var(--esp-2);
  opacity: .8;
}
.perfil-hero.saludo-cine .eyebrow {
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-xs);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: var(--esp-4);
}
.perfil-hero.saludo-cine .eyebrow::before {
  content: "";
  display: inline-block;
  width: var(--esp-6);
  height: 1px;
  vertical-align: middle;
  margin-right: var(--esp-3);
  background: currentColor;
  opacity: .6;
}
.perfil-hero.saludo-cine .saludo-titulo {
  font-family: var(--fuente-ceremonial);
  font-weight: var(--peso-fuerte);
  font-size: clamp(var(--tipo-2xl), 10.5vw, var(--tipo-3xl));
  line-height: var(--interlinea-ajustada);
  letter-spacing: var(--tracking-titulo-grande);
  color: var(--texto-primario);
  max-width: 22ch;
  margin: 0 0 var(--esp-4);
  text-wrap: pretty;
  overflow-wrap: break-word;
}
.perfil-hero.saludo-cine .saludo-titulo > span {
  display: block;
  font-weight: var(--peso-medio);
  font-size: .40em;
  letter-spacing: var(--tracking-ancho);
  color: var(--marfil);
}
.perfil-hero.saludo-cine .saludo-titulo > strong {
  display: block;
  font-weight: var(--peso-fuerte);
  text-wrap: balance;
}
.perfil-hero.saludo-cine .saludo-titulo:not(:has(> span))::first-line {
  font-weight: var(--peso-medio);
  font-size: .40em;
  letter-spacing: var(--tracking-ancho);
  color: var(--texto-secundario);
}
.perfil-hero.saludo-cine .perfil-sub,
.perfil-hero.saludo-cine .perfil-pais {
  display: inline-block;
  vertical-align: baseline;
  margin: 0;
}
.perfil-hero.saludo-cine .perfil-sub {
  font-family: var(--fuente-ceremonial);
  font-style: italic;
  font-weight: var(--peso-medio);
  font-size: var(--tipo-lg);
  line-height: var(--interlinea-titulo);
  color: var(--texto-oro);
}
.perfil-hero.saludo-cine .perfil-pais {
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  font-size: clamp(12px, .9vw + 8px, 13px);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  color: var(--texto-secundario);
  margin-top: var(--esp-3);
}
.perfil-hero.saludo-cine > div:not([class]) { padding-top: var(--esp-5); }
.perfil-hero.saludo-cine .btn.btn-linea-oro,
.perfil-hero.saludo-cine .btn.btn-oro {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--toque-min);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-sm);
  font-weight: var(--peso-fuerte);
  letter-spacing: var(--tracking-etiqueta);
  text-decoration: none;
  padding: var(--esp-4) var(--esp-10);
  border-radius: var(--radio-pastilla);
  border: var(--borde-fino) solid transparent;
  background: var(--degradado-oro);
  color: var(--nivel-gold-tinta);
  box-shadow: none;
  transition: filter var(--dur-media) var(--curva-salida);
}
.perfil-hero.saludo-cine .btn.btn-linea-oro:hover,
.perfil-hero.saludo-cine .btn.btn-oro:hover {
  filter: brightness(1.07);
  border-color: transparent;
  background: var(--degradado-oro);
  color: var(--nivel-gold-tinta);
}
.perfil-hero.saludo-cine .btn.btn-linea-oro:focus-visible,
.perfil-hero.saludo-cine .btn.btn-oro:focus-visible {
  outline: var(--borde-medio-grosor) solid var(--brisa);
  outline-offset: 3px;
}
.perfil-hero.saludo-cine .stats-fila {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  width: 100%;
  margin: var(--esp-10) 0 0;
  padding: var(--esp-6) 0 0;
  border: 0;
  border-image: none;
}
.perfil-hero.saludo-cine .stats-fila::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg,
    var(--borde-dorado) 0%,
    var(--borde-dorado) 72%,
    transparent 100%);
  opacity: .55;
}
.perfil-hero.saludo-cine .stat {
  min-width: 0;
  padding: 0 var(--esp-4);
  border-left: var(--borde-fino) solid color-mix(in srgb, var(--oro) 16%, transparent);
}
.perfil-hero.saludo-cine .stat:first-child {
  padding-left: 0;
  border-left: 0;
}
.perfil-hero.saludo-cine .stat-num {
  display: block;
  font-family: var(--fuente-ceremonial);
  font-weight: var(--peso-fuerte);
  font-size: clamp(var(--tipo-xl), 7vw, var(--tipo-4xl));
  line-height: var(--interlinea-ajustada);
  letter-spacing: var(--tracking-titulo);
  color: var(--texto-oro);
  font-variant-numeric: lining-nums tabular-nums;
}
.perfil-hero.saludo-cine .stat-num small {
  font-size: .44em;
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-ancho);
  color: var(--texto-oro);
}
.perfil-hero.saludo-cine .stat-tl {
  display: block;
  margin-top: var(--esp-2);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  font-size: clamp(12px, .9vw + 8px, 13px);
  font-weight: var(--peso-semi);
  line-height: 1.35;
  letter-spacing: var(--tracking-ancho);
  text-transform: uppercase;
  color: var(--texto-secundario);
  text-wrap: pretty;
  hyphens: none;
}
.landing-hero.landing-hero-navy {
  text-align: center;
  padding-block:
    clamp(var(--esp-16), 11vw, var(--esp-24))
    clamp(var(--esp-12), 8vw, var(--esp-20));
  margin-bottom: var(--esp-12);
}
.ax-main > .landing-hero.landing-hero-navy:first-child { margin-top: calc(-1 * var(--esp-8)); }
.landing-hero-navy .landing-logo {
  display: block;
  width: clamp(112px, 30vw, 168px);
  max-width: 100%;
  height: auto;
  margin: 0 auto var(--esp-8);
}
.landing-hero-navy .eyebrow {
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-xs);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  color: var(--texto-oro);
  margin-bottom: var(--esp-4);
}
.landing-hero-navy .titulo-duo {
  font-size: clamp(var(--tipo-3xl), 8vw, var(--tipo-5xl));
  line-height: var(--interlinea-ajustada);
  letter-spacing: var(--tracking-titulo-grande);
  color: var(--texto-primario);
  max-width: 18ch;
  margin: 0 auto var(--esp-6);
  text-wrap: balance;
}
.landing-hero-navy .titulo-duo > strong { text-wrap: balance; }
.landing-hero-navy .landing-bajada {
  font-family: var(--fuente-lectura);
  font-size: var(--tipo-md);
  line-height: var(--interlinea-normal);
  color: var(--texto-secundario);
  max-width: 54ch;
  margin: 0 auto;
}
.landing-hero-navy .landing-ctas {
  justify-content: center;
  align-items: center;
  gap: var(--esp-4);
  margin-top: var(--esp-10);
}
.landing-hero-navy .btn.btn-oro {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--toque-min);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-sm);
  font-weight: var(--peso-fuerte);
  letter-spacing: var(--tracking-etiqueta);
  text-decoration: none;
  padding: var(--esp-4) var(--esp-10);
  border-radius: var(--radio-pastilla);
  border: var(--borde-fino) solid transparent;
  background: var(--degradado-oro);
  color: var(--nivel-gold-tinta);
  box-shadow: none;
  transition: filter var(--dur-media) var(--curva-salida);
}
.landing-hero-navy .btn.btn-oro:hover { filter: brightness(1.07); }
.landing-hero-navy .btn.btn-linea {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--toque-min);
  border-color: var(--borde-dorado);
  color: var(--texto-oro);
  padding: var(--esp-4) var(--esp-8);
  border-radius: var(--radio-pastilla);
  border-width: var(--borde-fino);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-xs);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-etiqueta);
  background: color-mix(in srgb, var(--oro) 4%, transparent);
  transition: background-color var(--dur-media) var(--curva-salida);
}
.landing-hero-navy .btn.btn-linea:hover {
  background: color-mix(in srgb, var(--oro) 12%, transparent);
}
.landing-hero-navy .btn:focus-visible {
  outline: var(--borde-medio-grosor) solid var(--brisa);
  outline-offset: 3px;
}
.landing-hero-navy .landing-cifras {
  position: relative;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--esp-4);
  max-width: 32rem;
  margin: var(--esp-16) auto 0;
  padding-top: var(--esp-8);
}
.landing-hero-navy .landing-cifras::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    var(--borde-dorado) 18%,
    var(--borde-dorado) 82%,
    transparent 100%);
  opacity: .55;
}
.landing-hero-navy .landing-cifra + .landing-cifra {
  border-left: var(--borde-fino) solid color-mix(in srgb, var(--oro) 16%, transparent);
}
.landing-hero-navy .landing-cifra-num {
  font-family: var(--fuente-ceremonial);
  font-weight: var(--peso-fuerte);
  font-size: clamp(var(--tipo-2xl), 8vw, var(--tipo-4xl));
  line-height: var(--interlinea-ajustada);
  color: var(--texto-oro);
  font-variant-numeric: lining-nums tabular-nums;
}
.landing-hero-navy .landing-cifra-txt {
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-ancho);
  text-transform: uppercase;
  color: var(--texto-secundario);
  margin-top: var(--esp-2);
}
.landing-hero-navy .landing-prueba { margin-top: var(--esp-10); }
.landing-hero-navy .landing-escanea {
  font-size: var(--tipo-xs);
  color: var(--texto-tenue);
  margin-top: var(--esp-3);
}
@media (min-width: 640px) {
  .perfil-hero.saludo-cine {
    margin-bottom: var(--esp-12);
    --scrim: linear-gradient(96deg,
      color-mix(in srgb, var(--velo-fondo) 84%, transparent) 0%,
      color-mix(in srgb, var(--velo-fondo) 76%, transparent) 32%,
      transparent 62%);
    --costura: var(--esp-32);
    --alto-hero: clamp(28rem, 46vw, 38rem);
    padding-block: var(--esp-10) calc(var(--esp-10) + var(--esp-4));
  }
  .landing-hero.landing-hero-navy {
    --arte: image-set(url("/static/brand/ambiente-portada-1280.jpg") 1x,
                      url("/static/brand/ambiente-portada.jpg") 2x);
  }
  .ax-main > .perfil-hero.saludo-cine:first-child,
  .ax-main > .landing-hero.landing-hero-navy:first-child {
    margin-top: calc(-1 * var(--esp-12));
  }
  .perfil-hero.saludo-cine .saludo-titulo { font-size: clamp(var(--tipo-3xl), 5vw, var(--tipo-4xl)); }
  .perfil-hero.saludo-cine .stat { padding: 0 var(--esp-8); }
  .perfil-hero.saludo-cine .stat-tl { letter-spacing: var(--tracking-etiqueta); }
}
@media (min-width: 1024px) {
  .perfil-hero.saludo-cine {
    --arte-encuadre: cover;
  }
}
@media (min-width: 1024px) {
  .perfil-hero.saludo-cine .saludo-meta,
  .perfil-hero.saludo-cine .eyebrow,
  .perfil-hero.saludo-cine .saludo-titulo,
  .perfil-hero.saludo-cine .perfil-sub,
  .perfil-hero.saludo-cine .perfil-pais,
  .perfil-hero.saludo-cine > div:not([class]) { max-width: 40rem; }
}
@media (max-width: 639.98px) {
  .perfil-hero.saludo-cine .stat { padding: 0 0 0 var(--esp-3); }
  .perfil-hero.saludo-cine .stat:first-child { padding-left: 0; }
  .perfil-hero.saludo-cine .stat-tl {
    font-size: 12px;
    letter-spacing: var(--tracking-normal);
    word-spacing: -.04em;
  }
  .perfil-hero.saludo-cine .saludo-meta { padding-bottom: var(--esp-8); }
  .perfil-hero.saludo-cine .btn.btn-linea-oro,
  .perfil-hero.saludo-cine .btn.btn-oro { width: 100%; }
}
@media (prefers-reduced-data: reduce) {
  .perfil-hero.saludo-cine,
  .landing-hero.landing-hero-navy {
    --arte: none;
    --capa-trama: repeating-radial-gradient(circle at 86% -14%,
                    color-mix(in srgb, var(--oro) 6%, transparent) 0 1px,
                    transparent 1px 15px);
    --capa-rebote: radial-gradient(95% 85% at -8% 96%,
                    color-mix(in srgb, var(--marfil) 8%, transparent) 0%,
                    transparent 58%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .perfil-hero.saludo-cine .btn,
  .landing-hero-navy .btn { transition: none; }
}
body.pagina-carnet .rail-claro .rail-card em {
  font-size: clamp(12px, .9vw + 8px, 13px);
  line-height: 1.45;
}
body.pagina-carnet .rail-claro .rail-card .eyebrow {
  font-size: 12px;
  letter-spacing: var(--tracking-etiqueta);
}
body.pagina-carnet .campo label,
body.pagina-carnet .tarjeta label {
  font-size: 12px;
}
body.pagina-carnet .pill,
body.pagina-carnet .pill-activa {
  font-size: 12px;
}
.perfil-hero.saludo-cine .eyebrow {
  color: var(--marfil);
}
.perfil-hero.saludo-cine .eyebrow::before {
  background: var(--texto-oro);
}
@media (min-width: 1024px) {
  .perfil-hero.saludo-cine .perfil-foto { --foto-lado: 104px; }
}
.perfil-hero.saludo-cine .btn.btn-oro.btn-lamina {
  --lamina-panel: var(--negro-200);
  position: relative;
  overflow: hidden;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-height: calc(var(--toque-min) * 1.55);
  min-width: min(100%, 22rem);
  padding: var(--esp-4) 44% var(--esp-4) var(--esp-6);
  border-radius: var(--radio-pastilla);
  border: var(--borde-fino) solid var(--dorado-ornamento, var(--oro-linea));
  color: var(--oro);
  background:
    linear-gradient(90deg, var(--lamina-panel) 0 52%, rgb(var(--negro-rgb) / .72) 62%, rgb(var(--negro-rgb) / 0) 82%),
    var(--lamina, none) right center / auto 100% no-repeat,
    var(--lamina-panel);
  text-align: left;
}
.perfil-hero.saludo-cine .btn.btn-oro.btn-lamina > span {
  position: relative;
  z-index: 1;
}
.perfil-hero.saludo-cine .btn.btn-oro.btn-lamina > small {
  position: relative;
  z-index: 1;
  font-weight: var(--peso-normal, 400);
  letter-spacing: 0;
  text-transform: none;
  font-size: var(--tipo-xs, .78rem);
  color: var(--marfil);
  opacity: .82;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.perfil-hero.saludo-cine .btn.btn-oro.btn-lamina::after {
  content: "";
  position: absolute;
  right: 1.1rem;
  top: 50%;
  width: 0; height: 0;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 9px 0 9px 15px;
  border-color: transparent transparent transparent var(--oro);
  filter: drop-shadow(0 0 2px rgb(var(--negro-rgb) / .8));
}
.perfil-hero.saludo-cine .btn.btn-oro.btn-lamina:hover {
  filter: brightness(1.12);
  border-color: var(--oro);
  background:
    linear-gradient(90deg, var(--lamina-panel) 0 52%, rgb(var(--negro-rgb) / .72) 62%, rgb(var(--negro-rgb) / 0) 82%),
    var(--lamina, none) right center / auto 100% no-repeat,
    var(--lamina-panel);
  color: var(--oro);
}
@media (max-width: 639.98px) {
  .perfil-hero.saludo-cine .btn.btn-oro.btn-lamina {
    padding-right: calc(1.1rem + 15px + var(--esp-4));
    background:
      linear-gradient(90deg, var(--lamina-panel) 0 66%, rgb(var(--negro-rgb) / .72) 76%, rgb(var(--negro-rgb) / 0) 92%),
      var(--lamina, none) right center / auto 100% no-repeat,
      var(--lamina-panel);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .perfil-hero.saludo-cine .btn.btn-oro.btn-lamina { transition: filter var(--dur-media) var(--curva-salida), border-color var(--dur-media) var(--curva-salida); }
}
.perfil-hero.saludo-cine {
  --arte: image-set(url("/static/brand/artesonado-9x16-1080.webp") type("image/webp") 1x,
                    url("/static/brand/artesonado-9x16-1440.webp") type("image/webp") 2x,
                    url("/static/brand/artesonado-9x16-1080.jpg") type("image/jpeg") 1x);
  --arte-encuadre: cover;
  --arte-pos: 50% 100%;
  --arte-luz: 1; --arte-balance: 0; --arte-color: 1; --arte-gel: none;
  --alto-hero: 60vh;
  --scrim: linear-gradient(180deg,
    rgb(var(--negro-rgb) / .25) 0%,
    rgb(var(--negro-rgb) / .62) 38%,
    rgb(var(--negro-rgb) / .88) 58%,
    rgb(var(--negro-rgb) / .92) 100%);
}
@media (min-width: 768px) {
  .perfil-hero.saludo-cine {
    --arte: image-set(url("/static/brand/artesonado-21x9-1280.webp") type("image/webp") 1x,
                      url("/static/brand/artesonado-21x9-2560.webp") type("image/webp") 2x,
                      url("/static/brand/artesonado-21x9-1280.jpg") type("image/jpeg") 1x);
    --arte-pos: 40% 40%;
    --alto-hero: clamp(420px, 78vh, 820px);
    --scrim: linear-gradient(90deg,
      rgb(var(--negro-rgb) / .85) 0%,
      rgb(var(--negro-rgb) / .55) 30%,
      transparent 55%);
  }
  .perfil-hero.saludo-cine > * { max-width: 38ch; }
  .perfil-hero.saludo-cine .stats-fila { max-width: min(100%, 34rem); }
}
@media (min-width: 1024px) {
  .perfil-hero.saludo-cine { --arte-pos: 62% 40%; }
}
.perfil-hero.saludo-cine .saludo-titulo {
  font: 400 var(--t-billboard)/1.02 var(--f-palacio);
  letter-spacing: -.015em;
  color: var(--marfil);
  text-wrap: balance;
}
.perfil-hero.saludo-cine .saludo-titulo > strong { font-weight: 400; color: var(--oro); }
.perfil-hero.saludo-cine .saludo-meta span { color: var(--oro-texto); opacity: 1; }
.perfil-hero.saludo-cine .eyebrow {
  font: 600 var(--t-label)/1 var(--f-sans);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--oro-texto);
}
.perfil-hero.saludo-cine .stat-num {
  font: 400 clamp(2.5rem, 4vw, 4.5rem)/1 var(--f-palacio);
  font-variant-numeric: lining-nums tabular-nums;
  color: var(--oro-texto);
}
@media (min-width: 1280px) {
  .perfil-hero.saludo-cine {
    --arte: image-set(url("/static/brand/artesonado-21x9-2560.webp") type("image/webp") 1x,
                      url("/static/brand/artesonado-21x9-3840.webp") type("image/webp") 2x,
                      url("/static/brand/artesonado-21x9-2560.jpg") type("image/jpeg") 1x);
  }
}

/* ── ds/40-carnet.css ── */
.carnet,
.mini-cat,
.verif-sello {
  --m-lamina: var(--carnet-fondo);
  --m-plano: var(--negro-100);
  --m-luz: var(--oro);
  --m-sombra: var(--negro-000);
  --m-tinta: var(--blanco);
  --m-acento: var(--ornamento-oro);
  --m-filete: var(--carnet-filete);
  --m-grabado: var(--carnet-guilloche);
  --m-tinta-2: color-mix(in srgb, var(--m-tinta) 92%, var(--m-plano));
  --m-tinta-3: color-mix(in srgb, var(--m-tinta) 84%, var(--m-plano));
  --brillo-a: 26%;
  --esp-nucleo: color-mix(in srgb, var(--blanco) 74%, var(--oro-brillante));
  --placa-luz: color-mix(in srgb, var(--m-sombra) 66%, var(--oro-brillante));
  --placa-rebaje: color-mix(in srgb, var(--m-sombra) 82%, var(--oro-brillante));
  --placa-hondo: color-mix(in srgb, var(--m-sombra) 97%, var(--oro-brillante));
  --placa-ventana: color-mix(in srgb, var(--oro) 76%, var(--m-sombra));
  --m-sombra-viva: color-mix(in srgb, var(--m-sombra) 76%, var(--oro-brillante));
  --cepillado: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cfilter id='c' x='-30%25' y='-30%25' width='160%25' height='160%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95 0.012' numOctaves='4' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='1 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cg transform='rotate(14 320 320)' opacity='0.21'%3E%3Crect x='-180' y='-180' width='1000' height='1000' filter='url(%23c)'/%3E%3C/g%3E%3C/svg%3E");
  --grano-hondo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='560'%3E%3Cfilter id='g' x='-20%25' y='-20%25' width='140%25' height='140%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.7 0.03' numOctaves='2' seed='23' stitchTiles='stitch' result='a'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.22 0.012' numOctaves='2' seed='5' stitchTiles='stitch' result='b'/%3E%3CfeBlend in='a' in2='b' mode='overlay' result='m'/%3E%3CfeColorMatrix in='m' type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='3.2' intercept='-1.1'/%3E%3CfeFuncG type='linear' slope='3.2' intercept='-1.1'/%3E%3CfeFuncB type='linear' slope='3.2' intercept='-1.1'/%3E%3CfeFuncA type='table' tableValues='1 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cg transform='rotate(14 280 280)' opacity='0.9'%3E%3Crect x='-280' y='-280' width='1120' height='1120' filter='url(%23g)'/%3E%3C/g%3E%3C/svg%3E");
  --veta-honda: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='560'%3E%3Cfilter id='g' x='-20%25' y='-20%25' width='140%25' height='140%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.7 0.03' numOctaves='2' seed='23' stitchTiles='stitch' result='a'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.012' numOctaves='2' seed='5' stitchTiles='stitch' result='b'/%3E%3CfeBlend in='a' in2='b' mode='overlay' result='m'/%3E%3CfeColorMatrix in='m' type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='1 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cg transform='rotate(14 280 280)' opacity='0.9'%3E%3Crect x='-280' y='-280' width='1120' height='1120' filter='url(%23g)'/%3E%3C/g%3E%3C/svg%3E");
  --veta-clara: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='560'%3E%3Cfilter id='g' x='-20%25' y='-20%25' width='140%25' height='140%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.7 0.03' numOctaves='2' seed='23' stitchTiles='stitch' result='a'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.012' numOctaves='2' seed='5' stitchTiles='stitch' result='b'/%3E%3CfeBlend in='a' in2='b' mode='overlay' result='m'/%3E%3CfeColorMatrix in='m' type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='1 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cg transform='rotate(14 280 280)' opacity='0.46'%3E%3Crect x='-280' y='-280' width='1120' height='1120' filter='url(%23g)'/%3E%3C/g%3E%3C/svg%3E");
}
:is(.carnet-silver, .carnet-platinum, .cat-silver, .cat-platinum) {
  --m-lamina: var(--nivel-silver-lamina);
  --m-plano: var(--brisa);
  --m-luz: var(--blanco);
  --m-sombra: var(--marino);
  --m-tinta: var(--nivel-silver-tinta);
  --m-acento: var(--nivel-silver-tinta);
  --m-filete: color-mix(in srgb, var(--marino) 40%, var(--plata));
  --m-grabado: color-mix(in srgb, var(--marino) 11%, transparent);
}
:is(.carnet-purple, .cat-purple) {
  --m-lamina: var(--nivel-purple-lamina);
  --m-plano: color-mix(in srgb, var(--nivel-purple-tinta) 46%, var(--nube));
  --m-luz: var(--blanco);
  --m-sombra: var(--nivel-purple-tinta);
  --m-tinta: var(--nivel-purple-tinta);
  --m-acento: var(--nivel-purple-tinta);
  --m-filete: color-mix(in srgb, var(--nivel-purple-tinta) 56%, var(--brisa));
  --m-grabado: color-mix(in srgb, var(--nivel-purple-tinta) 13%, transparent);
}
:is(.carnet-gold, .cat-gold) {
  --m-lamina: var(--nivel-gold-lamina);
  --m-plano: var(--oro);
  --m-luz: color-mix(in srgb, var(--marfil) 70%, var(--oro-brillante));
  --m-sombra: var(--dorado-ornamento);
  --m-tinta: var(--nivel-gold-tinta);
  --m-acento: var(--nivel-gold-tinta);
  --m-filete: color-mix(in srgb, var(--dorado-ornamento) 80%, var(--oro));
  --m-grabado: color-mix(in srgb, var(--dorado-ornamento) 15%, transparent);
  --m-tinta-2: color-mix(in srgb, var(--m-tinta) 100%, var(--m-plano));
  --m-tinta-3: color-mix(in srgb, var(--m-tinta) 98%, var(--m-plano));
}
:is(.carnet-expert, .carnet-black, .cat-expert, .cat-black) {
  --m-lamina: var(--nivel-expert-lamina);
  --m-plano: var(--negro-000);
  --m-luz: var(--oro-brillante);
  --m-sombra: var(--negro-000);
  --m-tinta: var(--blanco);
  --m-acento: var(--nivel-expert-tinta);
  --m-filete: var(--nivel-expert-filete);
  --m-grabado: color-mix(in srgb, var(--oro-brillante) 14%, transparent);
  --brillo-a: 24%;
  --placa-luz: color-mix(in srgb, var(--dorado-ornamento) 52%, var(--negro-000));
  --placa-rebaje: color-mix(in srgb, var(--dorado-ornamento) 42%, var(--negro-000));
  --placa-hondo: color-mix(in srgb, var(--dorado-ornamento) 30%, var(--negro-000));
  --placa-ventana: color-mix(in srgb, var(--oro) 84%, var(--dorado-ornamento));
}
.carnet,
.carnet:is(.carnet-silver, .carnet-platinum, .carnet-purple, .carnet-gold, .carnet-expert, .carnet-black, .cat-silver, .cat-purple, .cat-gold, .cat-expert, .cat-black) {
  container-type: inline-size;
  position: relative;
  aspect-ratio: var(--carnet-ratio);
  width: 100%;
  max-width: 34.5rem;
  margin: 0;
  border-radius: max(var(--carnet-radio), 2.4%) / max(var(--carnet-radio), 3.8%);
  border: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  isolation: isolate;
  color: var(--m-tinta);
  background-color: transparent;
  background-image:
    var(--cepillado),
    linear-gradient(104deg,
      color-mix(in srgb, var(--m-luz) 46%, transparent) 0%,
      transparent 7%,
      color-mix(in srgb, var(--m-sombra-viva) 72%, transparent) 17%,
      color-mix(in srgb, var(--m-sombra-viva) 30%, transparent) 27%,
      color-mix(in srgb, var(--m-luz) 62%, transparent) 40%,
      transparent 48%,
      color-mix(in srgb, var(--m-sombra-viva) 78%, transparent) 56%,
      color-mix(in srgb, color-mix(in srgb, var(--m-sombra) 88%, var(--negro-000)) 92%, transparent) 66%,
      color-mix(in srgb, var(--m-sombra-viva) 88%, transparent) 76%,
      color-mix(in srgb, var(--m-sombra-viva) 62%, transparent) 88%,
      color-mix(in srgb, var(--m-sombra-viva) 74%, transparent) 100%),
    radial-gradient(64% 52% at 84% 90%,
      color-mix(in srgb, var(--m-luz) 46%, transparent) 0%,
      color-mix(in srgb, var(--m-luz) 20%, transparent) 44%,
      transparent 76%),
    repeating-linear-gradient(104deg,
      color-mix(in srgb, var(--m-sombra) .5%, transparent) 0 1px,
      transparent 1px 2px,
      color-mix(in srgb, var(--m-luz) .5%, transparent) 2px 3px,
      transparent 3px 4px),
    linear-gradient(138deg,
      transparent 10%,
      color-mix(in srgb, var(--m-sombra) 46%, transparent) 52%,
      color-mix(in srgb, var(--m-sombra) 92%, transparent) 100%),
    linear-gradient(135deg,
      color-mix(in srgb, var(--m-luz) 30%, transparent) 0%,
      transparent 28%),
    var(--m-lamina);
  background-size: 100% auto, auto, auto, auto, auto, auto, auto;
  background-position: 50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat, no-repeat, no-repeat, no-repeat;
  background-blend-mode: overlay, normal, normal, normal, normal, normal, normal;
  box-shadow:
    inset 0 0 0 1px var(--m-filete),
    inset 0 1px 0 color-mix(in srgb, var(--m-luz) 44%, transparent),
    inset 0 -1px 0 color-mix(in srgb, var(--m-sombra) 52%, transparent);
  transition:
    transform var(--dur-media) var(--curva-salida),
    box-shadow var(--dur-lenta) var(--curva-salida);
}
.carnet .carnet-fila-sup,
.carnet .carnet-fila-inf {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  gap: var(--esp-4);
  padding: var(--esp-5);
  padding: 5.6cqw;
}
.carnet .carnet-fila-sup { align-items: flex-start; padding-bottom: 0; }
.carnet .carnet-fila-inf { align-items: flex-end;  padding-top: 0; gap: 4cqw; }
.carnet .carnet-fila-inf > div:first-child { min-width: 0; flex: 1 1 auto; }
.carnet::after {
  content: "";
  position: absolute;
  inset: 3.4cqw;
  width: auto;
  height: auto;
  z-index: 1;
  pointer-events: none;
  border: 1px solid color-mix(in srgb, var(--m-filete) 18%, transparent);
  border-radius: 1.6cqw;
  mix-blend-mode: normal;
  opacity: 1;
  background-size: auto;
  background-repeat: repeat;
  background-position: 0 0;
  background-image:
    repeating-radial-gradient(circle at 86% 14%,
      color-mix(in srgb, var(--m-grabado) 26%, transparent) 0 .5px, transparent .5px 15px),
    repeating-linear-gradient(104deg,
      color-mix(in srgb, var(--m-sombra) .4%, transparent) 0 .5px, transparent .5px 3px),
    repeating-linear-gradient(104deg,
      color-mix(in srgb, var(--m-luz) .7%, transparent) 1.5px 2px, transparent 2px 4.7px),
    repeating-linear-gradient(104deg,
      color-mix(in srgb, var(--m-sombra) .4%, transparent) 0 .5px, transparent .5px 7.3px);
  background-size: 34% 40%, auto, auto, auto;
  background-position: 100% 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, repeat, repeat, repeat;
}
.carnet::before { content: none; }
.carnet .carnet-glare {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  border-radius: inherit;
  opacity: 1;
  --esp-x: var(--gx, 28%);
  --esp-y: var(--gy, 14%);
  --gx-par: 31;
  --gy-par: 48;
  --esp-dx: calc((var(--gxn) - var(--gx-par)) * 1cqw);
  --esp-dy: calc((var(--gyn) - var(--gy-par)) * 1cqw / var(--carnet-ratio));
  background:
    radial-gradient(2.2% 9% at var(--esp-x) var(--esp-y),
      color-mix(in srgb, var(--esp-nucleo) calc(var(--brillo-a) * .40), transparent) 0%,
      transparent 74%),
    radial-gradient(23% 34% at var(--esp-x) var(--esp-y),
      color-mix(in srgb, var(--m-luz) calc(var(--brillo-a) * .78), transparent) 0%,
      color-mix(in srgb, var(--m-luz) calc(var(--brillo-a) * .30), transparent) 44%,
      transparent 80%),
    linear-gradient(104deg,
      transparent calc(var(--esp-x) - 24%),
      color-mix(in srgb, var(--m-luz) calc(var(--brillo-a) * .30), transparent) calc(var(--esp-x) - 14%),
      color-mix(in srgb, var(--m-luz) calc(var(--brillo-a) * 1.15), transparent) var(--esp-x),
      color-mix(in srgb, var(--m-luz) calc(var(--brillo-a) * .30), transparent) calc(var(--esp-x) + 14%),
      transparent calc(var(--esp-x) + 24%)),
    linear-gradient(104deg,
      transparent calc(var(--esp-x) - 14%),
      color-mix(in srgb, var(--m-sombra) calc(var(--brillo-a) * 1.60), transparent) calc(var(--esp-x) - 8%),
      transparent calc(var(--esp-x) - 3%),
      transparent calc(var(--esp-x) + 3%),
      color-mix(in srgb, var(--m-sombra) calc(var(--brillo-a) * 1.60), transparent) calc(var(--esp-x) + 8%),
      transparent calc(var(--esp-x) + 14%)),
    linear-gradient(104deg,
      transparent calc(100% - var(--esp-x) - 30%),
      color-mix(in srgb, var(--m-sombra) calc(var(--brillo-a) * .9), transparent) calc(100% - var(--esp-x)),
      transparent calc(100% - var(--esp-x) + 30%));
  transition: opacity var(--dur-lenta) var(--curva-salida);
}
.carnet .carnet-glare::before {
  content: "";
  position: absolute;
  left: calc(var(--gx-par) * 1%);
  top: calc(var(--gy-par) * 1%);
  width: 5.1%;
  height: 118%;
  transform: translate(var(--esp-dx), var(--esp-dy)) translate(-50%, -50%) rotate(14deg);
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(closest-side,
    color-mix(in srgb, var(--esp-nucleo) calc(var(--brillo-a) * 3.85), transparent) 0%,
    color-mix(in srgb, var(--esp-nucleo) calc(var(--brillo-a) * 3.34), transparent) 16%,
    color-mix(in srgb, var(--esp-nucleo) calc(var(--brillo-a) * 2.75), transparent) 32%,
    color-mix(in srgb, var(--esp-nucleo) calc(var(--brillo-a) * 2.13), transparent) 48%,
    color-mix(in srgb, var(--esp-nucleo) calc(var(--brillo-a) * 1.49), transparent) 64%,
    color-mix(in srgb, var(--esp-nucleo) calc(var(--brillo-a) * 0.76), transparent) 82%,
    transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom,
    transparent 0%, var(--negro-000) 10%, var(--negro-000) 90%, transparent 100%);
  mask-image: linear-gradient(to bottom,
    transparent 0%, var(--negro-000) 10%, var(--negro-000) 90%, transparent 100%);
}
@container (max-width: 420px) {
  .carnet .carnet-glare::before {
    width: 7.0%;
    height: 98%;
    background: radial-gradient(closest-side,
      color-mix(in srgb, var(--esp-nucleo) calc(var(--brillo-a) * 3.85), transparent) 0%,
      color-mix(in srgb, var(--esp-nucleo) calc(var(--brillo-a) * 3.37), transparent) 16%,
      color-mix(in srgb, var(--esp-nucleo) calc(var(--brillo-a) * 2.80), transparent) 32%,
      color-mix(in srgb, var(--esp-nucleo) calc(var(--brillo-a) * 2.18), transparent) 48%,
      color-mix(in srgb, var(--esp-nucleo) calc(var(--brillo-a) * 1.53), transparent) 64%,
      color-mix(in srgb, var(--esp-nucleo) calc(var(--brillo-a) * 0.78), transparent) 82%,
      transparent 100%);
  }
}
.carnet .carnet-glare::after {
  content: "";
  position: absolute;
  left: calc(var(--gx-par) * 1%);
  top: calc(var(--gy-par) * 1%);
  width: 17%;
  height: 108%;
  transform: translate(var(--esp-dx), var(--esp-dy)) translate(-50%, -50%) rotate(14deg);
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(closest-side,
    color-mix(in srgb, var(--m-luz) calc(var(--brillo-a) * .70), transparent) 0%,
    color-mix(in srgb, var(--m-luz) calc(var(--brillo-a) * .28), transparent) 50%,
    transparent 86%);
  -webkit-mask-image: linear-gradient(to bottom,
    transparent 0%, var(--negro-000) 20%, var(--negro-000) 80%, transparent 100%);
  mask-image: linear-gradient(to bottom,
    transparent 0%, var(--negro-000) 20%, var(--negro-000) 80%, transparent 100%);
}
.carnet .carnet-marca-agua {
  position: absolute;
  z-index: 0;
  right: 3.4cqw;
  top: 20.2%;
  bottom: auto;
  width: 24.4cqw;
  max-width: none;
  height: auto;
  pointer-events: none;
  user-select: none;
  opacity: .15;
  filter: none;
  -webkit-mask-image: linear-gradient(104deg,
    var(--negro) 0 38%,
    color-mix(in srgb, var(--negro) 46%, transparent) 76%,
    transparent 100%);
  mask-image: linear-gradient(104deg,
    var(--negro) 0 38%,
    color-mix(in srgb, var(--negro) 46%, transparent) 76%,
    transparent 100%);
}
:is(.carnet-silver, .carnet-platinum, .carnet-purple, .carnet-gold) .carnet-marca-agua {
  opacity: .42;
  filter:
    grayscale(0) saturate(2.9) brightness(.5) contrast(1.12)
    drop-shadow(0 1px 0 color-mix(in srgb, var(--m-luz) 55%, transparent));
}
:is(.carnet-silver, .carnet-platinum, .carnet-purple) .carnet-marca-agua {
  opacity: .30;
  filter:
    grayscale(1) brightness(.38) contrast(1.1)
    drop-shadow(0 1px 0 color-mix(in srgb, var(--m-luz) 55%, transparent));
}
.carnet .carnet-marca,
.carnet:is(.carnet-silver, .carnet-platinum, .carnet-purple, .carnet-gold, .carnet-expert, .carnet-black, .cat-silver, .cat-purple, .cat-gold, .cat-expert, .cat-black) .carnet-marca {
  font-family: var(--fuente-ceremonial);
  font-size: var(--tipo-lg);
  font-size: clamp(15px, 6.4cqw, 38px);
  font-weight: var(--peso-fuerte);
  line-height: .94;
  letter-spacing: var(--tracking-titulo);
  color: var(--m-tinta);
}
.carnet .carnet-marca small,
.carnet:is(.carnet-silver, .carnet-platinum, .carnet-purple, .carnet-gold, .carnet-expert, .carnet-black, .cat-silver, .cat-purple, .cat-gold, .cat-expert, .cat-black) .carnet-marca small {
  display: block;
  margin: 1.4cqw 0 0;
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  font-size: clamp(11px, 2.2cqw, 12px);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  color: var(--m-acento);
  opacity: 1;
}
.carnet .carnet-cat,
.carnet:is(.carnet-silver, .carnet-platinum, .carnet-purple, .carnet-gold, .carnet-expert, .carnet-black, .cat-silver, .cat-purple, .cat-gold, .cat-expert, .cat-black) .carnet-cat {
  flex: 0 0 auto;
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  font-size: clamp(11px, 2.35cqw, 13px);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  padding: 1cqw 2.4cqw;
  border: 0;
  border-radius: var(--radio-pastilla);
  color: var(--m-acento);
  background: color-mix(in srgb, var(--m-luz) 30%, transparent);
  box-shadow:
    inset 0 0 0 1px var(--m-filete),
    inset 0 1px 0 color-mix(in srgb, var(--m-luz) 50%, transparent);
  white-space: nowrap;
}
.carnet:is(.carnet-expert, .carnet-black, .cat-expert, .cat-black) .carnet-cat {
  background: color-mix(in srgb, var(--m-luz) 11%, transparent);
}
.carnet .carnet-nombre,
.carnet:is(.carnet-silver, .carnet-platinum, .carnet-purple, .carnet-gold, .carnet-expert, .carnet-black, .cat-silver, .cat-purple, .cat-gold, .cat-expert, .cat-black) .carnet-nombre {
  font-family: var(--fuente-ceremonial);
  font-size: var(--tipo-lg);
  font-size: clamp(17px, 5.6cqw, 32px);
  font-weight: var(--peso-semi);
  line-height: 1.08;
  letter-spacing: var(--tracking-titulo);
  color: var(--m-tinta);
  text-wrap: balance;
}
.carnet .carnet-codigo,
.carnet:is(.carnet-silver, .carnet-platinum, .carnet-purple, .carnet-gold, .carnet-expert, .carnet-black, .cat-silver, .cat-purple, .cat-gold, .cat-expert, .cat-black) .carnet-codigo {
  margin-top: 1.8cqw;
  font-family: var(--fuente-datos);
  font-size: var(--tipo-sm);
  font-size: clamp(11.5px, 3cqw, 17px);
  font-weight: var(--peso-medio);
  font-variant-numeric: lining-nums tabular-nums;
  letter-spacing: var(--tracking-etiqueta);
  color: var(--m-tinta-2);
  opacity: 1;
}
.carnet .carnet-vigencia,
.carnet:is(.carnet-silver, .carnet-platinum, .carnet-purple, .carnet-gold, .carnet-expert, .carnet-black, .cat-silver, .cat-purple, .cat-gold, .cat-expert, .cat-black) .carnet-vigencia {
  margin-top: 2.4cqw;
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  font-size: clamp(11px, 2.5cqw, 13px);
  font-weight: var(--peso-medio);
  line-height: 1.4;
  letter-spacing: var(--tracking-ancho);
  text-transform: uppercase;
  color: var(--m-tinta-3);
  opacity: 1;
}
.carnet .carnet-fila-inf .carnet-barra {
  position: relative;
  flex: 0 0 auto;
  align-self: flex-end;
  width: clamp(88px, 25cqw, 136px);
  max-width: 32%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .8cqw;
  padding: var(--esp-2);
  padding: 1.5cqw 2.2cqw 2.4cqw;
  isolation: isolate;
  background: linear-gradient(158deg,
    var(--placa-luz) 0%,
    var(--placa-rebaje) 42%,
    var(--placa-hondo) 100%);
  border-radius: var(--radio-xs);
  border-radius: 1.1cqw;
  box-shadow:
    inset 0 .324cqw .648cqw -.162cqw color-mix(in srgb, var(--m-sombra) 70%, transparent),
    inset 0 0 .486cqw 0 color-mix(in srgb, var(--m-sombra) 44%, transparent),
    inset 0 -.324cqw .324cqw -.162cqw color-mix(in srgb, var(--oro-brillante) 40%, transparent);
}
.carnet .carnet-fila-inf .carnet-barra::before {
  content: "";
  position: absolute;
  left: 2.2cqw;
  right: 2.2cqw;
  top: 1.5cqw;
  height: clamp(20px, 7cqw, 38px);
  z-index: 0;
  border-radius: .6cqw;
  pointer-events: none;
  background: linear-gradient(158deg,
    color-mix(in srgb, var(--placa-ventana) 88%, var(--oro-brillante)) 0%,
    var(--placa-ventana) 54%,
    color-mix(in srgb, var(--placa-ventana) 86%, var(--m-sombra)) 100%);
  filter: blur(.178cqw);
}
.carnet .carnet-fila-inf .carnet-barra img {
  display: block;
  width: 100%;
  height: clamp(20px, 7cqw, 38px);
  max-height: none;
  position: relative;
  z-index: 1;
  mix-blend-mode: multiply;
  object-fit: fill;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.carnet .carnet-fila-inf .carnet-barra span {
  font-family: var(--fuente-datos);
  font-size: var(--tipo-micro);
  font-size: clamp(11px, 2.6cqw, 12px);
  font-weight: var(--peso-medio);
  line-height: 1;
  letter-spacing: var(--tracking-etiqueta);
  color: var(--placa-tinta, color-mix(in srgb, var(--carnet-codigo-barra) 94%, var(--oro)));
  text-shadow: 0 1px 0 color-mix(in srgb, var(--m-luz) 26%, transparent);
  position: relative;
  z-index: 1;
  opacity: 1;
  white-space: nowrap;
}
.carnet .carnet-qr {
  flex: 0 0 auto;
  align-self: flex-end;
  width: clamp(54px, 17cqw, 96px);
  height: auto;
  aspect-ratio: 1;
  padding: 1.6cqw;
  position: relative;
  isolation: isolate;
  background: linear-gradient(158deg,
    var(--placa-luz) 0%,
    var(--placa-rebaje) 42%,
    var(--placa-hondo) 100%);
  border-radius: 1.1cqw;
  box-shadow:
    inset 0 .324cqw .648cqw -.162cqw color-mix(in srgb, var(--m-sombra) 70%, transparent),
    inset 0 0 .486cqw 0 color-mix(in srgb, var(--m-sombra) 44%, transparent),
    inset 0 -.324cqw .324cqw -.162cqw color-mix(in srgb, var(--oro-brillante) 40%, transparent);
}
.carnet .carnet-qr::before {
  content: "";
  position: absolute;
  inset: 1.6cqw;
  z-index: 0;
  border-radius: .6cqw;
  pointer-events: none;
  background: linear-gradient(158deg,
    color-mix(in srgb, var(--placa-ventana) 88%, var(--oro-brillante)) 0%,
    var(--placa-ventana) 54%,
    color-mix(in srgb, var(--placa-ventana) 86%, var(--m-sombra)) 100%);
  filter: blur(.178cqw);
}
.carnet .carnet-qr img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  position: relative;
  z-index: 1;
  mix-blend-mode: multiply;
}
@supports (anchor-name: --veta-nombre) {
  .carnet.carnet-silver .carnet-nombre {
    anchor-name: --veta-nombre;
    width: fit-content;
  }
  .carnet.carnet-silver::before {
    --veta-pico: 0.6;
    content: "";
    position: absolute;
    position-anchor: --veta-nombre;
    left: calc(min(anchor(right), 62.5cqw) - 11cqw);
    top: calc(anchor(bottom) - 9.5cqw);
    width: 12cqw;
    height: 13cqw;
    border: 0;
    border-radius: 0;
    pointer-events: none;
    background: color-mix(in srgb, var(--plata) 70%, var(--negro));
    mix-blend-mode: lighten;
    -webkit-mask-image: radial-gradient(closest-side,
      rgb(0 0 0 / var(--veta-pico)) 0%,
      rgb(0 0 0 / var(--veta-pico)) 30%,
      rgb(0 0 0 / calc(var(--veta-pico) * 0.962)) 38.7%,
      rgb(0 0 0 / calc(var(--veta-pico) * 0.854)) 47.5%,
      rgb(0 0 0 / calc(var(--veta-pico) * 0.691)) 56.2%,
      rgb(0 0 0 / calc(var(--veta-pico) * 0.5)) 65%,
      rgb(0 0 0 / calc(var(--veta-pico) * 0.309)) 73.8%,
      rgb(0 0 0 / calc(var(--veta-pico) * 0.146)) 82.5%,
      rgb(0 0 0 / calc(var(--veta-pico) * 0.038)) 91.2%,
      transparent 100%);
            mask-image: radial-gradient(closest-side,
      rgb(0 0 0 / var(--veta-pico)) 0%,
      rgb(0 0 0 / var(--veta-pico)) 30%,
      rgb(0 0 0 / calc(var(--veta-pico) * 0.962)) 38.7%,
      rgb(0 0 0 / calc(var(--veta-pico) * 0.854)) 47.5%,
      rgb(0 0 0 / calc(var(--veta-pico) * 0.691)) 56.2%,
      rgb(0 0 0 / calc(var(--veta-pico) * 0.5)) 65%,
      rgb(0 0 0 / calc(var(--veta-pico) * 0.309)) 73.8%,
      rgb(0 0 0 / calc(var(--veta-pico) * 0.146)) 82.5%,
      rgb(0 0 0 / calc(var(--veta-pico) * 0.038)) 91.2%,
      transparent 100%);
  }
}
.carnet:is(.carnet-silver, .carnet-platinum, .carnet-purple, .carnet-gold) .carnet-marca,
.carnet:is(.carnet-silver, .carnet-platinum, .carnet-purple, .carnet-gold) .carnet-nombre {
  text-shadow: 0 1px 0 color-mix(in srgb, var(--m-luz) 65%, transparent);
}
.carnet:is(.carnet-expert, .carnet-black) {
  box-shadow:
    inset 0 0 0 1px var(--m-filete),
    inset 0 1px 0 color-mix(in srgb, var(--oro-brillante) 34%, transparent),
    inset 0 -1px 0 color-mix(in srgb, var(--negro-000) 60%, transparent),
    0 0 0 1px color-mix(in srgb, var(--oro) 30%, transparent),
    0 0 42px -14px color-mix(in srgb, var(--oro-brillante) 45%, transparent);
}
.carnet:is(.carnet-expert, .carnet-black)::after {
  border-color: color-mix(in srgb, var(--oro-brillante) 32%, transparent);
}
.carnet:is(.carnet-expert, .carnet-black) .carnet-marca {
  background-image: linear-gradient(102deg,
    color-mix(in srgb, var(--oro) 72%, var(--dorado-ornamento)) 0%,
    var(--oro) 26%,
    var(--marfil) 48%,
    var(--oro) 70%,
    color-mix(in srgb, var(--oro) 72%, var(--dorado-ornamento)) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
}
.carnet:is(.carnet-expert, .carnet-black)::before {
  background:
    linear-gradient(to right,
      transparent 0 46%,
      color-mix(in srgb, var(--negro-000) 70%, transparent) 46% 54%,
      transparent 54%),
    linear-gradient(to bottom,
      transparent 0 30%,
      color-mix(in srgb, var(--negro-000) 70%, transparent) 30% 36%,
      transparent 36% 64%,
      color-mix(in srgb, var(--negro-000) 70%, transparent) 64% 70%,
      transparent 70%),
    linear-gradient(128deg,
      var(--marfil) 0%,
      var(--oro) 34%,
      var(--dorado-ornamento) 78%,
      var(--oro) 100%);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--oro-brillante) 55%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--marfil) 60%, transparent);
}
.carnet:is(.carnet-expert, .carnet-black) .carnet-marca-agua {
  opacity: .18;
  filter: brightness(1.25);
}
.carnet:not([class*="carnet-"]):not([class*="cat-"]) .carnet-marca { color: var(--blanco); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .carnet.tilt {
    transform:
      perspective(1100px)
      rotateX(var(--ry, 0deg))
      rotateY(var(--rx, 0deg));
    will-change: transform;
  }
  .carnet.tilt:hover { --brillo-a: 34%; }
  .carnet.tilt:hover {
    box-shadow:
      inset 0 0 0 1px var(--m-filete),
      inset 0 1px 0 color-mix(in srgb, var(--m-luz) 55%, transparent),
      inset 0 -1px 0 color-mix(in srgb, var(--m-sombra) 30%, transparent),
      0 0 60px -18px color-mix(in srgb, var(--m-luz) 55%, transparent);
  }
  .carnet:is(.carnet-expert, .carnet-black).tilt:hover {
    --brillo-a: 40%;
    box-shadow:
      inset 0 0 0 1px var(--m-filete),
      inset 0 1px 0 color-mix(in srgb, var(--oro-brillante) 45%, transparent),
      inset 0 -1px 0 color-mix(in srgb, var(--negro-000) 60%, transparent),
      0 0 0 1px color-mix(in srgb, var(--oro) 46%, transparent),
      0 0 70px -14px color-mix(in srgb, var(--oro-brillante) 60%, transparent);
  }
}
@media (prefers-reduced-motion: reduce) {
  .carnet, .carnet .carnet-glare { transition: none; }
  .carnet.tilt { transform: none; }
}
body.pagina-carnet .perfil-rejilla .acciones-fila a.btn {
  border: 0;
  font-weight: var(--peso-semi);
  color: var(--ornamento-oro);
  background: color-mix(in srgb, var(--oro) 12%, transparent);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--oro) 52%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--oro) 26%, transparent);
  transition:
    background var(--dur-media) var(--curva-salida),
    box-shadow var(--dur-media) var(--curva-salida),
    transform var(--dur-media) var(--curva-salida);
}
body.pagina-carnet .perfil-rejilla .acciones-fila a.btn:hover {
  background: color-mix(in srgb, var(--oro) 20%, transparent);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--oro) 78%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--oro) 40%, transparent),
    0 0 28px -12px color-mix(in srgb, var(--oro) 60%, transparent);
  transform: translateY(-1px);
}
body.pagina-carnet .perfil-rejilla .acciones-fila a.btn.carnet-wallet {
  color: var(--negro-000);
  background: var(--degradado-oro);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--marfil) 60%, transparent),
    0 0 30px -14px color-mix(in srgb, var(--oro) 70%, transparent);
}
body.pagina-carnet .perfil-rejilla .acciones-fila a.btn.carnet-wallet:hover {
  transform: translateY(-1px);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--marfil) 80%, transparent),
    0 0 40px -12px color-mix(in srgb, var(--oro) 85%, transparent);
}
body.pagina-carnet .perfil-rejilla .acciones-fila:has(.carnet-wallet) a.btn:not(.carnet-wallet) {
  background: transparent;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--oro) 40%, transparent);
}
body.pagina-carnet .perfil-rejilla .acciones-fila button.btn {
  border: 0;
  background: transparent;
  color: var(--texto-primario);
  font-weight: var(--peso-medio);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--texto-secundario) 38%, transparent);
  transition:
    color var(--dur-media) var(--curva-salida),
    box-shadow var(--dur-media) var(--curva-salida);
}
body.pagina-carnet .perfil-rejilla .acciones-fila button.btn:hover {
  color: var(--texto-primario);
  background: transparent;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--texto-secundario) 72%, transparent);
  box-shadow: inset 0 0 0 1px var(--borde-tenue);
}
.mini-cat, .insignia-chip {
  border: 0;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--m-filete) 55%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--m-luz) 18%, transparent);
  padding: var(--esp-1) var(--esp-3);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-etiqueta);
}
.verif-caja {
  position: relative;
  overflow: hidden;
  border: 0;
  border-radius: var(--radio-md);
  box-shadow:
    inset 0 0 0 1px var(--borde-dorado),
    inset 0 1px 0 color-mix(in srgb, var(--oro) 22%, transparent);
}
.verif-caja::before {
  content: "";
  position: absolute;
  inset: var(--esp-2);
  pointer-events: none;
  border: 1px solid color-mix(in srgb, var(--oro) 20%, transparent);
  border-radius: calc(var(--radio-md) - 2px);
  background:
    repeating-linear-gradient(58deg,  var(--carnet-guilloche) 0 .5px, transparent .5px 7px),
    repeating-linear-gradient(-58deg, var(--carnet-guilloche) 0 .5px, transparent .5px 7px);
}
.verif-caja > * { position: relative; z-index: 1; }
.verif-sello {
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  margin: 0 auto var(--esp-6);
  padding: 0;
  border: 0;
  border-radius: 50%;
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-2xl);
  line-height: 1;
  letter-spacing: var(--tracking-normal);
  text-transform: none;
}
.verif-sello.ok {
  color: var(--negro-000);
  background:
    radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--blanco) 45%, transparent), transparent 55%),
    repeating-conic-gradient(from 0deg,
      color-mix(in srgb, var(--dorado-ornamento) 16%, transparent) 0deg 1.6deg,
      transparent 1.6deg 4deg),
    var(--degradado-oro);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--marfil) 70%, transparent),
    inset 0 0 0 5px color-mix(in srgb, var(--dorado-ornamento) 20%, transparent),
    inset 0 0 0 6px color-mix(in srgb, var(--oro) 70%, transparent),
    0 0 34px -12px color-mix(in srgb, var(--oro-brillante) 60%, transparent);
}
.verif-sello.no {
  color: var(--texto-secundario);
  background: var(--fondo-sutil);
  box-shadow: inset 0 0 0 1px var(--borde-medio);
}
@media (max-width: 639.98px) {
  .carnet { max-width: 100%; padding: 0; }
}
@media print {
  body.pagina-carnet { background: var(--blanco); }
  .carnet {
    max-width: 85.6mm;
    transform: none;
    box-shadow: inset 0 0 0 .2mm var(--m-filete);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    break-inside: avoid;
  }
  .carnet .carnet-glare { display: none; }
  .carnet .carnet-fila-inf .carnet-barra {
    background: var(--carnet-codigo-fondo);
    box-shadow: 0 0 0 .2mm var(--m-filete);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .carnet .carnet-fila-inf .carnet-barra span { color: var(--carnet-codigo-barra); }
  .carnet .carnet-qr { background: var(--carnet-codigo-fondo); }
  .carnet .carnet-fila-inf .carnet-barra img,
  .carnet .carnet-qr img { mix-blend-mode: normal; }
  .carnet .carnet-barra img { image-rendering: auto; }
}
@property --gx {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 31%;
}
@property --gy {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 48%;
}
@property --gxn {
  syntax: "<number>";
  inherits: true;
  initial-value: 31;
}
@property --gyn {
  syntax: "<number>";
  inherits: true;
  initial-value: 48;
}
@keyframes carnet-barrido {
  from { --gx: 20%; --gy: 6%;  --gxn: 20; --gyn: 6; }
  to   { --gx: 42%; --gy: 90%; --gxn: 42; --gyn: 90; }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) and (timeline-scope: --n) {
    .carnet {
      view-timeline-name: --carnet-pasa;
      view-timeline-axis: block;
    }
    body.pagina-carnet {
      timeline-scope: --carnet-pasa;
      animation-name: carnet-barrido;
      animation-duration: auto;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: --carnet-pasa;
      animation-range: entry 40% exit 60%;
    }
  }
}
@media (min-width: 900px) {
  body.pagina-carnet .ax-main .rail-claro:has(> :nth-child(6):last-child) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.pagina-carnet .ax-main:has(> .perfil-rejilla) .carnet {
    max-width: none;
  }
}
:is(.carnet-gold, .cat-gold) {
  --m-tinta: color-mix(in srgb, var(--nivel-gold-tinta) 72%, var(--negro-000));
  --m-acento: color-mix(in srgb, var(--nivel-gold-tinta) 72%, var(--negro-000));
  --m-tinta-2: color-mix(in srgb, var(--nivel-gold-tinta) 64%, var(--negro-000));
  --m-tinta-3: var(--m-tinta-2);
}
:is(.carnet-gold, .cat-gold) {
  --placa-hondo: color-mix(in srgb, var(--m-sombra) 88%, var(--oro-brillante));
  --placa-tinta: var(--carnet-codigo-barra);
}
@container (max-width: 380px) {
  .carnet .carnet-vigencia > span { display: block; }
}
.carnet-puerta {
  position: relative;
  aspect-ratio: 1.586;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--esp-3);
  padding: clamp(1rem, 4vw, 1.8rem) clamp(1.1rem, 5vw, 2.2rem);
  border-radius: var(--radio-sm);
  border: 1px solid var(--dorado-ornamento);
  background: var(--negro-200);
  color: var(--texto-primario);
}
.carnet-puerta h2 {
  margin: 0;
  font-family: var(--fuente-ceremonial);
  font-size: clamp(1.15rem, 2.6vw, 1.5rem);
  line-height: 1.15;
  color: var(--oro);
}
.carnet-puerta p {
  margin: 0;
  font-size: var(--tipo-sm);
  line-height: 1.45;
  color: var(--texto-secundario);
}
.carnet-puerta .acciones-fila { margin-top: var(--esp-2); }
.carnet-puerta .campo-ayuda { font-size: var(--tipo-xs); opacity: .75; }
@media (max-width: 639.98px) {
  .carnet-puerta { aspect-ratio: auto; }
}
@media print {
  .carnet-puerta { border: 1px solid #999; background: none; color: var(--negro-000); }
}
:is(.carnet-expert, .carnet-black, .cat-expert, .cat-black) {
  --m-luz: color-mix(in srgb, var(--oro-brillante) 62%, var(--negro-000));
  --brillo-a: 14%;
}
:is(.carnet-expert, .carnet-black, .cat-expert, .cat-black) {
  --placa-tinta: color-mix(in srgb, var(--oro-brillante) 92%, var(--blanco));
}
.carnet:is(.carnet-expert, .carnet-black) .carnet-fila-inf .carnet-barra span {
  text-shadow: 0 1px 0 color-mix(in srgb, var(--negro-000) 55%, transparent);
}
.carnet:is(.carnet-expert, .carnet-black) :is(.carnet-nombre, .carnet-codigo, .carnet-vigencia) {
  position: relative;
  isolation: isolate;
}
.carnet:is(.carnet-expert, .carnet-black) :is(.carnet-nombre, .carnet-codigo, .carnet-vigencia)::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -0.7cqw -1.4cqw;
  border-radius: 1.4cqw;
  background: color-mix(in srgb, var(--negro-000) 80%, transparent);
  filter: blur(5px);
  pointer-events: none;
}
.verif-sello.ok {
  background:
    radial-gradient(circle at 50% 47%,
      color-mix(in srgb, var(--marfil) 74%, transparent) 0 30%,
      color-mix(in srgb, var(--marfil) 26%, transparent) 47%,
      transparent 64%),
    radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--blanco) 45%, transparent), transparent 55%),
    repeating-conic-gradient(from 0deg,
      color-mix(in srgb, var(--dorado-ornamento) 16%, transparent) 0deg 1.6deg,
      transparent 1.6deg 4deg),
    var(--degradado-oro);
}
.carnet:is(.carnet-expert, .carnet-black) :is(.carnet-nombre, .carnet-codigo, .carnet-vigencia)::before {
  content: none;
}
.carnet:is(.carnet-expert, .carnet-black) .carnet-fila-inf > div:first-child {
  position: relative;
  isolation: isolate;
}
.carnet:is(.carnet-expert, .carnet-black) .carnet-fila-inf > div:first-child::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -42cqw -28cqw -22cqw -30cqw;
  pointer-events: none;
  background:
    linear-gradient(104deg,
      transparent 0 30%,
      color-mix(in srgb, var(--m-luz) 11%, transparent) 40%,
      transparent 52%),
    radial-gradient(86% 72% at 38% 66%,
      color-mix(in srgb, var(--negro-000) 53%, transparent) 0 16%,
      color-mix(in srgb, var(--negro-000) 46%, transparent) 38%,
      color-mix(in srgb, var(--negro-000) 32%, transparent) 58%,
      color-mix(in srgb, var(--negro-000) 16%, transparent) 78%,
      transparent 100%);
}
@media print {
  .verif-caja.verif-caja.verif-caja.verif-caja {
    --papel-tinta: #14181f;
    --papel-rotulo: #3a2c10;
    --papel-si: #0d3a1e;
    --papel-no: #6d1420;
    background: var(--blanco);
    background-image: none;
    border: 1px solid var(--dorado-ornamento);
    box-shadow: none;
    color: var(--papel-tinta);
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .verif-caja.verif-caja::before,
  .verif-caja.verif-caja::after { content: none; }
  .verif-caja.verif-caja,
  .verif-caja.verif-caja :is(h1, h2, h3, p, li, span, small, strong, em, dt, dd, time, a, div) {
    color: var(--papel-tinta);
    text-shadow: none;
  }
  .verif-caja.verif-caja .eyebrow { color: var(--papel-rotulo); }
  .verif-caja.verif-caja .verif-datos li > span { color: var(--papel-tinta); }
  .verif-caja.verif-caja.verif-caja.verif-caja .verif-sello {
    background: var(--blanco);
    background-image: none;
    color: var(--papel-tinta);
    box-shadow: inset 0 0 0 .7mm var(--papel-tinta);
    filter: none;
    animation: none;
  }
  .verif-caja.verif-caja .verif-sello::before,
  .verif-caja.verif-caja .verif-sello::after { content: none; }
  .verif-caja.verif-caja .verif-sello.ok {
    color: var(--papel-si);
    box-shadow: inset 0 0 0 .7mm var(--papel-si);
  }
  .verif-caja.verif-caja .verif-sello.no {
    color: var(--papel-no);
    box-shadow: inset 0 0 0 .7mm var(--papel-no);
  }
}
.carnet.carnet-demo .carnet-fila-inf > div:first-child {
  position: relative;
  isolation: isolate;
}
.carnet.carnet-demo .carnet-fila-inf > div:first-child::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -42cqw -28cqw -22cqw -30cqw;
  pointer-events: none;
  background:
    radial-gradient(86% 72% at 38% 66%,
      color-mix(in srgb, var(--m-luz) 36%, transparent) 0 16%,
      color-mix(in srgb, var(--m-luz) 30%, transparent) 38%,
      color-mix(in srgb, var(--m-luz) 18%, transparent) 58%,
      color-mix(in srgb, var(--m-luz) 8%, transparent) 78%,
      transparent 100%);
}
body.pagina-carnet .perfil-rejilla > section:first-of-type {
  padding-block: clamp(14px, 1.6vw, 20px) clamp(26px, 2.6vw, 34px);
  border-block: 1px solid color-mix(in srgb, var(--oro) 20%, transparent);
}
body.pagina-carnet .carnet-marca-bloque {
  display: flex; align-items: center; gap: .45em;
  margin: 0 0 clamp(10px, 1.2vw, 14px);
  font-family: var(--fuente-ceremonial);
  font-size: clamp(1.6rem, 4.6vw, 2.15rem);
  font-weight: var(--peso-semi);
  line-height: 1.04;
  letter-spacing: .085em;
  color: var(--oro);
}
body.pagina-navy .verif-caja h1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(10px, 1.4vw, 14px);
  font-size: clamp(2.1rem, 8.4vw, 3.05rem);
  letter-spacing: .05em;
  line-height: 1.02;
}
body.pagina-navy .verif-caja h1 .verif-vigente {
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-xs);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-etiqueta);
  line-height: 1.2;
  text-transform: uppercase;
  padding: 3px var(--esp-4);
  border-radius: 999px;
  color: var(--negro-000);
  background: var(--degradado-oro);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--marfil) 45%, transparent);
}
body.pagina-navy .verif-caja .verif-datos li:first-child > strong {
  font-size: clamp(1.5rem, 5.8vw, 1.95rem);
  letter-spacing: .005em;
}
body.pagina-navy .verif-caja .verif-datos .mini-cat {
  font-size: var(--tipo-xs);
  padding: var(--esp-2) var(--esp-4);
}
@media (max-width: 639.98px) {
  body.pagina-carnet .carnet-marca-bloque {
    font-size: clamp(1.5rem, 7.4vw, 1.9rem);
  }
}
@media print {
  body.pagina-carnet .carnet-marca-bloque { color: var(--negro-000); }
}
@media (forced-colors: active) {
  body.pagina-navy .verif-caja h1 .verif-vigente {
    forced-color-adjust: none;
    color: CanvasText;
    background: Canvas;
    box-shadow: inset 0 0 0 1px CanvasText;
  }
}
body.pagina-carnet .carnet-marca-bloque {
  font-size: clamp(27px, 4.6vw, 34px);
  line-height: clamp(30px, 5vw, 36px);
}
@media (max-width: 639.98px) {
  body.pagina-carnet .carnet-marca-bloque {
    font-size: 27px;
    line-height: 30px;
  }
}
body.pagina-carnet .carnet-marca-bloque .bandera-grande { width: 1.15em; height: auto; border-radius: 0; box-shadow: 0 0 0 1px rgb(var(--negro-rgb) / .35); }
.retrato{ position:relative; display:block; aspect-ratio:4/5; background:var(--laca); border-radius:0; overflow:hidden; margin:0; }
.retrato > img{ display:block; width:100%; height:100%; object-fit:cover; margin:0; border:0; border-radius:0; max-width:none; }
figure.retrato--sin-foto, span.retrato--sin-foto{ background:var(--laca-2); box-shadow:none; }
.retrato::after{ content:""; position:absolute; inset:4px; pointer-events:none; border:1px solid var(--oro-linea); }
.perfil-hero figure.retrato{ aspect-ratio:4/5; }
.perfil-hero figure.retrato > img{ clip-path:inset(12% 6% 2.7% 5.9%); }
.perfil-hero figure.retrato::after{ inset:0; border:0; opacity:1; background:var(--laton);
  -webkit-mask:url("/static/ds/ornamentos/retrato.svg") 50% 50% / 203.97% auto no-repeat;
          mask:url("/static/ds/ornamentos/retrato.svg") 50% 50% / 203.97% auto no-repeat; }
body .ax-main .perfil-hero.saludo-cine figure.retrato{ width:clamp(104px,9vw,128px); }
:is(.carnet-silver, .carnet-platinum, .cat-silver, .cat-platinum, .carnet-purple, .cat-purple) {
  --m-tinta-2: color-mix(in srgb, var(--m-tinta) 100%, var(--m-plano));
  --m-tinta-3: color-mix(in srgb, var(--m-tinta) 98%, var(--m-plano));
  --placa-tinta: color-mix(in srgb, var(--marfil) 92%, var(--oro-brillante));
}
.carnet:is(.carnet-silver, .carnet-platinum, .cat-silver, .cat-platinum, .carnet-purple, .cat-purple) .carnet-fila-inf > div:first-child {
  position: relative;
  isolation: isolate;
}
.carnet:is(.carnet-silver, .carnet-platinum, .cat-silver, .cat-platinum, .carnet-purple, .cat-purple) .carnet-fila-inf > div:first-child::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -22cqw -20cqw -14cqw -22cqw;
  pointer-events: none;
  background:
    linear-gradient(104deg,
      transparent 0 30%,
      color-mix(in srgb, var(--m-sombra) 9%, transparent) 40%,
      transparent 52%),
    radial-gradient(62% 52% at 38% 52%,
      color-mix(in srgb, var(--marfil) 64%, transparent) 0 18%,
      color-mix(in srgb, var(--marfil) 58%, transparent) 40%,
      color-mix(in srgb, var(--marfil) 40%, transparent) 62%,
      color-mix(in srgb, var(--marfil) 17%, transparent) 82%,
      transparent 100%);
}
.carnet:is(.carnet-silver, .carnet-platinum, .cat-silver, .cat-platinum, .carnet-purple, .cat-purple) .carnet-cat {
  background: color-mix(in srgb, var(--marfil) 88%, var(--m-plano));
}
body.pagina-carnet .perfil-rejilla .carnet + .acciones-fila {
  margin-top: var(--esp-4);
}
.carnet:is(.carnet-silver, .carnet-platinum, .cat-silver, .cat-platinum, .carnet-purple, .cat-purple) .carnet-fila-inf > div:first-child::before {
  -webkit-mask-image: radial-gradient(62% 52% at 38% 52%,
    var(--blanco) 0 62%, transparent 100%);
          mask-image: radial-gradient(62% 52% at 38% 52%,
    var(--blanco) 0 62%, transparent 100%);
  clip-path: inset(-1px -1px calc(14cqw - 5.6cqw - 1px) calc(22cqw - 5.6cqw - 1px));
}
.carnet:is(.carnet-expert, .carnet-black, .cat-expert, .cat-black) {
  --m-sombra-viva: color-mix(in srgb, var(--m-sombra) 88%, var(--dorado-ornamento));
}
.carnet:is(.carnet-expert, .carnet-black) {
  background-image:
    var(--cepillado),
    linear-gradient(104deg,
      color-mix(in srgb, var(--m-luz) 20%, transparent) 0%,
      transparent 6%,
      color-mix(in srgb, var(--m-sombra-viva) 78%, transparent) 13%,
      color-mix(in srgb, var(--m-luz) 13%, transparent) 22%,
      color-mix(in srgb, var(--m-luz) 11%, transparent) 28%,
      color-mix(in srgb, var(--m-sombra-viva) 58%, transparent) 34%,
      color-mix(in srgb, var(--esp-nucleo) 30%, transparent) 37.4%,
      color-mix(in srgb, var(--esp-nucleo) 72%, transparent) 39%,
      color-mix(in srgb, var(--esp-nucleo) 26%, transparent) 40.6%,
      color-mix(in srgb, var(--m-luz) 16%, transparent) 43%,
      color-mix(in srgb, var(--m-sombra-viva) 46%, transparent) 47%,
      color-mix(in srgb, var(--m-luz) 9%, transparent) 53%,
      color-mix(in srgb, var(--m-sombra-viva) 82%, transparent) 62%,
      color-mix(in srgb, color-mix(in srgb, var(--m-sombra) 88%, var(--negro-000)) 92%, transparent) 71%,
      color-mix(in srgb, var(--m-sombra-viva) 88%, transparent) 82%,
      color-mix(in srgb, var(--m-sombra-viva) 72%, transparent) 100%),
    radial-gradient(64% 52% at 84% 90%,
      color-mix(in srgb, var(--m-luz) 46%, transparent) 0%,
      color-mix(in srgb, var(--m-luz) 20%, transparent) 44%,
      transparent 76%),
    repeating-linear-gradient(104deg,
      color-mix(in srgb, var(--m-sombra) .5%, transparent) 0 1px,
      transparent 1px 2px,
      color-mix(in srgb, var(--m-luz) .5%, transparent) 2px 3px,
      transparent 3px 4px),
    linear-gradient(138deg,
      transparent 10%,
      color-mix(in srgb, var(--m-sombra) 46%, transparent) 52%,
      color-mix(in srgb, var(--m-sombra) 92%, transparent) 100%),
    linear-gradient(135deg,
      color-mix(in srgb, var(--m-luz) 30%, transparent) 0%,
      transparent 28%),
    var(--m-lamina);
}
.carnet:is(.carnet-expert, .carnet-black)::after {
  background-image:
    repeating-radial-gradient(circle at 90% 24%,
      color-mix(in srgb, var(--m-grabado) 18%, transparent) 0 .5px, transparent .5px 19px),
    repeating-linear-gradient(104deg,
      color-mix(in srgb, var(--m-sombra) .4%, transparent) 0 .5px, transparent .5px 3px),
    repeating-linear-gradient(104deg,
      color-mix(in srgb, var(--m-luz) .7%, transparent) 1.5px 2px, transparent 2px 4.7px),
    repeating-linear-gradient(104deg,
      color-mix(in srgb, var(--m-sombra) .4%, transparent) 0 .5px, transparent .5px 7.3px);
  background-size: 132% 152%, auto, auto, auto;
}
.carnet:is(.carnet-silver, .carnet-platinum, .cat-silver, .cat-platinum, .carnet-purple, .cat-purple) .carnet-marca {
  position: relative;
  isolation: isolate;
}
.carnet:is(.carnet-silver, .carnet-platinum, .cat-silver, .cat-platinum, .carnet-purple, .cat-purple) .carnet-marca::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -16cqw -20cqw;
  pointer-events: none;
  background:
    radial-gradient(50% 50% at 50% 50%,
      color-mix(in srgb, var(--marfil) 46%, transparent) 0 22%,
      color-mix(in srgb, var(--marfil) 40%, transparent) 46%,
      color-mix(in srgb, var(--marfil) 26%, transparent) 68%,
      color-mix(in srgb, var(--marfil) 11%, transparent) 84%,
      transparent 100%);
  -webkit-mask-image: radial-gradient(50% 50% at 50% 50%,
    var(--blanco) 0 45%, transparent 100%);
          mask-image: radial-gradient(50% 50% at 50% 50%,
    var(--blanco) 0 45%, transparent 100%);
  clip-path: inset(calc(16cqw - 5.6cqw - 1px) -1px -1px calc(20cqw - 5.6cqw - 1px));
}
body.pagina-carnet .perfil-rejilla .acciones-fila a.btn {
  color: var(--negro-000);
  background: var(--degradado-oro);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--marfil) 42%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--marfil) 30%, transparent);
}
body.pagina-carnet .perfil-rejilla .acciones-fila a.btn:hover {
  color: var(--negro-000);
  background: var(--degradado-oro);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--marfil) 66%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--marfil) 44%, transparent),
    0 0 30px -14px color-mix(in srgb, var(--oro) 70%, transparent);
}
.carnet:is(.carnet-expert, .carnet-black, .cat-expert, .cat-black) {
  --m-lamina: linear-gradient(135deg,
    color-mix(in srgb, var(--dorado-ornamento) 36%, var(--negro-000)) 0%,
    var(--negro-000) 58%,
    color-mix(in srgb, var(--dorado-ornamento) 19%, var(--negro-000)) 100%);
  --esp-nucleo: color-mix(in srgb, var(--oro-brillante) 80%, var(--blanco));
}
.carnet:is(.carnet-silver, .carnet-platinum, .cat-silver, .cat-platinum) {
  --esp-nucleo: color-mix(in srgb, var(--blanco) 82%, var(--plata));
}
.carnet:is(.carnet-purple, .cat-purple) {
  --esp-nucleo: color-mix(in srgb, var(--blanco) 84%, var(--nivel-purple-tinta));
}
.carnet.carnet-expert::before,
.carnet.cat-expert::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: none;
  background-image:
    linear-gradient(104deg,
      color-mix(in srgb, var(--m-luz) 26%, transparent) 0%,
      color-mix(in srgb, var(--m-luz) 40%, transparent) 62%,
      color-mix(in srgb, var(--m-luz) 24%, transparent) 100%),
    repeating-radial-gradient(circle at 90% 24%,
      color-mix(in srgb, var(--oro-brillante) 13%, transparent) 0 .2cqw,
      transparent .2cqw 4.2cqw),
    linear-gradient(104deg,
      transparent 46%,
      color-mix(in srgb, var(--m-luz) 7%, transparent) 58%,
      color-mix(in srgb, var(--m-luz) 22%, transparent) 66%,
      color-mix(in srgb, var(--m-luz) 5%, transparent) 72%,
      transparent 79%,
      color-mix(in srgb, var(--m-luz) 12%, transparent) 88%,
      transparent 96%);
  -webkit-mask-image: linear-gradient(104deg,
    transparent 40%,
    color-mix(in srgb, var(--negro-000) 55%, transparent) 50%,
    var(--negro-000) 62%), var(--veta-honda);
          mask-image: linear-gradient(104deg,
    transparent 40%,
    color-mix(in srgb, var(--negro-000) 55%, transparent) 50%,
    var(--negro-000) 62%), var(--veta-honda);
  -webkit-mask-mode: alpha, luminance;
          mask-mode: alpha, luminance;
  -webkit-mask-size: auto, 62% auto;
          mask-size: auto, 62% auto;
  -webkit-mask-repeat: no-repeat, repeat;
          mask-repeat: no-repeat, repeat;
  -webkit-mask-composite: source-in;
          mask-composite: intersect;
}
@media print {
  .carnet.carnet-expert::before,
  .carnet.cat-expert::before { content: none; }
}
.carnet:is(.carnet-silver, .carnet-platinum, .cat-silver, .cat-platinum) {
  --placa-luz: color-mix(in srgb, var(--m-sombra) 66%, var(--brisa));
  --placa-rebaje: color-mix(in srgb, var(--m-sombra) 82%, var(--brisa));
  --placa-hondo: color-mix(in srgb, var(--m-sombra) 97%, var(--brisa));
  --placa-ventana: color-mix(in srgb, var(--brisa) 76%, var(--m-sombra));
}
.carnet:is(.carnet-purple, .cat-purple) {
  --placa-luz: color-mix(in srgb, var(--m-sombra) 74%, var(--nube));
  --placa-rebaje: color-mix(in srgb, var(--m-sombra) 88%, var(--nube));
  --placa-hondo: color-mix(in srgb, var(--m-sombra) 99%, var(--nube));
  --placa-ventana: color-mix(in srgb, var(--nube) 70%, var(--m-sombra));
}
.carnet:is(.carnet-expert, .carnet-black, .cat-expert, .cat-black) {
  --cepillado: var(--veta-honda);
}
.carnet:is(.carnet-silver, .carnet-platinum, .carnet-purple,
           .cat-silver, .cat-platinum, .cat-purple) {
  --cepillado: var(--veta-clara);
}

/* ── ds/50-cine.css ── */
:root {
  --formato-cartel: 2.76;
  --reserva-sala: 260px;
  --filete-cine:        color-mix(in srgb, var(--oro) 22%, transparent);
  --filete-cine-tenue:  color-mix(in srgb, var(--oro) 12%, transparent);
  --filete-cine-fuerte: color-mix(in srgb, var(--oro) 46%, transparent);
  --luz-placa-alto:  color-mix(in srgb, var(--oro) 18%, transparent);
  --luz-placa-falda: color-mix(in srgb, var(--oro) 6%, transparent);
  --luz-placa-suelo: color-mix(in srgb, var(--oro) 4%, transparent);
  --tinta-cine-alta:  color-mix(in srgb, var(--gris-950) 64%, var(--oro));
  --tinta-cine-media: color-mix(in srgb, var(--gris-900) 64%, var(--oro));
  --tinta-cine-suave: color-mix(in srgb, var(--gris-800) 64%, var(--oro));
  --tinta-cine-baja:  color-mix(in srgb, var(--gris-700) 64%, var(--oro));
  --fantasma-relleno:   color-mix(in srgb, var(--oro) 9%, transparent);
  --fantasma-contorno:  color-mix(in srgb, var(--oro) 44%, transparent);
  --velo-cine-90: color-mix(in srgb, var(--negro) 90%, transparent);
  --velo-cine-78: color-mix(in srgb, var(--negro) 78%, transparent);
  --velo-cine-72: color-mix(in srgb, var(--negro) 72%, transparent);
  --velo-cine-56: color-mix(in srgb, var(--negro) 56%, transparent);
  --velo-cine-34: color-mix(in srgb, var(--negro) 34%, transparent);
  --sangria-cine: var(--esp-5);
  --realce-alza-lamina:  0px;
  --realce-escala-marco: 1;
  --realce-zoom-arte:    1.085;
  --tope-main: var(--esp-12);
  --fundido-riel: clamp(var(--esp-16), 19vw, calc(var(--esp-32) + var(--esp-8)));
  --exposicion-lamina:        brightness(2.52) contrast(1.30);
  --exposicion-lamina-hero:   brightness(2.80) contrast(1.22);
  --exposicion-lamina-realce: brightness(2.86) contrast(1.26);
  --grado-bloqueado:          saturate(.62);
  --gutter-aprox: calc(var(--sangria-cine) + max(0px, (100cqi - var(--ancho-contenido)) / 2));
}
body.pagina-cine { overflow-x: clip; }
@media (max-width: 759.98px) {
  :root {
    --sangria-cine: var(--esp-4);
    --tope-main: var(--esp-8);
  }
}
body.pagina-cine .ax-main { padding-bottom: var(--esp-12); }
body.pagina-cine {
  --texto-secundario: var(--tinta-cine-suave);
  --texto-tenue:      var(--tinta-cine-baja);
}
body.pagina-cine .ax-main :is(h1, h2, h3),
body.pagina-cine .ax-main .cine-hero-titulo,
body.pagina-cine .ax-main .rail-titulo { color: var(--tinta-cine-alta); }
body.pagina-cine .ax-main .rail-titulo { color: var(--tinta-cine-media); }
body.pagina-cine .ax-main .eyebrow { color: var(--texto-oro); }
body.pagina-cine .ax-main .cine-progreso-nota strong,
body.pagina-cine .ax-main .cine-hero-meta strong { color: var(--texto-oro); }
body.pagina-cine .btn-oro { color: var(--nivel-gold-tinta); }
body.pagina-cine .btn-linea-oro { color: var(--texto-oro); border-color: var(--filete-cine-fuerte); }
body.pagina-cine .btn-linea-oro:hover { color: var(--texto-primario); border-color: var(--ornamento-oro); }
body.pagina-cine .ax-main .btn,
body.pagina-cine .ax-main .btn-oro,
body.pagina-cine .ax-main .btn-linea,
body.pagina-cine .ax-main .btn-linea-oro { border-radius: var(--radio-0); }
.cine-hero,
.cine-vacio,
.sala-pantalla,
.ep-poster,
.rail-card { box-shadow: none; }
body.pagina-cine .ax-main { position: relative; }
.cine-cabecera {
  position: absolute;
  top: 0;
  left: var(--sangria-cine);
  right: var(--sangria-cine);
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--esp-2) var(--esp-8);
  margin: 0;
  padding: clamp(var(--esp-5), 2.4vw, var(--esp-8)) 0 0;
  border-bottom: 0;
}
.cine-cabecera .eyebrow {
  display: block;
  margin-bottom: var(--esp-2);
  color: var(--texto-oro);
}
body.pagina-cine .ax-main:not([hidden]) :is(.eyebrow, .rail-titulo,
  .cine-hero-meta, .cine-progreso-nota, .ep-estado, .ep-candado > span,
  .sala-volver) {
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-xs);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
}
body.pagina-cine .ax-main:not([hidden]) .btn {
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-xs);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-nav);
  text-transform: uppercase;
}
.cine-cabecera h1 {
  margin: 0;
  font-family: var(--fuente-ceremonial);
  font-weight: var(--peso-semi);
  font-size: clamp(var(--tipo-xl), 2.6vw, var(--tipo-2xl));
  line-height: var(--interlinea-titulo);
  letter-spacing: var(--tracking-titulo);
  color: var(--tinta-cine-alta);
  text-wrap: balance;
}
.cine-progreso {
  display: flex;
  align-items: center;
  gap: var(--esp-4);
  height: auto;
  overflow: visible;
  background: none;
  border-radius: 0;
}
.cine-progreso > .cine-progreso-nota {
  display: block;
  height: auto;
  margin: 0;
  text-align: right;
  background: none;
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  font-weight: var(--peso-semi);
  line-height: var(--interlinea-titulo);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  color: var(--tinta-cine-baja);
}
.cine-progreso-nota strong {
  display: block;
  font-family: var(--fuente-ceremonial);
  font-weight: var(--peso-semi);
  font-size: var(--tipo-lg);
  letter-spacing: var(--tracking-titulo);
  text-transform: none;
  color: var(--texto-oro);
  font-variant-numeric: lining-nums tabular-nums;
}
.cine-hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: clamp(560px, 96vw, 640px);
  margin: calc(-1 * var(--tope-main)) calc(50% - 50cqi) var(--esp-10);
  padding-inline: calc(50cqi - 50%);
  padding-top: clamp(164px, 20vw, 210px);
  overflow: hidden;
  isolation: isolate;
  background: var(--negro);
  border: 0;
  border-radius: 0;
}
.cine-hero-velo {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to top, var(--negro) 0%, transparent 24%),
    linear-gradient(to right, var(--velo-cine-90) 0%, var(--velo-cine-56) 30%, transparent 54%),
    linear-gradient(to top, var(--velo-cine-72) 0%, var(--velo-cine-34) 20%, transparent 46%),
    linear-gradient(to bottom, var(--velo-cine-72) 0%, var(--velo-cine-56) 7%,
                               var(--velo-cine-34) 14%, transparent 22%);
}
.cine-hero-contenido {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: none;
  padding: 0 0 clamp(var(--esp-8), 4vw, var(--esp-12));
}
.cine-hero-contenido > * { max-width: min(34rem, 100%); }
.cine-hero .eyebrow {
  display: flex;
  align-items: center;
  gap: var(--esp-3);
  margin-bottom: var(--esp-4);
  color: var(--texto-oro);
}
.cine-hero .eyebrow::before {
  content: "";
  flex: none;
  width: var(--esp-8);
  height: var(--borde-fino);
  background: var(--ornamento-oro);
  opacity: .75;
}
.cine-hero-titulo {
  margin: 0 0 var(--esp-3);
  max-width: 15ch;
  font-family: var(--fuente-ceremonial);
  font-weight: var(--peso-semi);
  font-size: clamp(var(--tipo-2xl), 5.4vw, var(--tipo-4xl));
  line-height: var(--interlinea-ajustada);
  letter-spacing: var(--tracking-titulo-grande);
  color: var(--tinta-cine-alta);
  text-wrap: balance;
}
.cine-hero-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 var(--esp-4);
  max-width: 42ch;
  font-size: var(--tipo-md);
  line-height: var(--interlinea-normal);
  font-family: var(--fuente-interfaz);
  font-weight: var(--peso-normal);
  color: var(--tinta-cine-media);
}
.cine-hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--esp-1) var(--esp-3);
  margin: 0;
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  font-weight: var(--peso-semi);
  line-height: var(--interlinea-titulo);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  color: var(--tinta-cine-baja);
}
.cine-hero-meta strong { color: var(--texto-oro); font-weight: var(--peso-semi); }
.cine-hero-meta [aria-hidden] { color: var(--filete-cine-fuerte); }
.cine-hero-meta > span { display: none; }
.cine-hero-btn {
  margin-top: var(--esp-5);
  padding-inline: var(--esp-8);
  min-height: var(--esp-12);
}
body.pagina-cine .ax-main .cine-hero-btn {
  transition: transform var(--dur-media) var(--curva-salida),
              box-shadow var(--dur-media) var(--curva-salida),
              filter var(--dur-media) var(--curva-salida);
}
@media (hover: hover) {
  body.pagina-cine .ax-main .cine-hero-btn:hover {
    transform: translateY(var(--realce-alza));
    box-shadow: var(--realce-filo), var(--realce-halo);
    filter: brightness(1.12);
  }
}
body.pagina-cine .ax-main .cine-hero-btn:focus-visible {
  transform: translateY(var(--realce-alza));
  box-shadow: var(--realce-filo);
}
.cine-hero-btn.con-icono::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 9px;
  margin-left: var(--esp-3);
  background: currentColor;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.rail-titulo {
  display: flex;
  align-items: center;
  gap: var(--esp-4);
  margin: var(--esp-10) 0 var(--esp-4);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-xs);
  font-weight: var(--peso-semi);
  line-height: var(--interlinea-titulo);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  color: var(--tinta-cine-media);
}
.rail-titulo::after {
  content: "";
  flex: 1 1 auto;
  height: var(--borde-fino);
  background: linear-gradient(90deg, var(--filete-cine), var(--filete-cine-tenue) 74%);
}
.rail {
  --ancho-ep: clamp(260px, calc((100vw - 2 * var(--paso-riel)) / 2.8), 640px);
  display: flex;
  grid-auto-flow: row;
  gap: var(--paso-riel);
  margin-inline: calc(50% - 50cqi);
  padding-inline: calc(50cqi - 50%);
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.rail::-webkit-scrollbar { display: none; }
.ax-main .rail {
  scroll-padding-inline: var(--gutter-aprox);
  padding-block: var(--esp-5) var(--esp-6);
}
.ax-main .rail-claro { scroll-padding-inline: var(--sangria-cine); }
@supports ((mask-image: none) or (-webkit-mask-image: none)) {
  body.pagina-cine .ax-main .rail {
    -webkit-mask-image: linear-gradient(to right,
      transparent 0,
      var(--negro) var(--esp-2),
      var(--negro) calc(100% - var(--fundido-riel)),
      color-mix(in srgb, var(--negro) 34%, transparent)
        calc(100% - var(--fundido-riel) * .62),
      transparent 100%);
    mask-image: linear-gradient(to right,
      transparent 0,
      var(--negro) var(--esp-2),
      var(--negro) calc(100% - var(--fundido-riel)),
      color-mix(in srgb, var(--negro) 34%, transparent)
        calc(100% - var(--fundido-riel) * .62),
      transparent 100%);
  }
  body.pagina-cine .ax-main .rail:focus-within {
    -webkit-mask-image: none;
    mask-image: none;
  }
  @media (min-width: 640px) {
    body.pagina-cine .ax-main .rail:not(:has(> *:nth-child(3))) {
      -webkit-mask-image: none;
      mask-image: none;
    }
  }
}
@media (min-width: 640px) {
  body.pagina-cine .ax-main .rail:not(:has(> *:nth-child(4))) { scroll-snap-type: none; }
}
@media (max-width: 639.98px) {
  body.pagina-cine .ax-main .rail:not(:has(> *:nth-child(3))) { scroll-snap-type: none; }
}
body.pagina-cine .ax-main .rail { padding-inline-end: calc(50cqi - 50%); }
.ep {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 var(--ancho-ep);
  max-width: var(--ancho-ep);
  min-width: 0;
  gap: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  scroll-snap-align: start;
  scroll-margin-inline: 0;
  color: inherit;
  text-decoration: none;
  z-index: 0;
}
.ep-poster {
  position: relative;
  display: block;
  container-type: inline-size;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: var(--borde-fino) solid var(--filete-cine-tenue);
  border-radius: 0;
  background: var(--negro-100);
  transition: border-color var(--dur-media) var(--curva-salida),
              transform var(--dur-media) var(--curva-salida);
}
.ep-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 58% 46%;
  filter: var(--exposicion-lamina);
  scale: 1.04;
  transform-origin: 58% 46%;
  transition: transform var(--dur-lenta) var(--curva-salida),
              filter var(--dur-lenta) var(--curva-salida);
}
.ep-poster::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top,
    var(--velo-cine-90) 0%,
    var(--velo-cine-56) 13%,
    transparent 38%);
}
.ep-num {
  --num-alto: clamp(var(--tipo-lg), 5.6cqw, var(--tipo-2xl));
  position: absolute;
  left: var(--esp-5);
  bottom: var(--esp-4);
  z-index: 2;
  width: 0;
  height: 0;
  margin: 0;
  overflow: visible;
  pointer-events: none;
  font-size: 0;
  line-height: 0;
  -webkit-text-stroke: 0;
  text-shadow: none;
  color: var(--texto-oro);
}
.ep-num::after {
  content: attr(data-num);
  position: absolute;
  left: 0;
  bottom: 0;
  font-family: var(--fuente-ceremonial);
  font-weight: var(--peso-semi);
  font-size: var(--num-alto);
  line-height: 1;
  letter-spacing: var(--tracking-ancho);
  font-variant-numeric: lining-nums tabular-nums;
  color: inherit;
}
.ep-num::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(var(--num-alto) + var(--esp-2));
  width: calc(var(--num-alto) * 1.5);
  height: var(--borde-fino);
  background: var(--ornamento-oro);
  opacity: .8;
}
.ep-estado,
.ep-candado > span {
  position: absolute;
  top: var(--esp-4);
  right: var(--esp-4);
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--esp-8);
  min-width: var(--esp-8);
  border-radius: var(--radio-pastilla);
  border: var(--borde-fino) solid var(--filete-cine);
  background: var(--velo-cine-72);
  -webkit-backdrop-filter: var(--desenfoque-panel);
          backdrop-filter: var(--desenfoque-panel);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  font-weight: var(--peso-semi);
  line-height: 1;
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  color: var(--tinta-cine-alta);
}
.ep-estado.play { font-size: 0; color: transparent; }
.ep-estado.play::before {
  content: "";
  width: 7px;
  height: 9px;
  margin-left: 1px;
  background: var(--tinta-cine-alta);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.ep-estado.hecho {
  background: var(--oro);
  border-color: transparent;
  color: var(--nivel-gold-tinta);
  font-size: var(--tipo-sm);
  font-weight: var(--peso-fuerte);
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
.ep-cuerpo {
  display: block;
  padding: var(--esp-3) 0 0;
  min-height: calc(2 * var(--interlinea-titulo) * var(--tipo-sm)
                 + var(--esp-1)
                 + 2 * var(--interlinea-normal) * var(--tipo-xs));
}
.ep-titulo {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-sm);
  font-weight: var(--peso-semi);
  line-height: var(--interlinea-titulo);
  letter-spacing: var(--tracking-normal);
  color: var(--tinta-cine-alta);
}
.ep-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: var(--esp-1);
  font-family: var(--fuente-interfaz);
  font-weight: var(--peso-normal);
  font-size: var(--tipo-xs);
  line-height: var(--interlinea-normal);
  color: var(--tinta-cine-baja);
}
body.pagina-cine .ax-main a.ep {
  transition: transform var(--dur-media) var(--curva-salida);
}
body.pagina-cine .ax-main a.ep .ep-cuerpo {
  transition: color var(--dur-media) var(--curva-salida);
}
@media (hover: hover) {
  body.pagina-cine .ax-main a.ep:hover {
    z-index: 3;
  }
  body.pagina-cine .ax-main a.ep:hover .ep-poster {
    border-color: var(--ornamento-oro);
  }
  body.pagina-cine .ax-main a.ep:hover .ep-poster img {
    transform: scale(var(--realce-zoom-arte));
    filter: var(--exposicion-lamina-realce);
  }
}
body.pagina-cine .ax-main a.ep:focus-visible {
  z-index: 3;
}
body.pagina-cine .ax-main a.ep:focus-visible .ep-poster {
  border-color: var(--ornamento-oro);
}
body.pagina-cine .ax-main a.ep:focus-visible .ep-poster img {
  transform: scale(var(--realce-zoom-arte));
  filter: var(--exposicion-lamina-realce);
}
body.pagina-cine .ax-main a.ep:active {
  transform: translateY(0) scale(var(--escala-presion));
  transition-duration: var(--dur-rapida);
}
body.pagina-cine .ax-main a.ep:active .ep-poster {
  transform: none;
  transition-duration: var(--dur-rapida);
}
.ep-actual { background: none; border-radius: 0; }
.ep-actual .ep-poster { border-color: var(--filete-cine-fuerte); box-shadow: none; }
.ep-actual .ep-num::before { opacity: 1; }
.ep-bloqueado { opacity: 1; }
.ep-bloqueado .ep-poster { border-color: var(--borde-tenue); }
.ep-bloqueado .ep-poster img { filter: var(--exposicion-lamina) var(--grado-bloqueado); }
body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep > .ep-poster img {
  filter: var(--exposicion-lamina-hero);
}
body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep.ep-bloqueado > .ep-poster img {
  filter: var(--exposicion-lamina-hero) var(--grado-bloqueado);
}
.ep-bloqueado .ep-poster::after {
  background: linear-gradient(to top,
    var(--velo-cine-90) 0%,
    var(--velo-cine-56) 18%,
    transparent 52%);
}
.ep-bloqueado .ep-num { color: var(--tinta-cine-suave); }
.ep-bloqueado .ep-num::before { background: var(--borde-plata); opacity: .7; }
.ep-bloqueado .ep-titulo { color: var(--tinta-cine-suave); }
.ep-candado {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  padding: 0;
}
.ep-candado > span {
  padding-inline: var(--esp-4);
  border-color: var(--borde-plata);
}
.cine-vacio {
  position: relative;
  display: grid;
  place-items: center;
  text-align: center;
  min-height: clamp(540px, 92vw, 600px);
  margin: calc(-1 * var(--tope-main)) calc(50% - 50cqi) var(--esp-10);
  padding-inline: calc(50cqi - 50%);
  padding-top: clamp(140px, 16vw, 180px);
  overflow: hidden;
  background: var(--negro);
  border: 0;
  border-radius: 0;
}
.cine-vacio img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 42%;
  scale: 1.06;
  transform-origin: 50% 42%;
  filter: var(--exposicion-lamina-hero);
}
.cine-vacio-velo {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to top, var(--negro) 0%, transparent 26%),
    linear-gradient(to bottom, var(--velo-cine-78) 0%, var(--velo-cine-34) 18%, transparent 32%),
    radial-gradient(70% 64% at 50% 56%, var(--velo-cine-78), var(--velo-cine-34) 82%);
}
.cine-vacio-cont {
  position: relative;
  z-index: 1;
  max-width: 34rem;
  padding-block: clamp(var(--esp-6), 5vw, var(--esp-12));
}
.cine-vacio-cont .eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--esp-3);
  margin-bottom: var(--esp-4);
  color: var(--texto-oro);
}
.cine-vacio-cont .eyebrow::before,
.cine-vacio-cont .eyebrow::after {
  content: "";
  width: var(--esp-8);
  height: var(--borde-fino);
  background: var(--ornamento-oro);
  opacity: .6;
}
.cine-vacio-cont h2 {
  margin: 0;
  font-family: var(--fuente-ceremonial);
  font-weight: var(--peso-semi);
  font-size: clamp(var(--tipo-xl), 4.6vw, var(--tipo-3xl));
  line-height: var(--interlinea-titulo);
  letter-spacing: var(--tracking-titulo);
  color: var(--tinta-cine-alta);
  text-wrap: balance;
}
.cine-vacio-cont h2::after {
  content: "";
  display: block;
  width: var(--esp-16);
  height: var(--borde-fino);
  margin: var(--esp-5) auto;
  background: var(--ornamento-oro);
  opacity: .5;
}
.cine-vacio-cont p {
  margin: 0 auto;
  max-width: 46ch;
  font-family: var(--fuente-lectura);
  font-style: normal;
  font-size: var(--tipo-md);
  line-height: var(--interlinea-amplia);
  color: var(--tinta-cine-media);
}
body.pagina-cine .sala {
  --ancho-pantalla: min(100cqi, calc((100vh - var(--reserva-sala)) * var(--formato-cartel)));
  --alto-pantalla: min(calc(var(--ancho-pantalla) * 9 / 16), 58vh);
  position: relative;
  max-width: none;
  margin: calc(var(--esp-5) - var(--tope-main)) 0 0;
}
body.pagina-cine .sala:has(.sala-poster) {
  margin-top: calc(-1 * var(--tope-main));
}
body.pagina-cine .sala::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: calc(var(--alto-pantalla) * .72);
  width: min(100cqi, 1320px);
  aspect-ratio: 5 / 2;
  transform: translateX(-50%);
  pointer-events: none;
  background: radial-gradient(58% 58% at 50% 28%,
    color-mix(in srgb, var(--oro) 11%, transparent) 0%,
    color-mix(in srgb, var(--oro) 5%, transparent) 36%,
    color-mix(in srgb, var(--oro) 2%, transparent) 62%,
    transparent 92%);
}
body.pagina-cine .sala > * { position: relative; z-index: 1; }
body.pagina-cine .sala .sala-volver {
  display: inline-flex;
  align-items: center;
  gap: var(--esp-2);
  min-height: 44px;
  margin-bottom: calc(-1 * var(--esp-2));
  text-decoration: none;
  color: var(--tinta-cine-suave);
}
body.pagina-cine .sala:has(.sala-poster) > .sala-volver {
  position: absolute;
  z-index: 4;
  top: var(--esp-5);
  left: 0;
  margin: 0;
  padding-inline: var(--esp-4);
  border: var(--borde-fino) solid var(--filete-cine);
  background: var(--velo-cine-72);
  -webkit-backdrop-filter: var(--desenfoque-panel);
          backdrop-filter: var(--desenfoque-panel);
  color: var(--texto-oro);
}
body.pagina-cine .sala .sala-volver:hover,
body.pagina-cine .sala .sala-volver:focus-visible { color: var(--texto-oro); }
body.pagina-cine .sala:has(.sala-poster) > .sala-volver:hover,
body.pagina-cine .sala:has(.sala-poster) > .sala-volver:focus-visible {
  border-color: var(--ornamento-oro);
}
.sala-pantalla {
  position: relative;
  aspect-ratio: auto;
  width: var(--ancho-pantalla);
  height: var(--alto-pantalla);
  margin: var(--esp-3)
          0
          clamp(var(--esp-8), 3.4vw, var(--esp-12))
          calc(50% - 50cqi + (100cqi - var(--ancho-pantalla)) / 2);
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: var(--negro);
  box-shadow: none;
}
body.pagina-cine .video-wrap.sala-pantalla {
  margin: var(--esp-3)
          0
          clamp(var(--esp-8), 3.4vw, var(--esp-12))
          calc(50% - 50cqi + (100cqi - var(--ancho-pantalla)) / 2);
}
body.pagina-cine .sala:has(.sala-poster) > .sala-pantalla { margin-top: 0; }
.video-wrap.sala-pantalla,
.sala-poster { aspect-ratio: auto; }
.video-wrap { border-radius: 0; }
.video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.sala-poster img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 78% 26%;
  scale: 1.26;
  transform-origin: 78% 26%;
  filter: var(--exposicion-lamina-hero) var(--grado-bloqueado);
}
.sala-poster-velo {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: var(--esp-3);
  padding: var(--esp-6);
  text-align: center;
  background: radial-gradient(46% 52% at 50% 50%, var(--velo-cine-78), var(--velo-cine-34) 82%);
}
.sala-poster-velo .eyebrow { margin: 0; color: var(--texto-oro); }
.sala-poster-velo p {
  margin: 0;
  max-width: 36ch;
  font-family: var(--fuente-interfaz);
  font-style: normal;
  font-size: clamp(var(--tipo-sm), 3.4vw, var(--tipo-md));
  line-height: var(--interlinea-normal);
  color: var(--tinta-cine-media);
}
.sala-ficha { max-width: var(--ancho-lectura); }
.sala-ficha .eyebrow { margin-bottom: var(--esp-3); }
.sala-ficha h1 {
  margin: 0 0 var(--esp-4);
  font-family: var(--fuente-ceremonial);
  font-size: clamp(var(--tipo-xl), 4.4vw, var(--tipo-3xl));
  line-height: var(--interlinea-titulo);
  letter-spacing: var(--tracking-titulo);
}
.sala-desc {
  max-width: 60ch;
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-md);
  line-height: var(--interlinea-normal);
  color: var(--tinta-cine-media);
}
.sala-texto {
  margin-top: var(--esp-5);
  padding: var(--esp-5) var(--esp-6);
  border-left: var(--borde-medio-grosor) solid var(--ornamento-oro);
  border-radius: 0;
  background:
    radial-gradient(120% 180% at 0% 0%,
      color-mix(in srgb, var(--oro) 11%, transparent) 0%,
      color-mix(in srgb, var(--oro) 4%, transparent) 46%,
      transparent 78%),
    linear-gradient(158deg, var(--negro-400) 0%, var(--negro-200) 62%, var(--negro-050) 100%);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-base);
  line-height: var(--interlinea-normal);
  color: var(--tinta-cine-media);
}
.sala-acciones {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--esp-4);
  margin-top: var(--esp-6);
}
.sala-acciones form { margin: 0; }
body.pagina-cine .ax-main .sala-acciones a.btn-oro[href="/curso"] {
  background: none;
  border: var(--borde-fino) solid var(--borde-tenue);
  color: var(--texto-secundario);
  font-weight: var(--peso-semi);
  filter: none;
  box-shadow: none;
}
body.pagina-cine .ax-main .sala-acciones a.btn-oro[href="/curso"]:hover,
body.pagina-cine .ax-main .sala-acciones a.btn-oro[href="/curso"]:focus-visible {
  background: none;
  border-color: var(--filete-cine);
  color: var(--texto-primario);
  filter: none;
}
.sala-acciones form .btn-oro {
  background: none;
  border: var(--borde-fino) solid var(--borde-tenue);
  color: var(--texto-secundario);
  font-weight: var(--peso-semi);
  filter: none;
}
.sala-acciones form .btn-oro:hover,
.sala-acciones form .btn-oro:focus-visible {
  background: none;
  border-color: var(--filete-cine);
  color: var(--texto-primario);
  filter: none;
}
.sala-acciones .pill-activa {
  background: none;
  border: var(--borde-fino) solid var(--filete-cine-tenue);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-etiqueta);
}
.sala-acciones .pill-activa::before,
.sala-acciones .pill-activa::after { background: currentColor; color: currentColor; }
.hairline-cine {
  border: 0;
  height: var(--borde-fino);
  margin: var(--esp-10) 0 0;
  background: linear-gradient(90deg, transparent, var(--filete-cine) 16%, var(--filete-cine) 84%, transparent);
  opacity: 1;
}
.rail-accesos {
  --ancho-ep: clamp(200px, calc((100vw - 2 * var(--paso-riel)) / 1.5), 380px);
}
.rail-accesos .ep-cuerpo { min-height: 0; }
@media (min-width: 640px) {
  body.pagina-cine .ax-main .rail-accesos > .ep {
    flex: 1 1 0;
    max-width: none;
  }
  body.pagina-cine .ax-main .rail-accesos {
    -webkit-mask-image: none;
    mask-image: none;
  }
  body.pagina-cine .ax-main .rail-titulo:has(+ .rail-accesos)::before { content: none; }
}
body.pagina-cine .ax-main .rail-claro {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  padding-inline-end: var(--sangria-cine);
}
body.pagina-cine .ax-main .rail-claro > .rail-card {
  flex: 0 0 clamp(200px, calc((100vw - 2 * var(--paso-riel)) / 3.6), 420px);
  scroll-snap-align: start;
  border-radius: var(--radio-0);
}
.rail-claro {
  display: flex;
  gap: var(--paso-riel);
  margin: var(--esp-10) calc(-1 * var(--sangria-cine)) 0;
  padding: var(--esp-2) var(--sangria-cine) var(--esp-6);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: var(--sangria-cine);
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.rail-claro::-webkit-scrollbar { display: none; }
.rail-card {
  flex: 0 0 min(78%, 300px);
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  height: auto;
  min-height: 0;
  padding: var(--esp-5);
  border: var(--borde-fino) solid var(--borde-tenue);
  border-radius: var(--radio-md);
  background: var(--fondo-sutil);
  color: var(--texto-primario);
  text-decoration: none;
  transition: border-color var(--dur-media) var(--curva-salida),
              background var(--dur-media) var(--curva-salida);
}
.rail-card > .eyebrow {
  margin: 0 0 var(--esp-3);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  font-weight: var(--peso-semi);
  line-height: 1;
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  color: var(--texto-oro);
}
.rail-card > strong {
  display: block;
  font-family: var(--fuente-ceremonial);
  font-weight: var(--peso-semi);
  font-size: clamp(var(--tipo-base), 1.25vw, var(--tipo-lg));
  line-height: var(--interlinea-titulo);
  letter-spacing: var(--tracking-titulo);
  color: var(--texto-primario);
  text-wrap: balance;
}
.rail-card > em {
  display: block;
  width: 100%;
  margin-top: auto;
  padding-top: var(--esp-4);
  border-top: var(--borde-fino) solid var(--borde-tenue);
  font-family: var(--fuente-interfaz);
  font-style: normal;
  font-size: var(--tipo-micro);
  font-weight: var(--peso-semi);
  line-height: var(--interlinea-titulo);
  letter-spacing: var(--tracking-ancho);
  text-transform: uppercase;
  color: var(--tinta-cine-baja);
}
.rail-card:has(.rail-progreso) > em {
  border-top: 0;
  padding-top: var(--esp-2);
}
.rail-card:hover,
.rail-card:focus-visible {
  border-color: var(--filete-cine);
  background: var(--fondo-sutil-fuerte);
  box-shadow: none;
}
.rail-card:hover > strong { color: var(--texto-primario); }
.rail-progreso {
  display: block;
  width: 100%;
  height: 2px;
  margin-top: var(--esp-5);
  border: 0;
  border-radius: var(--radio-pastilla);
  background: var(--fondo-sutil-fuerte);
  overflow: hidden;
}
.rail-progreso i {
  display: block;
  height: 100%;
  background: var(--ornamento-oro);
  border-radius: inherit;
}
.saludo-cine .saludo-titulo {
  font-family: var(--fuente-ceremonial);
  font-size: clamp(var(--tipo-2xl), 6vw, var(--tipo-4xl));
  line-height: var(--interlinea-ajustada);
  letter-spacing: var(--tracking-titulo-grande);
  margin-bottom: var(--esp-3);
}
@media (max-width: 639.98px) {
  .cine-cabecera { gap: var(--esp-3); }
  .cine-progreso { gap: var(--esp-3); width: 100%; }
  .cine-progreso > .cine-progreso-nota { text-align: left; }
  .cine-progreso-nota strong {
    display: inline;
    font-size: var(--tipo-base);
    margin-right: .35em;
  }
  .sala-acciones form,
  .sala-acciones .btn { width: 100%; }
  .cine-hero-poster {
    object-position: 30% 64%;
    transform-origin: 30% 64%;
    scale: 1.18;
  }
  body.pagina-cine .ax-main .rail:not(:has(> *:nth-child(2))) {
    -webkit-mask-image: none;
    mask-image: none;
  }
  .rail-accesos { --ancho-ep: clamp(200px, calc((100vw - 2 * var(--paso-riel)) / 1.5), 380px); }
  body.pagina-cine .ax-main .rail-claro > .rail-card {
    flex: 0 0 clamp(200px, calc((100vw - 2 * var(--paso-riel)) / 1.5), 380px);
  }
  .rail { --ancho-ep: clamp(240px, calc((100vw - 2 * var(--paso-riel)) / 1.28), 460px); }
}
@media (min-width: 640px) {
  .cine-hero { min-height: clamp(540px, 46vw, 660px); }
  .cine-vacio { min-height: clamp(480px, 40vw, 560px); }
}
.rail:focus-visible,
.rail-claro:focus-visible,
body.pagina-cine .ax-main :is(.rail, .rail-claro):focus-visible {
  outline: calc(var(--borde-fino) * 2) solid var(--ornamento-oro);
  outline-offset: -2px;
  border-radius: 0;
}
a.ep:focus-visible,
.rail-card:focus-visible,
.sala .sala-volver:focus-visible,
body.pagina-cine .ax-main :is(a.ep, .rail-card, .sala-volver):focus-visible {
  outline: calc(var(--borde-fino) * 2) solid var(--ornamento-oro);
  outline-offset: 3px;
  border-radius: 0;
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  body.pagina-cine {
    --realce-alza-lamina: 0px;
    --realce-escala-marco: 1;
    --realce-zoom-arte: 1;
    --exposicion-lamina-realce: var(--exposicion-lamina);
  }
  .rail,
  .rail-claro { scroll-behavior: auto; }
  .ep-poster,
  .ep-poster img,
  .ep-placa::before,
  .rail-card { transition: none; }
  a.ep:hover .ep-poster,
  a.ep:focus-visible .ep-poster,
  a.ep:hover .ep-poster img,
  a.ep:focus-visible .ep-poster img { transform: none; }
  body.pagina-cine .ax-main a.ep:hover,
  body.pagina-cine .ax-main a.ep:focus-visible,
  body.pagina-cine .ax-main a.ep:active { transform: none; }
  body.pagina-cine .ax-main .cine-hero-btn:hover,
  body.pagina-cine .ax-main .cine-hero-btn:focus-visible { transform: none; }
}
body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep {
  flex: 1 1 100%;
  max-width: none;
}
@media (min-width: 640px) {
  body.pagina-cine .ax-main .rail:not(:has(> *:nth-child(3))) > .ep {
    flex: 1 1 0;
    max-width: none;
  }
}
@media (min-width: 640px) {
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) {
    --realce-escala-marco: 1.026;
    --realce-zoom-arte: 1.055;
  }
}
@media (min-width: 640px) {
  body.pagina-cine .ax-main :is(.rail:not(:has(> *:nth-child(3))), .rail-accesos) {
    overflow: clip;
    overflow-clip-margin: var(--esp-6);
    padding-block: var(--esp-2) var(--esp-3);
  }
}
@media (min-width: 640px) {
  body.pagina-cine .ax-main .rail-titulo { margin: var(--esp-6) 0 var(--esp-3); }
  body.pagina-cine .ax-main .rail,
  body.pagina-cine .ax-main .rail-claro { margin-block: 0; }
  body.pagina-cine .cine-hero,
  body.pagina-cine .cine-vacio { margin-bottom: var(--esp-6); }
}
@media (min-width: 768px) {
  body.pagina-cine { container-type: inline-size; }
}
@media (max-width: 480px) {
  body.pagina-cine .ax-main {
    --tipo-xs: 14px;
    --tipo-micro: 13px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) {
    --realce-escala-marco: 1;
    --realce-zoom-arte: 1;
  }
}
.ep-poster:has(> .ep-estado + .ep-candado) {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 0;
  padding: var(--esp-4);
}
.ep-poster:has(> .ep-estado + .ep-candado) > :is(picture, img) {
  position: absolute;
  inset: 0;
}
.ep-poster:has(> .ep-estado + .ep-candado) > .ep-candado { display: contents; }
.ep-poster:has(> .ep-estado + .ep-candado) > .ep-estado,
.ep-poster:has(> .ep-estado + .ep-candado) > .ep-candado > span {
  position: relative;
  inset: auto;
  z-index: 3;
  flex: none;
}
.ep-poster:has(> .ep-estado + .ep-candado) > .ep-estado.hecho {
  border-radius: var(--radio-pastilla) 0 0 var(--radio-pastilla);
  border-right: 0;
  padding-inline: var(--esp-3);
}
.ep-poster:has(> .ep-estado + .ep-candado) > .ep-candado > span {
  border-radius: 0 var(--radio-pastilla) var(--radio-pastilla) 0;
  border-left-color: var(--velo-cine-90);
}
.cine-progreso { position: relative; }
.cine-progreso::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -150% -86%;
  pointer-events: none;
  background: radial-gradient(50% 50% at 50% 50%,
    var(--velo-cine-90) 0%,
    var(--velo-cine-90) 40%,
    var(--velo-cine-78) 58%,
    var(--velo-cine-34) 78%,
    transparent 100%);
}
.cine-hero-contenido::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(-1 * var(--esp-16));
  bottom: calc(-1 * var(--esp-20));
  left: calc(50% - 50cqi);
  width: calc(50cqi - 50% + min(34rem, 100%) + var(--esp-20));
  pointer-events: none;
  background: linear-gradient(to right,
    var(--velo-cine-72) 0,
    var(--velo-cine-72) calc(100% - 11rem),
    var(--velo-cine-34) calc(100% - 6.5rem),
    var(--velo-cine-34) calc(100% - 3rem),
    transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom,
    transparent 0%, var(--negro) 13%, var(--negro) 86%, transparent 100%);
          mask-image: linear-gradient(to bottom,
    transparent 0%, var(--negro) 13%, var(--negro) 86%, transparent 100%);
}
@media (min-width: 640px) {
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) {
    --realce-escala-marco: 1.014;
    --realce-zoom-arte:    1.032;
    --exposicion-lamina-realce: brightness(2.62) contrast(1.29);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) {
    --realce-escala-marco: 1;
    --realce-zoom-arte: 1;
    --exposicion-lamina-realce: var(--exposicion-lamina);
  }
}
body.pagina-cine .ax-main { --ancho-contenido: clamp(1240px, 92vw, 1700px); }
@media (min-width: 1600px) {
  body.pagina-cine .ax-main { --tipo-xs: 13px; --tipo-sm: 15px; --tipo-micro: 12px; }
}
@media (min-width: 2000px) {
  body.pagina-cine .ax-main { --tipo-xs: 14px; --tipo-sm: 16px; --tipo-micro: 13px; }
}
body.pagina-cine .ax-main .sala-texto { max-width: var(--ancho-lectura); }
@media (min-width: 768px) {
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep {
    flex-direction: row;
    align-items: stretch;
  }
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep > .ep-poster {
    flex: 0 0 min(64%, 1020px);
  }
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep > .ep-cuerpo {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    padding: 0 var(--esp-6) var(--esp-5) var(--esp-8);
    border-bottom: var(--borde-fino) solid var(--filete-cine-tenue);
  }
}
body.pagina-cine .cine-hero { min-height: clamp(576px, 24vw + 300px, 760px); }
@media (min-width: 1280px) { body.pagina-cine .cine-hero-poster { scale: 1.46; } }
@media (min-width: 1600px) { body.pagina-cine .cine-hero-poster { scale: 1.38; } }
@media (min-width: 2000px) { body.pagina-cine .cine-hero-poster { scale: 1.30; } }
body.pagina-cine .ax-main .sala > .sala-ficha {
  grid-template-columns: minmax(0, 1fr) auto;
}
body.pagina-cine .ax-main .sala-ficha {
  position: relative;
  max-width: none;
  margin-top: var(--esp-8);
  padding: clamp(var(--esp-6), 2.2vw, var(--esp-10)) 0;
}
body.pagina-cine .ax-main .sala-ficha .sala-texto {
  background: none;
  padding-block: 0;
  padding-inline: var(--esp-5) 0;
  font-size: var(--tipo-md);
}
@media (min-width: 768px) {
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep {
    --ventana-destacada: var(--formato-cartel);
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: var(--ventana-destacada);
    border: var(--borde-fino) solid var(--filete-lamina);
  }
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep > .ep-poster:not(.ep-placa) {
    container-type: normal;
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    aspect-ratio: auto;
    flex: none;
    max-width: none;
    border: 0;
  }
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep > .ep-poster > .ep-candado {
    z-index: 3;
  }
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep > .ep-poster:not(.ep-placa) > :is(picture, img),
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep > .ep-poster:not(.ep-placa) img {
    object-position: 50% 34%;
    transform-origin: 50% 34%;
  }
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep > .ep-poster::after {
    background: linear-gradient(to top,
      var(--velo-cine-90) 0%,
      var(--velo-cine-78) calc(9%  * 0.5625 * var(--ventana-destacada)),
      var(--velo-cine-56) calc(21% * 0.5625 * var(--ventana-destacada)),
      transparent         calc(36% * 0.5625 * var(--ventana-destacada)));
  }
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep > .ep-poster > .ep-num {
    bottom: var(--esp-4);
    z-index: 4;
  }
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep > .ep-poster > .ep-estado {
    top: var(--esp-4);
  }
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep > .ep-cuerpo {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: block;
    flex: none;
    min-height: 0;
    padding: var(--esp-4) var(--esp-6) var(--esp-5)
             calc(var(--esp-5) + var(--tipo-2xl) * 1.9);
    border-bottom: 0;
    background:
      radial-gradient(64% 320% at 0% 100%,
        color-mix(in srgb, var(--oro) 22%, transparent) 0%,
        color-mix(in srgb, var(--oro) 9%, transparent) 44%,
        transparent 78%),
      linear-gradient(to top,
        var(--velo-cine-90) 0%,
        var(--velo-cine-78) 46%,
        var(--velo-cine-56) 78%,
        transparent 100%);
  }
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep > .ep-cuerpo > .ep-desc {
    color: var(--tinta-cine-suave);
  }
}
@media (min-width: 768px) {
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep {
    --realce-alza-lamina: 0px;
    --realce-escala-marco: 1;
    --realce-zoom-arte: 1.016;
    transition: border-color var(--dur-media) var(--curva-salida);
  }
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep > .ep-poster > .ep-num {
    transition: color var(--dur-media) var(--curva-salida);
  }
  @media (hover: hover) {
    body.pagina-cine .ax-main .rail:has(> .ep:only-child) > a.ep:hover > .ep-poster img {
      filter: var(--exposicion-lamina-hero) var(--grado-bloqueado);
    }
    body.pagina-cine .ax-main .rail:has(> .ep:only-child) > a.ep:hover {
      border-color: var(--ornamento-oro);
    }
    body.pagina-cine .ax-main .rail:has(> .ep:only-child) > a.ep:hover > .ep-poster > .ep-num {
      color: var(--ornamento-oro);
    }
  }
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > a.ep:focus-visible > .ep-poster img {
    filter: var(--exposicion-lamina-hero) var(--grado-bloqueado);
  }
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > a.ep:focus-visible {
    border-color: var(--ornamento-oro);
  }
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > a.ep:focus-visible > .ep-poster > .ep-num {
    color: var(--ornamento-oro);
  }
}
@media (min-width: 768px) {
  body.pagina-cine .sala {
    --alto-pantalla: calc(var(--ancho-pantalla) / var(--formato-cartel));
  }
}
body.pagina-cine .ax-main { --ancho-contenido: clamp(1240px, 92vw, 2600px); }
body.pagina-cine .cine-hero { min-height: clamp(576px, 40vw + 70px, 930px); }
.ep-poster:has(> .ep-estado + .ep-candado) > .ep-estado.hecho {
  padding-inline: calc(var(--esp-3) + 1.5px) calc(var(--esp-3) - 1.5px);
}
@media (min-width: 768px) {
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > a.ep > .ep-cuerpo {
    padding-right: calc(var(--esp-8) + var(--esp-6));
  }
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > a.ep > .ep-cuerpo::after {
    content: "";
    position: absolute;
    right: var(--esp-6);
    bottom: 50%;
    width: 10px;
    height: 14px;
    transform: translateY(50%);
    background: var(--ornamento-oro);
    clip-path: polygon(0 0, 100% 50%, 0 100%, 0 72%, 46% 50%, 0 28%);
    opacity: .72;
    transition: transform var(--dur-media) var(--curva-salida),
                opacity var(--dur-media) var(--curva-salida);
  }
  @media (hover: hover) {
    body.pagina-cine .ax-main .rail:has(> .ep:only-child) > a.ep:hover > .ep-cuerpo::after {
      transform: translateY(50%) translateX(6px);
      opacity: 1;
    }
  }
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > a.ep:focus-visible > .ep-cuerpo::after {
    transform: translateY(50%) translateX(6px);
    opacity: 1;
  }
}
@media (max-width: 767.98px) {
  body.pagina-cine .ax-main .sala-ficha {
    padding-block: var(--esp-8);
  }
  body.pagina-cine .ax-main .sala-ficha > h1 {
    font-size: var(--tipo-2xl);
    margin-bottom: var(--esp-5);
  }
  body.pagina-cine .ax-main .sala-ficha > .eyebrow { margin-bottom: var(--esp-4); }
  body.pagina-cine .ax-main .sala-ficha > .sala-desc { margin-bottom: var(--esp-5); }
  body.pagina-cine .ax-main .sala-ficha .sala-texto { margin-top: var(--esp-6); }
  body.pagina-cine .ax-main .sala-ficha .sala-acciones { margin-top: var(--esp-8); }
  body.pagina-cine .ax-main .sala .hairline-cine { margin-top: var(--esp-12); }
  body.pagina-cine .ax-main .sala .rail-titulo { margin-top: var(--esp-12); }
}
:root {
  --formato-billboard: 2.2136;
  --formato-billboard-movil: 0.6667;
  --piso-billboard: 560px;
}
body.pagina-cine .cine-hero { min-height: var(--piso-billboard); }
body.pagina-cine .cine-hero { max-width: 100cqi; }
@media (prefers-reduced-motion: reduce) and (min-width: 768px) {
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep {
    --realce-alza-lamina: 0px;
    --realce-escala-marco: 1;
    --realce-zoom-arte: 1;
  }
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > a.ep:hover::after,
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > a.ep:focus-visible::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    box-shadow: inset 0 0 0 3px var(--ornamento-oro);
  }
}
.ep-poster > .ep-estado.hecho:not(:has(~ .ep-candado)) {
  padding-left: 1.3px;
}
body.pagina-cine .ax-main:not(:has(.cine-cabecera)) .cine-hero-meta > span {
  display: inline;
}
@media print {
  .cine-hero,
  .cine-vacio,
  .rail,
  .rail-claro,
  .sala-pantalla { break-inside: avoid; }
  .cine-hero-velo,
  .cine-hero-velo::after,
  .cine-vacio-velo,
  .sala-poster-velo { display: none; }
}
body.pagina-cine .ax-main .sala-ficha > .eyebrow {
  color: var(--marfil);
}
body.pagina-cine .ax-main .sala-ficha > .sala-desc {
  color: var(--tinta-cine-alta);
}
body.pagina-cine .ax-main .sala-poster-velo > .eyebrow {
  color: var(--marfil);
}
@media (max-width: 899.98px) {
  body.pagina-cine .ax-main .sala-poster-velo {
    background: radial-gradient(100% 100% at 50% 50%,
      var(--velo-cine-78), var(--velo-cine-72) 96%);
  }
}
body.pagina-cine .ax-main .sala-ficha .sala-acciones .pill-activa {
  color: var(--marfil);
}
.rail-accesos .ep-placa {
  background-color: var(--negro-100);
  background-repeat: no-repeat;
  background-position: 50% 46%;
  background-size: cover;
}
.rail-accesos > .ep:nth-child(1) .ep-placa {
  background-image: url("/static/curso/acceso-foro.jpg");
  background-image: image-set(
    url("/static/curso/acceso-foro.webp") type("image/webp") 1x,
    url("/static/curso/acceso-foro@2x.webp") type("image/webp") 2x,
    url("/static/curso/acceso-foro.jpg") type("image/jpeg") 1x,
    url("/static/curso/acceso-foro@2x.jpg") type("image/jpeg") 2x);
}
.rail-accesos > .ep:nth-child(2) .ep-placa {
  background-image: url("/static/curso/acceso-colegas.jpg");
  background-image: image-set(
    url("/static/curso/acceso-colegas.webp") type("image/webp") 1x,
    url("/static/curso/acceso-colegas@2x.webp") type("image/webp") 2x,
    url("/static/curso/acceso-colegas.jpg") type("image/jpeg") 1x,
    url("/static/curso/acceso-colegas@2x.jpg") type("image/jpeg") 2x);
}
.rail-accesos > .ep:nth-child(3) .ep-placa {
  background-image: url("/static/curso/acceso-formulas.jpg");
  background-image: image-set(
    url("/static/curso/acceso-formulas.webp") type("image/webp") 1x,
    url("/static/curso/acceso-formulas@2x.webp") type("image/webp") 2x,
    url("/static/curso/acceso-formulas.jpg") type("image/jpeg") 1x,
    url("/static/curso/acceso-formulas@2x.jpg") type("image/jpeg") 2x);
}
@media (max-width: 639.98px) {
  body.pagina-cine .ax-main .rail-accesos {
    overflow: clip;
    overflow-clip-margin: var(--esp-6);
    -webkit-mask-image: none;
    mask-image: none;
  }
  body.pagina-cine .ax-main .rail-accesos > .ep {
    flex: 1 1 0;
    max-width: none;
  }
  body.pagina-cine .ax-main .rail-titulo:has(+ .rail-accesos)::before { content: none; }
}
@media (max-width: 480px) {
  body.pagina-cine .ax-main .rail-accesos {
    flex-direction: column;
    overflow: visible;
  }
  body.pagina-cine .ax-main .rail-accesos > .ep {
    flex: 0 0 auto;
    width: 100%;
  }
}
body.pagina-cine .ax-main .rail {
  -webkit-mask-image: none;
          mask-image: none;
}
body.pagina-cine .ax-main .ep > .ep-poster .ep-estado.hecho,
body.pagina-cine .ax-main .ep-poster:has(> .ep-estado + .ep-candado) > .ep-estado.hecho {
  color: var(--negro);
}
body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep > .ep-cuerpo {
  --velo-pie-oro: none;
  background-image:
    var(--velo-pie-oro),
    linear-gradient(to top,
      var(--velo-cine-90) 0%,
      var(--velo-cine-90) 76%,
      var(--velo-cine-72) 92%,
      transparent 100%);
}
@media (min-width: 768px) {
  body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep > .ep-cuerpo {
    --velo-pie-oro:
      radial-gradient(64% 320% at 0% 100%,
        color-mix(in srgb, var(--oro) 22%, transparent) 0%,
        color-mix(in srgb, var(--oro) 9%, transparent) 44%,
        transparent 78%);
  }
}
body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep > .ep-cuerpo > .ep-desc {
  color: var(--tinta-cine-suave);
}
body.pagina-cine .ax-main .ep > .ep-poster .ep-estado.hecho,
body.pagina-cine .ax-main .ep-poster:has(> .ep-estado + .ep-candado) > .ep-estado.hecho {
  -webkit-text-stroke: 0.35px var(--negro);
}
body.pagina-cine { --techo-cartel: 720px; }
@media (min-width: 1280px) {
  body.pagina-cine .cine-hero {
    max-height: var(--techo-cartel);
    min-height: 0;
  }
}
@media (min-width: 1280px) {
  body.pagina-cine .ax-main .rail {
    --ancho-ep: clamp(260px, calc((100vw - 2 * var(--paso-riel)) / 2.8), 900px);
  }
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro) {
  --ancho-ep: clamp(150px, calc((100vw - 2 * var(--paso-riel)) / 1.9), 300px);
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro)
  .ep-poster:not(.ep-placa) {
  aspect-ratio: 3 / 4;
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro)
  .ep-poster:not(.ep-placa) > :is(picture, img),
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro)
  .ep-poster:not(.ep-placa) img {
  object-position: 50% 50%;
  transform-origin: 50% 50%;
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro)
  .ep-poster:not(.ep-placa) img { scale: 1.02; }
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro)
  .ep-poster:not(.ep-placa):not(:has(> .ep-estado + .ep-candado)) > .ep-estado,
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro)
  .ep-poster:not(.ep-placa):not(:has(> .ep-estado + .ep-candado)) > .ep-candado > span {
  top: auto;
  bottom: var(--esp-4);
  right: var(--esp-4);
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro)
  .ep-poster:not(.ep-placa)::after {
  background: linear-gradient(to top,
    var(--velo-cine-90) 0%,
    var(--velo-cine-56) 11%,
    transparent 30%);
}
body.pagina-cine .ax-main .rail { padding-inline-end: 0; }
body.pagina-cine .ax-main .rail::after {
  content: "";
  flex: 0 1 calc(100cqi - 100%);
  min-width: 0;
  align-self: stretch;
  pointer-events: none;
}
@media (min-width: 1280px) {
  body.pagina-cine .sala,
  body.pagina-cine .sala .video-wrap.sala-pantalla,
  body.pagina-cine .sala .sala-pantalla {
    --ancho-pantalla: min(100cqi,
                          calc((100vh - var(--reserva-sala)) * var(--formato-cartel)),
                          var(--techo-pantalla));
  }
}
body.pagina-cine .cine-hero {
  min-height: clamp(360px, 56vh, 640px);
  padding-top: var(--s-acto);
  isolation: isolate;
  background: var(--negro);
}
body.pagina-cine .cine-hero > .cine-hero__arte {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: block;
}
body.pagina-cine .cine-hero > .cine-hero__arte img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 62% 42%;
}
body.pagina-cine .cine-hero > .cine-hero-velo {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgb(var(--negro-rgb) / .85) 0%,
                           rgb(var(--negro-rgb) / .45) 38%,
                           transparent 62%),
    linear-gradient(180deg, transparent 55%, var(--negro) 100%);
}
body.pagina-cine .cine-hero-contenido > * { max-width: min(38ch, 100%); }
body.pagina-cine .ax-main .cine-hero .cine-hero-titulo {
  max-width: 38ch;
  font-family: var(--f-palacio);
  font-weight: 400;
  font-size: var(--t-billboard);
  line-height: 1.02;
  letter-spacing: -.01em;
  color: var(--marfil);
}
body.pagina-cine .ax-main .cine-hero .cine-hero-titulo::first-letter {
  float: none;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  body.pagina-cine .cine-hero > .cine-hero__arte img { object-position: 72% 45%; }
  body.pagina-cine .cine-hero-contenido > * { max-width: min(30ch, 100%); }
}
@media (max-width: 767.98px) {
  body.pagina-cine .cine-hero {
    min-height: 60vh;
    display: grid;
    align-content: end;
  }
  body.pagina-cine .cine-hero > .cine-hero__arte img { object-position: 50% 0; }
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro) {
  --ancho-ep-base: clamp(150px, calc((100vw - 2 * var(--paso-riel)) / 1.75), 340px);
  --ancho-ep: var(--ancho-ep-base);
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro) .ep.ep-actual {
  --ancho-ep: clamp(234px, calc(1.5 * var(--ancho-ep-base)), 450px);
}
body.pagina-cine .ax-main:not([hidden]) h2.rail-titulo {
  font-family: var(--f-palacio);
  font-size: var(--t-h2);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -.01em;
  text-transform: none;
  color: var(--marfil);
}
body.pagina-cine .ax-main .curso-continuar .btn.btn-oro {
  background: none;
  color: var(--marfil);
  box-shadow: none;
  border: var(--borde-fino) solid var(--oro-linea);
}
body.pagina-cine .ax-main .curso-continuar .btn.btn-oro:hover,
body.pagina-cine .ax-main .curso-continuar .btn.btn-oro:focus-visible {
  border-color: var(--oro);
  color: var(--oro);
}
body.pagina-cine .cine-hero-contenido > * { max-width: none; }
body.pagina-cine .cine-hero-contenido > :is(h1, h2, p, span) { max-width: min(38ch, 100%); }
@media (min-width: 768px) and (max-width: 1023.98px) {
  body.pagina-cine .cine-hero-contenido > :is(h1, h2, p, span) { max-width: min(30ch, 100%); }
}
body.pagina-cine .sala .reproductor {
  position: relative;
  width: var(--ancho-pantalla);
  margin-inline: calc(50% - 50cqi + (100cqi - var(--ancho-pantalla)) / 2) auto;
}
body.pagina-cine .sala .reproductor > .sala-pantalla,
body.pagina-cine .sala .reproductor > .video-wrap.sala-pantalla {
  width: 100%;
  margin-inline: 0;
}
body.pagina-cine .sala .reproductor.marco-gala > .orn-esq { display: none; }
@media (min-width: 768px) {
  body.pagina-cine .sala .reproductor.marco-gala > .sala-pantalla,
  body.pagina-cine .sala .reproductor.marco-gala > .video-wrap.sala-pantalla {
    border: var(--borde-fino) solid var(--oro-linea);
  }
}
@media (min-width: 768px) {
  body.pagina-cine .sala { --techo-pantalla: 80vw; --reserva-sala: 340px; }
  body.pagina-cine .sala,
  body.pagina-cine .sala .video-wrap.sala-pantalla,
  body.pagina-cine .sala .sala-pantalla {
    --ancho-pantalla: min(100cqi,
                          calc((100vh - var(--reserva-sala)) * var(--formato-cartel)),
                          var(--techo-pantalla));
  }
}
body.pagina-cine .ax-main .sala-ficha::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: auto;
  left: calc(50% - 50cqi);
  width: 100cqi;
  height: 0;
  pointer-events: none;
  border-top: var(--borde-fino) solid var(--filete-cine-fuerte);
  background: none;
}
body.pagina-cine .ax-main .sala-poster .sala-poster-velo {
  background: radial-gradient(76% 80% at 50% 50%,
    var(--velo-cine-90) 0%,
    var(--velo-cine-78) 62%,
    var(--velo-cine-56) 100%);
}
@media (min-width: 640px) {
  body.pagina-cine .ax-main .rail > .ep {
    --laminas-por-pista: 2.8;
    flex: 0 0 calc((100% - 3 * var(--paso-riel)) / var(--laminas-por-pista));
    max-width: none;
  }
  body.pagina-cine .ax-main .rail { justify-content: safe center; }
}
@media (min-width: 1280px){
  body.pagina-cine .ax-main .rail > .ep {
    --laminas-por-pista: 3.4;
    flex: 0 0 calc((100% - 3 * var(--paso-riel)) / var(--laminas-por-pista));
  }
}
@media (min-width: 2000px){
  body.pagina-cine .ax-main .rail > .ep {
    --laminas-por-pista: 4.2;
    flex: 0 0 calc((100% - 3 * var(--paso-riel)) / var(--laminas-por-pista));
  }
}
body.pagina-cine .ax-main .rail {
  -webkit-mask-image: linear-gradient(to right,
    transparent 0,
    var(--negro) var(--esp-2),
    var(--negro) calc(100% - var(--fundido-riel)),
    color-mix(in srgb, var(--negro) 34%, transparent)
      calc(100% - var(--fundido-riel) * .62),
    transparent 100%);
  mask-image: linear-gradient(to right,
    transparent 0,
    var(--negro) var(--esp-2),
    var(--negro) calc(100% - var(--fundido-riel)),
    color-mix(in srgb, var(--negro) 34%, transparent)
      calc(100% - var(--fundido-riel) * .62),
    transparent 100%);
}
body.pagina-cine .ax-main .rail:focus-within {
  -webkit-mask-image: none;
  mask-image: none;
}
body.pagina-cine .ax-main .rail[data-al-final]:not(:focus-within) {
  -webkit-mask-image: linear-gradient(to right, transparent 0, var(--negro) var(--esp-2));
  mask-image: linear-gradient(to right, transparent 0, var(--negro) var(--esp-2));
}
@media (min-width: 640px) {
  body.pagina-cine .ax-main .rail:not(:has(> *:nth-child(3))) {
    -webkit-mask-image: none;
    mask-image: none;
  }
}
@media (max-width: 639.98px) {
  body.pagina-cine .ax-main .rail:not(:has(> *:nth-child(2))) {
    -webkit-mask-image: none;
    mask-image: none;
  }
}
body.pagina-cine .ax-main .curso-continuar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--esp-3);
}
body.pagina-cine .ax-main .curso-continuar .btn { width: 100%; }
body.pagina-cine .ax-main .curso-continuar-nota {
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-sm);
  line-height: var(--interlinea-normal);
  color: var(--tinta-cine-media);
}
@media (min-width: 640px) {
  body.pagina-cine .ax-main .curso-continuar {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--esp-4);
  }
  body.pagina-cine .ax-main .curso-continuar .btn { width: auto; }
}
@media (min-width: 640px) {
  body.pagina-cine .ax-main .rail.rail-accesos {
    margin-inline: 0;
    padding-inline: 0;
    justify-content: flex-start;
  }
  body.pagina-cine .ax-main .rail.rail-accesos > .ep {
    flex: 1 1 0;
    max-width: none;
  }
  body.pagina-cine .ax-main .rail.rail-accesos::after { content: none; }
  body.pagina-cine .ax-main .rail.rail-accesos {
    -webkit-mask-image: none;
    mask-image: none;
  }
}
body.pagina-cine .ax-main .rail-accesos .ep-placa { filter: brightness(1.72) contrast(1.35); }
body.pagina-cine .ax-main .rail .ep-titulo {
  font-family: var(--fuente-ceremonial);
  font-weight: var(--peso-normal);
}
body.pagina-cine .ax-main .sala > .sala-volver {
  position: static;
  margin: 0 0 var(--esp-4);
}
@media (min-width: 768px) {
  body.pagina-cine .sala:has(.sala-poster) {
    margin-top: calc(var(--esp-8) - var(--tope-main));
  }
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro) {
  --ancho-ep-base: clamp(232px, calc((100vw - 2 * var(--paso-riel)) / 3.15), 468px);
  --ancho-ep: var(--ancho-ep-base);
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro) .ep.ep-actual {
  --ancho-ep: clamp(292px, calc(1.42 * var(--ancho-ep-base)), 640px);
}
@media (max-width: 767.98px) {
  body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro) {
    --ancho-ep-base: clamp(196px, calc((100vw - 2 * var(--paso-riel)) / 1.42), 340px);
  }
  body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro) .ep.ep-actual {
    --ancho-ep: clamp(240px, calc(1.3 * var(--ancho-ep-base)), 420px);
  }
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro)
  .ep-poster:not(.ep-placa) {
  aspect-ratio: 16 / 9;
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro)
  .ep-poster:not(.ep-placa) > :is(picture, img),
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro)
  .ep-poster:not(.ep-placa) img {
  object-position: 50% 30%;
  transform-origin: 50% 30%;
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro):has(> .ep:only-child) {
  justify-content: start;
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro) {
  --filete-lamina: color-mix(in srgb, var(--oro-linea) 72%, transparent);
  --sombra-lamina:
    inset 0 0 0 1px rgb(var(--negro-rgb) / .85),
    0 14px 34px -18px rgb(var(--negro-rgb) / .95);
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro) .ep-poster {
  border-color: var(--filete-lamina);
  box-shadow: var(--sombra-lamina);
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro) .ep-poster::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(to bottom,
      color-mix(in srgb, var(--oro) 16%, transparent) 0,
      transparent 34%),
    linear-gradient(to right,
      color-mix(in srgb, var(--oro) 10%, transparent) 0,
      transparent 8%,
      transparent 92%,
      color-mix(in srgb, var(--oro) 10%, transparent) 100%);
  opacity: .8;
  transition: opacity 240ms ease;
}
body.pagina-cine .ax-main a.ep:hover .ep-poster {
  border-color: var(--oro);
}
@media (hover: hover) {
  body.pagina-cine .ax-main a.ep:hover .ep-poster::before { opacity: 1; }
}
@media (hover: hover) {
  body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro) a.ep:not(.ep-bloqueado):hover .ep-poster {
    border-color: var(--oro);
    box-shadow: var(--realce-filo), var(--sombra-lamina), var(--realce-luz-gas);
  }
  body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro) a.ep:not(.ep-bloqueado):hover .ep-poster::before {
    opacity: 1;
  }
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro) a.ep:not(.ep-bloqueado):focus-visible .ep-poster {
  border-color: var(--oro);
  box-shadow: var(--realce-filo), var(--sombra-lamina), var(--realce-luz-gas);
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro) a.ep:not(.ep-bloqueado):focus-visible .ep-poster::before {
  opacity: 1;
}
body.pagina-cine .ax-main .rail:not(.rail-accesos):not(.rail-claro)
  .ep-bloqueado .ep-poster {
  border-color: color-mix(in srgb, var(--oro-linea) 34%, transparent);
}
body.pagina-cine .ax-main .rail-accesos {
  --sombra-placa: inset 0 0 0 1px rgb(var(--negro-rgb) / .8);
  --luz-placa: 50%;
}
body.pagina-cine .ax-main .rail-accesos > .ep > .ep-poster.ep-placa::after { display: none; }
body.pagina-cine .ax-main .rail-accesos > .ep:nth-child(1) { --luz-placa: 30%; }
body.pagina-cine .ax-main .rail-accesos > .ep:nth-child(2) { --luz-placa: 50%; }
body.pagina-cine .ax-main .rail-accesos > .ep:nth-child(3) { --luz-placa: 70%; }
body.pagina-cine .ax-main .rail-accesos > .ep:nth-child(1) > .ep-poster.ep-placa {
  background-size: 130% auto;
  background-position: 100% 78%;
  filter: brightness(1.58) contrast(1.35);
}
body.pagina-cine .ax-main .rail-accesos > .ep:nth-child(2) > .ep-poster.ep-placa {
  background-size: 160% auto;
  background-position: 50% 30%;
  filter: brightness(1.45) contrast(1.35);
}
body.pagina-cine .ax-main .rail-accesos > .ep:nth-child(3) > .ep-poster.ep-placa {
  background-size: 220% auto;
  background-position: 35% 30%;
  filter: brightness(1.38) contrast(1.35);
}
@media (max-width: 639.98px) {
  body.pagina-cine .ax-main .rail.rail-accesos {
    -webkit-mask-image: none;
    mask-image: none;
    margin-inline: 0;
    padding-inline: 0;
  }
  body.pagina-cine .ax-main .rail.rail-accesos::after { content: none; }
}
body.pagina-cine .ax-main .rail-accesos > .ep > .ep-poster.ep-placa::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(104deg,
      transparent 0 calc(var(--luz-placa) - 13%),
      var(--luz-placa-falda) calc(var(--luz-placa) - 6%),
      var(--luz-placa-alto)  calc(var(--luz-placa) - 2%),
      var(--luz-placa-alto)  calc(var(--luz-placa) + 2%),
      var(--luz-placa-falda) calc(var(--luz-placa) + 6%),
      transparent calc(var(--luz-placa) + 13%) 100%),
    radial-gradient(64% 84% at var(--luz-placa) 96%,
      var(--luz-placa-suelo) 0%,
      transparent 78%);
}
body.pagina-cine .ax-main .rail-accesos .ep-poster.ep-placa {
  background-color: var(--negro-100);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid color-mix(in srgb, var(--oro-linea) 56%, transparent);
  box-shadow: var(--sombra-placa);
}
@media (hover: hover) {
  body.pagina-cine .ax-main .rail-accesos a.ep:hover .ep-poster.ep-placa {
    box-shadow: var(--realce-filo), var(--sombra-placa), var(--realce-luz-gas);
  }
}
body.pagina-cine .ax-main .rail-accesos a.ep:focus-visible .ep-poster.ep-placa {
  box-shadow: var(--realce-filo), var(--sombra-placa), var(--realce-luz-gas);
}
@media (min-width: 900px) {
  body.pagina-cine .ax-main .sala-poster .sala-poster-velo {
    background: radial-gradient(52% 46% at 50% 50%,
      var(--velo-cine-90) 0%,
      var(--velo-cine-78) 60%,
      var(--velo-cine-34) 86%,
      transparent 100%);
  }
}
@media (max-width: 480px) {
  body.pagina-cine .ax-main .cine-hero .btn.cine-hero-btn,
  body.pagina-cine .ax-main .curso-continuar .btn.btn-oro {
    font-size: min(var(--tipo-xs), 3.7vw);
  }
  body.pagina-cine .ax-main .cine-hero .btn.cine-hero-btn {
    padding-inline: var(--esp-4);
  }
}
@media (max-width: 480px) {
  body.pagina-cine .ax-main .rail .ep-cuerpo > .ep-desc {
    font-size: var(--tipo-micro);
  }
}
body.pagina-cine .ax-main .sala-poster-velo > .eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--esp-8);
  padding-inline: var(--esp-4);
  border-radius: var(--radio-pastilla);
  border: var(--borde-fino) solid var(--borde-plata);
  background: var(--velo-cine-72);
  -webkit-backdrop-filter: var(--desenfoque-panel);
          backdrop-filter: var(--desenfoque-panel);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  font-weight: var(--peso-semi);
  line-height: 1;
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  color: var(--tinta-cine-alta);
}
body.pagina-cine .ax-main .sala-poster-velo > .eyebrow::before {
  content: none;
}
body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep > .ep-cuerpo > .ep-titulo {
  color: var(--tinta-cine-alta);
}
body.pagina-cine .ax-main .rail:has(> .ep:only-child) > .ep {
  --tope-lamina-unica: 2;
  --ventana-destacada: max(var(--formato-cartel),
                           calc(16 * var(--laminas-por-pista)
                              / (9 * var(--tope-lamina-unica))));
}

/* ── ds/60-directorio.css ── */
.dir-hero .eyebrow { margin-bottom: var(--esp-4); }
.filtros {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--esp-4);
  max-width: 1000px;
  margin: 0 auto var(--esp-8);
  padding: var(--esp-5) var(--esp-6);
  border: var(--borde-fino) solid var(--borde-tenue);
  border-radius: var(--radio-md);
  background: var(--fondo-sutil);
  transition: border-color var(--dur-media) var(--curva-salida);
}
.filtros:focus-within { border-color: var(--borde-dorado); }
.filtros .campo {
  flex: 1 1 190px;
  min-width: 0;
  margin: 0;
}
.filtros .campo:first-child { flex: 1.7 1 230px; }
.filtros .campo label {
  font-size: var(--tipo-micro);
  letter-spacing: var(--tracking-etiqueta);
  color: var(--texto-secundario);
  margin-bottom: var(--esp-2);
}
.filtros .btn {
  flex: 0 0 auto;
  margin-left: auto;
  min-height: 48px;
  padding: var(--esp-3) var(--esp-6);
}
@media (max-width: 639.98px) {
  .filtros { padding: var(--esp-4); gap: var(--esp-3); }
  .filtros .campo,
  .filtros .campo:first-child { flex: 1 1 100%; }
  .filtros .btn { width: 100%; margin-left: 0; }
}
.dir-indice {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--esp-1);
  margin: 0 auto;
  padding: var(--esp-3) var(--esp-2);
  border-block: var(--borde-fino) solid var(--borde-tenue);
}
.dir-indice a {
  display: inline-grid;
  place-items: center;
  min-width: 34px;
  min-height: 34px;
  padding-inline: var(--esp-2);
  border: var(--borde-fino) solid transparent;
  border-radius: var(--radio-sm);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-xs);
  font-weight: var(--peso-semi);
  font-variant-numeric: lining-nums tabular-nums;
  letter-spacing: var(--tracking-ancho);
  text-transform: uppercase;
  text-decoration: none;
  color: var(--texto-secundario);
  transition:
    color            var(--dur-rapida) var(--curva-salida),
    background-color var(--dur-rapida) var(--curva-salida),
    border-color     var(--dur-rapida) var(--curva-salida);
}
.dir-indice a:first-child {
  padding-inline: var(--esp-4);
  letter-spacing: var(--tracking-etiqueta);
}
.dir-indice a:hover {
  color: var(--texto-primario);
  background-color: var(--fondo-sutil-fuerte);
}
.dir-indice a.activa {
  color: var(--texto-primario);
  background-color: color-mix(in srgb, var(--ornamento-oro) 14%, transparent);
  border-color: var(--borde-dorado);
}
.dir-indice a:focus-visible {
  outline: none;
  box-shadow: var(--anillo-foco);
}
.perfil-hero > .dir-inicial { --plaza: 104px; }
.perfil-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: var(--esp-4);
  margin-bottom: var(--esp-10);
  padding: clamp(var(--esp-6), 5vw, var(--esp-12));
  border: var(--borde-fino) solid var(--borde-dorado);
  border-radius: var(--radio-md);
  color: var(--blanco);
  background:
    radial-gradient(680px 320px at 88% -14%,
      color-mix(in srgb, var(--oro) 13%, transparent), transparent 62%),
    linear-gradient(152deg,
      color-mix(in srgb, var(--marino) 88%, var(--negro)) 0%,
      var(--negro-100) 78%);
  box-shadow: none;
}
.perfil-hero::before {
  content: "AX";
  position: absolute;
  right: -.06em;
  bottom: -.34em;
  font-family: var(--fuente-ceremonial);
  font-weight: var(--peso-fuerte);
  font-size: clamp(7rem, 22vw, 12rem);
  line-height: var(--interlinea-ajustada);
  color: var(--marca-agua-dorada);
  pointer-events: none;
  user-select: none;
}
.perfil-hero > * { position: relative; }
.perfil-hero > .mini-cat,
.perfil-hero > .insignia-chip,
.perfil-hero > .dir-verificada,
.perfil-hero > .dir-credencial,
.perfil-hero > .dir-recos { justify-self: start; }
.perfil-hero h1 {
  margin: 0;
  font-size: clamp(var(--tipo-xl), 5vw, var(--tipo-3xl));
  color: var(--blanco);
}
.perfil-hero .eyebrow { margin: 0; color: var(--dorado-texto-oscuro); }
.perfil-hero .perfil-sub {
  margin: 0;
  font-family: var(--fuente-interfaz);
  font-style: normal;
  font-size: var(--tipo-md);
  font-weight: var(--peso-medio);
  letter-spacing: var(--tracking-normal);
  color: var(--dorado-texto-oscuro);
}
.perfil-hero .perfil-pais {
  margin: 0;
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  color: var(--gris-800);
}
.perfil-hero > .dir-credencial { color: var(--blanco); }
.perfil-hero > .dir-credencial::before { color: var(--gris-800); }
.perfil-sub {
  margin: var(--esp-2) 0 0;
  font-family: var(--fuente-interfaz);
  font-style: normal;
  font-size: var(--tipo-md);
  font-weight: var(--peso-medio);
  letter-spacing: var(--tracking-normal);
  color: var(--texto-oro);
}
.perfil-pais {
  margin: var(--esp-2) 0 0;
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  color: var(--texto-secundario);
}
.perfil-rejilla {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  gap: var(--esp-8);
  align-items: start;
}
.perfil-cred {
  list-style: none;
  margin: var(--esp-5) 0 0;
  padding: 0;
  display: grid;
  gap: 0;
  border-top: var(--borde-fino) solid var(--borde-tenue);
}
.perfil-cred li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--esp-4);
  padding: var(--esp-3) 0;
  border-bottom: var(--borde-fino) solid var(--borde-tenue);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-sm);
}
.perfil-cred li > span:first-child {
  font-size: var(--tipo-micro);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  color: var(--texto-secundario);
}
.perfil-cred li > :last-child {
  color: var(--texto-primario);
  font-weight: var(--peso-medio);
  text-align: end;
  font-variant-numeric: lining-nums tabular-nums;
}
.fp-casos, .fp-postop, .fp-resultados {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr));
  gap: var(--esp-3);
  margin: var(--esp-5) 0 0;
  padding: 0;
  list-style: none;
}
.fp-postop { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fp-casos > *, .fp-postop > *, .fp-resultados > * {
  position: relative;
  margin: 0;
  overflow: hidden;
  border: var(--borde-fino) solid var(--borde-tenue);
  border-radius: var(--radio-sm);
  background: var(--fondo-hundido);
}
.fp-casos img, .fp-postop img, .fp-resultados img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
.fp-casos figcaption, .fp-postop figcaption, .fp-resultados figcaption {
  padding: var(--esp-3);
  border-top: var(--borde-fino) solid var(--borde-tenue);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  color: var(--texto-secundario);
}
.fp-casos .vacio, .fp-postop .vacio, .fp-resultados .vacio {
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 5;
  border-style: dashed;
  background: transparent;
  color: var(--texto-secundario);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
}
.fp-resultados .cifra {
  display: block;
  font-family: var(--fuente-ceremonial);
  font-size: var(--tipo-2xl);
  line-height: var(--interlinea-ajustada);
  color: var(--texto-primario);
  font-variant-numeric: lining-nums tabular-nums;
}
.dir-rejilla.tira > * { scroll-snap-align: start; }
.verif-caja {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 480px;
  margin: clamp(var(--esp-6), 6vw, var(--esp-16)) auto 0;
  padding: clamp(var(--esp-8), 7vw, var(--esp-12)) clamp(var(--esp-5), 5vw, var(--esp-8));
  text-align: center;
  border: var(--borde-fino) solid var(--borde-dorado);
  border-radius: var(--radio-md);
  background:
    radial-gradient(520px 260px at 50% -18%,
      color-mix(in srgb, var(--oro) 10%, transparent), transparent 66%),
    linear-gradient(160deg,
      color-mix(in srgb, var(--marino) 88%, var(--blanco)) 0%,
      var(--marino) 46%,
      color-mix(in srgb, var(--marino) 58%, var(--negro)) 100%);
  color: var(--blanco);
  box-shadow: none;
}
.verif-caja::before {
  content: "";
  position: absolute;
  inset: 6px;
  z-index: -1;
  border: var(--borde-fino) solid var(--carnet-filete-tenue);
  border-radius: var(--radio-sm);
  pointer-events: none;
}
.verif-caja::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background:
    repeating-linear-gradient(58deg,
      var(--carnet-guilloche) 0 var(--borde-fino), transparent var(--borde-fino) 9px),
    repeating-linear-gradient(-58deg,
      var(--carnet-guilloche) 0 var(--borde-fino), transparent var(--borde-fino) 9px);
  -webkit-mask-image: linear-gradient(to bottom, var(--negro) 0%, transparent 46%);
          mask-image: linear-gradient(to bottom, var(--negro) 0%, transparent 46%);
}
body.tema-papel .verif-caja::after,
.tema-claro .verif-caja::after { content: none; }
.verif-caja > .aviso   { order: -2; width: 100%; }
.verif-caja > .eyebrow { order: -1; margin-bottom: var(--esp-5); color: var(--oro); }
.verif-caja > ul,
.verif-caja > form,
.verif-caja > p        { width: 100%; align-self: stretch; }
.verif-caja h1 {
  margin: 0;
  font-family: var(--fuente-ceremonial);
  font-weight: var(--peso-semi);
  font-size: clamp(var(--tipo-xl), 6vw, var(--tipo-2xl));
  letter-spacing: var(--tracking-titulo);
  line-height: var(--interlinea-titulo);
  color: var(--blanco);
  text-wrap: balance;
}
.verif-sello {
  position: relative;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  margin: 0 auto var(--esp-5);
  padding: 0;
  border-radius: 50%;
  border: var(--borde-medio-grosor) solid currentColor;
  background: transparent;
  box-shadow: none;
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-xl);
  font-weight: var(--peso-normal);
  letter-spacing: var(--tracking-normal);
  text-transform: none;
  line-height: 1;
}
.verif-sello::before {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: var(--borde-fino) solid color-mix(in srgb, var(--oro) 30%, transparent);
  pointer-events: none;
}
.verif-sello.ok::after { content: none; animation: none; }
.verif-sello.ok {
  color: var(--estado-exito);
  background: color-mix(in srgb, var(--estado-exito) 12%, transparent);
  box-shadow: none;
}
.verif-sello.no {
  color: var(--estado-error);
  background: color-mix(in srgb, var(--estado-error) 10%, transparent);
  border-color: currentColor;
}
body.tema-papel .verif-sello.ok, .tema-claro .verif-sello.ok { color: color-mix(in srgb, var(--estado-exito) 55%, var(--nube)); }
body.tema-papel .verif-sello.no, .tema-claro .verif-sello.no { color: color-mix(in srgb, var(--estado-error) 55%, var(--nube)); }
@media (prefers-reduced-motion: no-preference) {
  .verif-sello.ok { animation: ax-sello-entra var(--dur-lenta) var(--curva-salida) both; }
  @keyframes ax-sello-entra { from { opacity: 0; transform: scale(.92); } }
}
.verif-foto {
  width: 96px;
  height: 96px;
  object-fit: cover;
  margin: 0 auto var(--esp-5);
  border-radius: var(--radio-sm);
  border: var(--borde-fino) solid var(--borde-dorado);
  box-shadow: none;
}
.verif-datos {
  list-style: none;
  margin: var(--esp-8) 0 0;
  padding: var(--esp-5) 0 0;
  text-align: start;
  border-top: var(--borde-fino) solid var(--carnet-filete-tenue);
}
.verif-datos li {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--esp-5);
  padding: var(--esp-3) 0;
  border-bottom: var(--borde-fino) solid var(--carnet-filete-tenue);
  font-size: var(--tipo-sm);
}
.verif-datos li:last-child { border-bottom: 0; }
.verif-datos li > span {
  flex: 0 0 auto;
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-micro);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  color: var(--gris-800);
}
.verif-datos li > strong {
  font-family: var(--fuente-interfaz);
  font-weight: var(--peso-semi);
  color: var(--blanco);
  text-align: end;
  font-variant-numeric: lining-nums tabular-nums;
}
.verif-datos li:first-child {
  flex-direction: column;
  align-items: center;
  gap: var(--esp-2);
  padding-bottom: var(--esp-5);
  border-bottom-color: var(--borde-dorado);
}
.verif-datos li:first-child > strong {
  font-family: var(--fuente-ceremonial);
  font-size: var(--tipo-lg);
  font-weight: var(--peso-semi);
  line-height: var(--interlinea-titulo);
  text-align: center;
}
@media (max-width: 899.98px) {
  .perfil-rejilla { grid-template-columns: 1fr; gap: var(--esp-6); }
}
@media (max-width: 639.98px) {
  .dir-indice { margin-top: 0; padding: var(--esp-3) 0; gap: var(--esp-1); }
  .dir-indice a { min-width: 36px; min-height: 36px; padding-inline: var(--esp-1); }
  .dir-indice a:first-child { padding-inline: var(--esp-3); }
  .verif-caja { margin-top: var(--esp-5); }
  .verif-datos li { gap: var(--esp-4); }
  .fp-casos, .fp-resultados { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media print {
  .filtros, .dir-indice { display: none; }
  .verif-caja { break-inside: avoid; max-width: 100%; border-color: var(--gris-800); }
  .verif-caja::after { content: none; }
}
.ax-main:has(> .dir-rejilla){
  --dir-instrumento-alto: 272px;
}
html:has(.dir-rejilla){
  scroll-padding-top: calc(var(--alto-cabecera) + var(--dir-instrumento-alto) + var(--esp-4));
}
.ax-main:has(> .dir-rejilla) > .dir-instrumento{
  position: sticky;
  top: var(--alto-cabecera);
  z-index: 30;
}
.ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros{
  max-width: none;
  margin-bottom: 0;
  background: color-mix(in srgb, var(--fondo-base) 92%, transparent);
  -webkit-backdrop-filter: var(--desenfoque-panel);
  backdrop-filter: var(--desenfoque-panel);
}
.ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros:has(+ .dir-indice){
  border-radius: var(--radio-md) var(--radio-md) 0 0;
  border-bottom-color: transparent;
}
.ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .campo label{ display: block; overflow: hidden; }
.ax-main:has(> .dir-rejilla) > .dir-instrumento > .dir-indice{
  margin-top: 0;
  border: var(--borde-fino) solid var(--borde-tenue);
  border-top: 0;
  border-radius: 0 0 var(--radio-md) var(--radio-md);
  background: color-mix(in srgb, var(--fondo-base) 92%, transparent);
  -webkit-backdrop-filter: var(--desenfoque-panel);
  backdrop-filter: var(--desenfoque-panel);
}
.ax-main:has(> .dir-rejilla) > .dir-instrumento::after{
  content: "";
  position: absolute;
  inset: 100% 0 auto;
  height: var(--esp-6);
  pointer-events: none;
  background: linear-gradient(to bottom,
    color-mix(in srgb, var(--fondo-base) 62%, transparent),
    color-mix(in srgb, var(--fondo-base) 22%, transparent) 55%,
    transparent);
}
.ax-main:has(> .dir-rejilla) > .dir-instrumento:has(> .filtros > .dir-plegar-mando:checked)::after{
  content: none;
}
@media print{
  .ax-main:has(> .dir-rejilla) > .dir-instrumento::after{ content: none; }
}
@media print{
  .ax-main:has(> .dir-rejilla) > .dir-instrumento{ position: static; }
}
@media (max-width: 899.98px){
  .ax-main:has(> .dir-rejilla) > .dir-instrumento:has(> .filtros > .dir-plegar-mando:checked){
    position: static;
  }
}
.dir-instrumento > .filtros > .dir-plegar-mando{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.dir-instrumento > .filtros > .dir-plegar-rotulo{
  display: flex;
  align-items: center;
  gap: var(--esp-2);
  min-height: 44px;
  flex: 1 1 100%;
  padding-inline: var(--esp-3);
  border: var(--borde-fino) solid var(--oro-a30);
  border-radius: var(--radio-sm);
  cursor: pointer;
  font: var(--peso-semi) var(--tipo-xs)/1.2 var(--fuente-interfaz);
  letter-spacing: var(--tracking-nav);
  text-transform: uppercase;
  color: var(--oro-texto);
}
.dir-instrumento > .filtros > .dir-plegar-rotulo:hover{
  border-color: var(--oro);
}
.dir-instrumento > .filtros > .dir-plegar-rotulo::before{
  content: "";
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-inline: 5px solid transparent;
  border-top: 6px solid var(--oro);
  transform: rotate(-90deg);
}
.dir-instrumento > .filtros > .dir-plegar-mando:checked ~ .dir-plegar-rotulo::before{
  transform: none;
}
.dir-instrumento > .filtros > .dir-plegar-mando:focus-visible ~ .dir-plegar-rotulo{
  box-shadow: var(--anillo-foco);
}
.dir-instrumento > .filtros > .dir-plegar{ display: contents; }
@media (max-width: 639.98px){
  .dir-instrumento > .filtros > .dir-plegar{ display: none; }
  .dir-instrumento > .filtros > .dir-plegar-mando:checked ~ .dir-plegar{ display: contents; }
}
@media (min-width: 640px){
  .dir-instrumento > .filtros > .dir-plegar-mando,
  .dir-instrumento > .filtros > .dir-plegar-rotulo{ display: none; }
}
.dir-titulo-rejilla{
  display: flex;
  align-items: center;
  gap: var(--esp-3);
  margin: var(--esp-8) 0 var(--esp-3);
  font: var(--peso-semi) var(--tipo-xs)/1.2 var(--fuente-interfaz);
  letter-spacing: var(--tracking-etiqueta);
  text-transform: uppercase;
  color: var(--marfil-2);
}
.dir-titulo-rejilla::before{
  content: "";
  flex: 0 0 auto;
  width: var(--remate-lado);
  height: var(--remate-lado);
  background: color-mix(in srgb, var(--ornamento-oro) 60%, transparent);
  transform: rotate(45deg);
}
.dir-titulo-rejilla::after{
  content: "";
  flex: 1 1 auto;
  min-width: var(--esp-8);
  height: var(--borde-fino);
  background: linear-gradient(90deg, var(--oro-linea), transparent 74%);
}
.dir-titulo-rejilla + .dir-rejilla{ margin-top: 0; }
@media (max-width: 899.98px){
  .dir-titulo-rejilla{ margin: var(--esp-6) 0 var(--esp-2); }
}
.ax-main:has(> .dir-rejilla) .filtros .btn{
  background: var(--degradado-oro);
  border-color: transparent;
  color: var(--nivel-gold-tinta);
  font-weight: var(--peso-fuerte);
}
.ax-main:has(> .dir-rejilla) .filtros .btn:hover{
  filter: brightness(1.05);
  border-color: transparent;
  background: var(--degradado-oro);
  color: var(--nivel-gold-tinta);
}
.ax-main:has(> .dir-rejilla) .filtros .btn:active{ filter: brightness(.97); }
.ax-main:has(> .dir-rejilla) .filtros .btn:focus-visible{
  box-shadow:
    0 0 0 2px var(--fondo-base),
    0 0 0 4px var(--ornamento-oro);
}
.dir-indice a{ min-width: var(--toque-min); min-height: var(--toque-min); }
@media (max-width: 639.98px){
  .dir-indice{
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    scroll-padding-inline: var(--esp-4);
    padding: var(--esp-1) var(--esp-3);
    -webkit-mask-image: linear-gradient(to right,
      transparent 0, var(--negro) var(--esp-5),
      var(--negro) calc(100% - var(--esp-5)), transparent 100%);
    mask-image: linear-gradient(to right,
      transparent 0, var(--negro) var(--esp-5),
      var(--negro) calc(100% - var(--esp-5)), transparent 100%);
  }
  .dir-indice::-webkit-scrollbar{ display: none; }
  .dir-indice a{
    flex: none;
    min-width: var(--toque-min);
    min-height: var(--toque-min);
    padding-inline: var(--esp-1);
    scroll-snap-align: center;
  }
  .dir-indice a:first-child{ padding-inline: var(--esp-3); }
}
@media (max-width: 639.98px){
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros{
    padding: var(--esp-3) var(--esp-4);
    gap: var(--esp-3);
  }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .campo:first-child{ flex: 1 1 100%; }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .campo{ flex: 1 1 55%; }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .btn{ flex: 1 1 30%; width: auto; margin-left: 0; }
}
.dir-subir{
  position: fixed;
  right: var(--esp-6);
  bottom: var(--esp-6);
  z-index: 28;
  display: inline-grid;
  place-items: center;
  width: calc(var(--toque-min) + var(--esp-2));
  height: calc(var(--toque-min) + var(--esp-2));
  border: var(--borde-fino) solid var(--borde-dorado);
  border-radius: var(--radio-pastilla);
  background: color-mix(in srgb, var(--fondo-base) 88%, transparent);
  -webkit-backdrop-filter: var(--desenfoque-panel);
  backdrop-filter: var(--desenfoque-panel);
  color: var(--texto-oro);
  text-decoration: none;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity      var(--dur-media) var(--curva-salida),
    visibility   var(--dur-media) var(--curva-salida),
    border-color var(--dur-media) var(--curva-salida),
    background   var(--dur-media) var(--curva-salida);
}
.dir-subir::before{
  content: "";
  width: 10px;
  height: 10px;
  margin-top: 3px;
  border-top: var(--borde-medio-grosor) solid currentColor;
  border-left: var(--borde-medio-grosor) solid currentColor;
  transform: rotate(45deg);
}
.dir-subir:hover,
.dir-subir:focus-visible{
  border-color: var(--ornamento-oro);
  background: color-mix(in srgb, var(--fondo-base) 96%, transparent);
  color: var(--texto-primario);
}
.dir-subir:focus-visible{ outline: none; box-shadow: var(--anillo-foco); }
@keyframes dir-subir-entra{
  to{ opacity: 1; visibility: visible; }
}
@supports (animation-timeline: scroll(root block)){
  .dir-subir{
    animation: dir-subir-entra linear both;
    animation-timeline: scroll(root block);
    animation-range: 1140px 1200px;
  }
}
@supports not (animation-timeline: scroll(root block)){
  .dir-subir{ opacity: 1; visibility: visible; }
}
@media print{ .dir-subir{ display: none; } }
@media (max-width: 639.98px){
  html:has(.dir-rejilla){
    scroll-padding-top: calc(var(--alto-cabecera) + var(--dir-instrumento-alto) + var(--esp-4));
  }
}
@media (min-width: 640px){
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .dir-indice{
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .dir-indice::-webkit-scrollbar{ display: none; }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .dir-indice a{
    flex: none;
    min-width: calc(var(--toque-min) - var(--esp-1));
    min-height: calc(var(--toque-min) - var(--esp-1));
  }
}
@supports (animation-timeline: scroll(root block)){
  .ax-main > .dir-subir,
  .dir-subir.dir-subir{
    animation-name: dir-subir-entra;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-play-state: running;
    animation-timeline: scroll(root block);
    animation-range: 1140px 1200px;
  }
}
@supports not (animation-timeline: scroll(root block)){
  .ax-main > .dir-subir,
  .dir-subir.dir-subir{ opacity: 1; visibility: visible; }
}
@media (prefers-reduced-motion: reduce){
  .ax-main > .dir-subir,
  .dir-subir.dir-subir{
    animation-name: none;
    animation-timeline: auto;
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 639.98px){
  .ax-main:has(> .dir-rejilla){
    --dir-instrumento-alto: 98px;
  }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .dir-indice{
    background: var(--fondo-base);
    border-bottom: var(--borde-fino) solid var(--borde-tenue);
    padding-inline: var(--esp-1);
  }
  html:has(.dir-rejilla){
    scroll-padding-top: calc(var(--alto-cabecera) + var(--dir-instrumento-alto) + var(--esp-4));
  }
}
body.tema-papel:has(.dir-rejilla),
body.tema-claro:has(.dir-rejilla){
  background: color-mix(in srgb, var(--marfil) 45%, var(--blanco));
}
.ax-main:has(> .dir-rejilla){ padding-top: var(--esp-6); }
@media (min-width: 900px){
  .ax-main > .dir-hero:has(~ .dir-rejilla) > .eyebrow{ grid-column: 1; grid-row: 1; }
}
body .ax-main:has(> .dir-rejilla) > .dir-instrumento{ margin-top: var(--esp-3); }
body .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros{ margin-top: 0; }
body .ax-main:has(> .dir-rejilla) > .dir-instrumento > .dir-indice{ margin-top: var(--esp-3); padding-block: var(--esp-2); }
@media (max-width: 639.98px){
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros{
    padding: var(--esp-3);
    gap: var(--esp-2);
  }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .campo{ flex: 1 1 55%; }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .campo:first-child{ flex: 1 1 100%; }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .btn{ flex: 1 1 30%; width: auto; margin-left: 0; }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .campo label{
    margin-bottom: var(--esp-1);
    font-size: var(--tipo-micro);
  }
}
.ax-main .perfil-columna > section.perfil-hero.perfil-hero{
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  column-gap: var(--esp-8);
  row-gap: var(--esp-3);
  padding: clamp(var(--esp-5), 3vw, var(--esp-8));
  margin-bottom: var(--esp-8);
}
.ax-main .perfil-columna.perfil-columna > section.perfil-hero.perfil-hero.perfil-hero > *{
  grid-column: 2;
  align-self: start;
}
.ax-main .perfil-columna.perfil-columna > section.perfil-hero.perfil-hero.perfil-hero > .dir-inicial,
.ax-main .perfil-columna.perfil-columna > section.perfil-hero.perfil-hero.perfil-hero > .verif-foto{
  grid-column: 1;
  grid-row: 1 / span 6;
}
.ax-main .perfil-columna > section.perfil-hero.perfil-hero > h1{ margin: 0; }
.perfil-salidas,
.perfil-columna > nav.perfil-salidas{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--esp-2) var(--esp-6);
}
.perfil-salidas > a + a::before{
  content: "";
  display: inline-block;
  width: var(--borde-fino);
  height: 1em;
  margin-inline-end: var(--esp-6);
  vertical-align: -.15em;
  background: var(--borde-medio);
}
.ax-main:has(> .dir-rejilla){ padding-top: var(--esp-4); }
body .ax-main:has(> .dir-rejilla) > .dir-instrumento{ margin-top: var(--esp-2); }
body .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros{ margin-top: 0; }
body .ax-main:has(> .dir-rejilla) > .dir-instrumento > .dir-indice{ margin-top: 0; padding-block: var(--esp-2); }
.ax-main > .dir-hero:has(~ .dir-rejilla) > .eyebrow{ margin-bottom: var(--esp-2); }
@media (max-width: 639.98px){
  .ax-main:has(> .dir-rejilla){ padding-top: var(--esp-3); }
  .ax-main > .dir-hero:has(~ .dir-rejilla) > .eyebrow{ margin-bottom: var(--esp-1); }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros{
    padding: var(--esp-3);
    gap: var(--esp-2);
  }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .campo{
    flex: 1 1 calc(40% - var(--esp-2));
    min-width: 0;
  }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .campo:first-child{ flex-basis: 100%; }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .campo label{
    font-size: var(--tipo-micro);
    margin-bottom: var(--esp-1);
  }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .campo :is(input, select){
    padding-block: var(--esp-3);
  }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .dir-barra-cuenta{
    flex: 1 1 100%;
    margin-top: var(--esp-2);
  }
  body .ax-main:has(> .dir-rejilla) > .dir-instrumento > .dir-indice{ padding-block: var(--esp-1); }
}
.ax-main .perfil-columna > section.perfil-hero.perfil-hero{
  padding: clamp(var(--esp-4), 2.4vw, var(--esp-6));
  margin-bottom: var(--esp-6);
}
.ax-main .perfil-columna.perfil-columna > section.perfil-hero.perfil-hero.perfil-hero > .dir-inicial,
.ax-main .perfil-columna.perfil-columna > section.perfil-hero.perfil-hero.perfil-hero > .verif-foto{
  grid-column: 1;
  grid-row: 1 / span 2;
}
.ax-main .perfil-columna.perfil-columna > section.perfil-hero.perfil-hero.perfil-hero > .perfil-cred{
  grid-column: 1;
  grid-row: 3 / span 2;
  align-self: start;
  margin-top: 0;
}
.perfil-hero:has(.cat-gold) > .dir-inicial{
  --placa-fondo: linear-gradient(135deg,
    color-mix(in srgb, var(--marfil) 62%, var(--oro-brillante)) 0%,
    var(--oro) 48%,
    color-mix(in srgb, var(--dorado-ornamento) 58%, var(--oro)) 100%);
  --placa-tinta:  var(--nivel-gold-tinta);
  --placa-bisel:  var(--nivel-gold-filete);
  --placa-trama:  color-mix(in srgb, var(--marino) 10%, transparent);
  --placa-destello: color-mix(in srgb, var(--blanco) 18%, transparent);
}
.perfil-hero:has(.cat-silver) > .dir-inicial,
.perfil-hero:has(.cat-platinum) > .dir-inicial{
  --placa-fondo:  var(--nivel-silver-lamina);
  --placa-tinta:  var(--nivel-silver-tinta);
  --placa-bisel:  var(--nivel-silver-filete);
  --placa-trama:  color-mix(in srgb, var(--marino) 14%, transparent);
  --placa-destello: color-mix(in srgb, var(--blanco) 52%, transparent);
}
.perfil-hero:has(.cat-purple) > .dir-inicial{
  --placa-fondo:
    linear-gradient(135deg,
      transparent 45%,
      color-mix(in srgb, var(--blanco) 34%, transparent) 100%),
    var(--nivel-purple-lamina);
  --placa-tinta:  var(--nivel-purple-tinta);
  --placa-bisel:  var(--nivel-purple-filete);
  --placa-trama:  color-mix(in srgb, var(--marino) 14%, transparent);
  --placa-destello: color-mix(in srgb, var(--blanco) 44%, transparent);
}
.perfil-hero:has(.cat-expert) > .dir-inicial,
.perfil-hero:has(.cat-black) > .dir-inicial{
  --placa-fondo:  var(--nivel-expert-lamina);
  --placa-tinta:  var(--nivel-expert-tinta);
  --placa-bisel:  var(--nivel-expert-filete);
  --placa-trama:  color-mix(in srgb, var(--oro-brillante) 12%, transparent);
}
.perfil-hero:has(.cat-member) > .dir-inicial{
  --placa-fondo: linear-gradient(135deg,
    color-mix(in srgb, var(--blanco) 26%, black) 0%,
    color-mix(in srgb, var(--blanco) 17%, black) 55%,
    color-mix(in srgb, var(--blanco) 11%, black) 100%);
  --placa-tinta:  color-mix(in srgb, var(--blanco) 74%, black);
  --placa-bisel:  color-mix(in srgb, var(--blanco) 17%, transparent);
  --placa-trama:  color-mix(in srgb, var(--blanco) 7%, transparent);
  --placa-destello: color-mix(in srgb, var(--blanco) 10%, transparent);
}
@media (prefers-reduced-motion: reduce){
  .ax-main > .dir-subir,
  .dir-subir.dir-subir{
    transition:
      border-color var(--dur-rapida) linear,
      background   var(--dur-rapida) linear;
  }
}
@supports (animation-timeline: scroll(root block)){
  @media (prefers-reduced-motion: reduce){
    .ax-main > .dir-subir,
    .dir-subir.dir-subir{
      animation-name: dir-subir-entra;
      animation-duration: 1s;
      animation-timing-function: steps(1, end);
      animation-fill-mode: both;
      animation-delay: 0s;
      animation-iteration-count: 1;
      animation-direction: normal;
      animation-play-state: running;
      animation-timeline: scroll(root block);
      animation-range: 1199px 1200px;
      opacity: 0;
      visibility: hidden;
    }
  }
}
@supports not (animation-timeline: scroll(root block)){
  @media (prefers-reduced-motion: reduce){
    .ax-main > .dir-subir,
    .dir-subir.dir-subir{
      opacity: 0;
      visibility: hidden;
    }
  }
}
.ax-main .perfil-columna.perfil-columna:has(> section.perfil-hero){
  grid-template-columns: minmax(0, 1fr);
}
.ax-main .perfil-columna.perfil-columna:has(> section.perfil-hero) > section:not(.perfil-hero){
  display: block;
  grid-column: 1 / -1;
}
.perfil-columna form textarea,
.perfil-columna form input[type="text"]{
  max-width: var(--ancho-lectura);
}
@supports not (animation-timeline: scroll(root block)){
  .ax-main > .dir-subir,
  .dir-subir.dir-subir{
    position: static;
    z-index: auto;
    inset: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--esp-2);
    width: max-content;
    max-width: 100%;
    height: auto;
    min-height: var(--toque-min);
    margin: var(--esp-6) auto 0;
    padding: 0 var(--esp-5);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: transparent;
    font-family: var(--fuente-interfaz);
    font-size: var(--tipo-micro);
    font-weight: var(--peso-semi);
    letter-spacing: var(--tracking-etiqueta);
    text-transform: uppercase;
    opacity: 1;
    visibility: visible;
  }
  .ax-main > .dir-subir::after,
  .dir-subir.dir-subir::after{
    content: var(--rotulo-subir, "Volver arriba");
  }
  .ax-main > .dir-subir::before,
  .dir-subir.dir-subir::before{
    margin-top: 0;
    flex: none;
  }
}
@supports not (animation-timeline: scroll(root block)){
  @media (prefers-reduced-motion: reduce){
    .ax-main > .dir-subir,
    .dir-subir.dir-subir{
      opacity: 1;
      visibility: visible;
    }
  }
}
@media (max-width: 639.98px){
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .dir-indice{
    display: none;
  }
}
@media (min-width: 1280px){
  .ax-main .perfil-columna.perfil-columna:has(> section.perfil-hero) > section.tarjeta:not(.perfil-hero):has(> form){
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--ancho-lectura);
    column-gap: var(--esp-8);
    align-items: start;
  }
  .ax-main .perfil-columna.perfil-columna:has(> section.perfil-hero) > section.tarjeta:not(.perfil-hero):has(> form) > .eyebrow,
  .ax-main .perfil-columna.perfil-columna:has(> section.perfil-hero) > section.tarjeta:not(.perfil-hero):has(> form) > .aviso{
    grid-column: 1 / -1;
  }
  .ax-main .perfil-columna.perfil-columna:has(> section.perfil-hero) > section.tarjeta:not(.perfil-hero):has(> form) > p{
    grid-column: 1;
  }
  .ax-main .perfil-columna.perfil-columna:has(> section.perfil-hero) > section.tarjeta:not(.perfil-hero):has(> form) > form{
    grid-column: 2;
  }
}
@media (min-width: 1600px){
  body:has(.dir-rejilla){
    --ancho-contenido: min(1800px, calc(100% - 190px));
    --sangria-chrome: max(var(--esp-5), calc((100% - min(1800px, calc(100% - 190px))) / 2));
  }
}
.p0-retirado-60-directorio-6179{
  --plaza: 104px;
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: start;
  justify-self: start;
  width: var(--plaza);
  height: var(--plaza);
  max-width: none;
  margin: 0;
  object-fit: cover;
  object-position: 50% 30%;
  border-radius: var(--radio-sm);
  border: var(--borde-fino) solid var(--borde-dorado);
  box-shadow: none;
  overflow: hidden;
  background-color: color-mix(in srgb, var(--marino) 72%, var(--negro));
  font-size: var(--tipo-micro);
  line-height: var(--interlinea-ajustada);
}
@media (max-width: 639.98px){
  .ax-main .perfil-columna.perfil-columna > section.perfil-hero.perfil-hero.perfil-hero{
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
  }
  .ax-main .perfil-columna.perfil-columna > section.perfil-hero.perfil-hero.perfil-hero > *{ grid-column: 1; }
  .ax-main .perfil-columna.perfil-columna > section.perfil-hero.perfil-hero.perfil-hero > .dir-inicial,
  .ax-main .perfil-columna.perfil-columna > section.perfil-hero.perfil-hero.perfil-hero > .verif-foto,
  .ax-main .perfil-columna.perfil-columna > section.perfil-hero.perfil-hero.perfil-hero > img.perfil-foto{ grid-column: 1; grid-row: auto; }
  .ax-main .perfil-columna.perfil-columna > section.perfil-hero.perfil-hero.perfil-hero > .perfil-cred{ grid-column: 1; grid-row: auto; }
}
.dir-escena{
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: var(--negro);
}
.dir-escena picture{ display: block; height: 100%; }
.dir-escena img{
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 65% 45%;
  border: 0;
  border-radius: 0;
}
.dir-escena::after{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(420px 560px at -6% 64%,
      var(--oro-a06) 0,
      rgb(var(--negro-rgb) / 0) 74%),
    linear-gradient(90deg,
      rgb(var(--negro-rgb) / .94) 0%,
      rgb(var(--negro-rgb) / .82) 34%,
      rgb(var(--negro-rgb) / .38) 70%,
      rgb(var(--negro-rgb) / .16) 100%),
    linear-gradient(180deg,
      rgb(var(--negro-rgb) / .14) 0%,
      rgb(var(--negro-rgb) / .06) 30%,
      rgb(var(--negro-rgb) / .58) 84%,
      var(--negro) 100%);
}
@media (max-width: 639.98px){
  .dir-escena img{ object-position: 50% 0; }
  .dir-escena::after{
    background: linear-gradient(180deg,
      rgb(var(--negro-rgb) / .20) 0%,
      rgb(var(--negro-rgb) / .34) 18%,
      rgb(var(--negro-rgb) / .78) 40%,
      rgb(var(--negro-rgb) / .90) 76%,
      var(--negro) 100%);
  }
}
.dir-hero{
  position: relative;
  max-width: 40ch;
  margin-inline: 0;
  padding-block: var(--esp-8) var(--esp-6);
  padding-inline: 0;
  text-align: left;
}
.dir-hero > .eyebrow{
  display: block;
  margin: 0 0 var(--esp-4);
  font: 600 var(--t-label)/1.2 var(--f-sans);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--marfil-3);
}
.dir-hero h1{
  margin: 0;
  font: 400 var(--t-display)/1.05 var(--f-palacio);
  letter-spacing: -.01em;
  color: var(--marfil);
  text-wrap: balance;
}
.dir-hero > p{
  margin: var(--esp-4) 0 0;
  max-width: 44ch;
  font: var(--peso-normal) var(--t-body)/1.55 var(--f-sans);
  color: var(--marfil-2);
}
.dir-hero > .dir-cifra{
  display: block;
  margin: var(--esp-6) 0 0;
  font: 400 var(--t-h1)/1.1 var(--f-palacio);
  letter-spacing: 0;
  text-transform: none;
  color: var(--oro-texto);
  border: 0;
  padding: 0;
}
.dir-hero > .dir-cifra::before,
.dir-hero > .dir-cifra::after{ content: none; }
.dir-hero > .dir-hero-nota{
  margin: var(--esp-2) 0 0;
  font: var(--peso-normal) var(--t-label)/1.5 var(--f-sans);
  letter-spacing: .01em;
  text-transform: none;
  color: var(--marfil-3);
  max-width: 44ch;
}
.dir-rejilla{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--esp-8);
  margin-top: var(--esp-8);
  padding: 0;
  background: none;
  isolation: isolate;
}
.dir-rejilla::before,
.dir-rejilla::after{ content: none; }
@media (max-width: 639.98px){
  .dir-rejilla{
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--esp-4);
    margin-top: var(--esp-6);
  }
}
.dir-rejilla > .dir-tarjeta{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  position: relative;
  z-index: 1;
  min-height: 0;
  padding: var(--esp-4);
  background: var(--laca);
  background-image: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-align: left;
  text-decoration: none;
  color: var(--marfil);
  overflow: visible;
  isolation: isolate;
}
.dir-rejilla > .dir-tarjeta::before,
.dir-rejilla > .dir-tarjeta::after{ content: none; }
.dir-rejilla > .dir-tarjeta > figure{
  width: 100%;
  flex: none;
  order: 0;
  margin: 0 0 var(--esp-3);
}
.dir-rejilla > .dir-tarjeta > h3{
  margin: 0;
  min-height: 0;
  max-height: none;
  overflow: visible;
  order: 1;
  font: 500 var(--t-h2)/1.15 var(--f-palacio);
  letter-spacing: -.005em;
  color: var(--marfil);
  text-wrap: balance;
}
.dir-rejilla > .dir-tarjeta > :is(.mini-cat, .dir-pais, .dir-esp, .dir-credencial){
  display: block;
  margin: var(--esp-2) 0 0;
  padding: 0;
  min-width: 0;
  min-height: 0;
  max-width: none;
  border: 0;
  background: none;
  box-shadow: none;
  font: 600 var(--t-label)/1.35 var(--f-sans);
  font-style: normal;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--marfil-3);
  overflow: visible;
  text-shadow: none;
  align-self: auto;
  justify-self: start;
}
.dir-rejilla > .dir-tarjeta > .mini-cat{ order: 2; color: var(--marfil-2); margin-top: var(--esp-3); }
.dir-rejilla > .dir-tarjeta > .dir-credencial{ border-radius: 0; }
.dir-rejilla > .dir-tarjeta > .dir-pais{ order: 3; margin-top: var(--esp-1); }
.dir-rejilla > .dir-tarjeta > .dir-esp{ order: 4; margin-top: var(--esp-1); }
.dir-rejilla > .dir-tarjeta > .dir-credencial{
  order: 5;
  margin-top: var(--esp-3);
  font-weight: var(--peso-medio);
  letter-spacing: .08em;
  font-variant-numeric: tabular-nums;
  color: var(--marfil-3);
}
.dir-rejilla > .dir-tarjeta .bandera{ display: none; }
.dir-rejilla > .dir-tarjeta > .dir-estado-membresia,
.dir-rejilla > .dir-tarjeta > .dir-recos{ display: none; }
@media (hover: hover) and (prefers-reduced-motion: no-preference){
  .dir-rejilla > .dir-tarjeta:hover,
  .dir-rejilla > .dir-tarjeta:focus-within{
    outline: 1px solid var(--oro);
    outline-offset: -1px;
    box-shadow: none;
    border-color: transparent;
  }
}
.dir-rejilla > .dir-tarjeta:focus-visible,
.dir-rejilla > .dir-tarjeta:focus-within{
  outline: 1px solid var(--oro);
  outline-offset: -1px;
}
@media (prefers-reduced-motion: reduce){
  .dir-rejilla > .dir-tarjeta{ transition: none; }
  .dir-rejilla > .dir-tarjeta:hover{ transform: none; }
}
.ax-main > .dir-instrumento > .dir-indice a{
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font: 500 var(--t-label)/1 var(--f-sans);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--marfil-3);
  text-decoration: none;
}
.ax-main > .dir-instrumento > .dir-indice a:hover{ color: var(--marfil); }
.ax-main > .dir-instrumento > .dir-indice a.activa{ color: var(--oro); background: none; border: 0; }
.dir-paginas{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: var(--esp-5);
  margin: var(--s-acto) 0 var(--esp-8);
}
.dir-paginas .dir-pag{
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  font: 400 var(--t-h2)/1 var(--f-palacio);
  color: var(--marfil-3);
  text-decoration: none;
}
.dir-paginas a.dir-pag:hover{ color: var(--marfil); }
.dir-paginas .dir-pag.activa{
  color: var(--oro-texto);
  font-weight: 500;
  border: 0;
}
.dir-paginas a.dir-pag:focus-visible{ outline: 1px solid var(--oro); outline-offset: 4px; }
.vacio-linea{
  margin: var(--s-acto) 0;
  max-width: 44ch;
  font: 400 var(--t-h2)/1.35 var(--f-palacio);
  color: var(--marfil-2);
}
.vacio-linea a{ color: var(--oro-texto); text-decoration: none; }
.vacio-linea a:hover{ color: var(--oro); }
.perfil-columna > .perfil-hero{
  background: var(--laca);
  background-image: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.perfil-hero > .mini-cat{
  display: inline-block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font: 600 var(--t-label)/1.35 var(--f-sans);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--marfil-2);
}
.perfil-hero > .dir-verificada,
.perfil-hero > .dir-estado-membresia{
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font: 600 var(--t-label)/1.35 var(--f-sans);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--marfil-3);
}
.perfil-hero .perfil-pais .bandera{ display: none; }
.perfil-salidas > a{ color: var(--marfil-2); }
.perfil-salidas > a:hover{ color: var(--marfil); }
.ax-main > .filtros,
.ax-main > .dir-instrumento > .filtros{
  max-width: none;
  margin-inline: 0;
  border: 0;
  border-radius: 0;
  background: var(--laca);
}
.ax-main > .filtros:focus-within,
.ax-main > .dir-instrumento > .filtros:focus-within{
  border: 0;
  outline: 1px solid var(--oro-linea);
  outline-offset: -1px;
}
.ax-main > .filtros .campo label,
.ax-main > .dir-instrumento > .filtros .campo label{
  font: 600 var(--t-label)/1.2 var(--f-sans);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--marfil-3);
}
.ax-main > .filtros .dir-barra-cuenta,
.ax-main > .dir-instrumento > .filtros .dir-barra-cuenta{
  font: 600 var(--t-label)/1.2 var(--f-sans);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--marfil-3);
}
.ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .dir-barra-cuenta{
  font-weight: var(--peso-medio);
  letter-spacing: var(--tracking-etiqueta);
}
.ax-main:has(> .dir-rejilla) > .dir-instrumento > .dir-indice{
  border: 0;
  border-radius: 0;
  background: var(--laca);
}
.perfil-columna > .perfil-hero::before{ content: none; }
.perfil-columna > .perfil-hero{ row-gap: var(--esp-4); }
.perfil-columna > .perfil-hero > h1{ margin-block: var(--esp-2); }
.perfil-columna > .perfil-hero > .perfil-sub{ margin-block: 0; }
.perfil-columna > .perfil-hero > .perfil-pais{ margin-block: 0; }
.perfil-columna > .perfil-hero > .perfil-bio{
  margin-block: var(--esp-4) 0;
  max-width: 68ch;
  color: var(--marfil-2);
}
.perfil-columna > .perfil-volver a{ color: var(--marfil-2); text-decoration: none; }
.perfil-columna > .perfil-volver a:hover{ color: var(--marfil); }
.dir-rejilla > .dir-tarjeta > .dir-esp{ display: none; }
.dir-rejilla > a.dir-tarjeta > .dir-credencial{ display: none; }
.dir-tarjeta{
  position: relative;
  isolation: isolate;
  background-color: var(--laca);
  border-radius: 0;
}
.dir-rejilla > .dir-tarjeta::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .6;
  background:
    repeating-linear-gradient(58deg,  var(--carnet-guilloche) 0 .5px, transparent .5px 7px),
    repeating-linear-gradient(-58deg, var(--carnet-guilloche) 0 .5px, transparent .5px 7px);
}
.dir-rejilla > .dir-tarjeta::after{
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  pointer-events: none;
  opacity: .5;
  background: linear-gradient(90deg,
    transparent,
    var(--oro-linea) 14%,
    var(--oro-linea) 86%,
    transparent);
  transition: opacity var(--m-nav, .2s) var(--e-out, ease);
}
.dir-rejilla > .dir-tarjeta:hover::after,
.dir-rejilla > .dir-tarjeta:focus-within::after{ opacity: 1; }
@media (prefers-reduced-motion: reduce){
  .dir-rejilla > .dir-tarjeta::after{ transition: none; }
}
.dir-rejilla > .dir-tarjeta .retrato--sin-foto{
  position: relative;
  display: grid;
  place-items: center;
}
.dir-rejilla > .dir-tarjeta .retrato--sin-foto::before{
  content: "";
  width: 42%;
  aspect-ratio: 1;
  background: var(--oro-linea);
  opacity: .14;
  -webkit-mask: url("/static/ds/ornamentos/sello-640.webp") center / contain no-repeat;
          mask: url("/static/ds/ornamentos/sello-640.webp") center / contain no-repeat;
  pointer-events: none;
}
.ax-main > .dir-volver{
  position: relative;
  margin: 0;
  padding-block: var(--esp-6) 0;
}
.ax-main > .dir-volver > a{
  display: inline-block;
  padding-block: var(--esp-1);
  font: var(--peso-normal) var(--t-body)/1.4 var(--f-sans);
  color: var(--marfil-2);
  text-decoration: none;
}
.ax-main > .dir-volver > a:hover{ color: var(--marfil); }
.ax-main > .dir-volver > a:focus-visible{ outline: 1px solid var(--oro); outline-offset: 4px; }
.ax-main > .dir-volver + .dir-hero{ padding-block-start: var(--esp-5); }
.dir-rejilla > .dir-tarjeta .bandera,
.perfil-hero .perfil-pais .bandera{
  display: inline-block;
  height: 1.35em;
  width: 1.35em;
  margin-inline-end: .5em;
  vertical-align: -.3em;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--oro-linea) 45%, transparent);
}
.dir-rejilla > .dir-tarjeta{
  --tier-tinte: color-mix(in srgb, var(--plata) 9%, transparent);
  --tier-lavado: color-mix(in srgb, var(--plata) 5.5%, transparent);
  --tier-linea: color-mix(in srgb, var(--plata) 26%, transparent);
  --tier-linea-2: color-mix(in srgb, var(--plata) 12%, transparent);
  --tier-grosor: 1px;
  --tier-esq: 0px;
  --tier-esq-op: 0;
  --tier-halo: 0 0 0 0 transparent;
  background-image:
    linear-gradient(152deg, var(--tier-lavado) 0%, rgb(var(--negro-rgb) / 0) 62%),
    linear-gradient(0deg, var(--tier-tinte) 0%, rgb(var(--negro-rgb) / 0) 42%);
  box-shadow: inset 0 0 0 var(--tier-grosor) var(--tier-linea), var(--tier-halo);
  outline: 1px solid var(--tier-linea-2);
  outline-offset: -6px;
  padding-bottom: calc(var(--esp-4) + var(--tier-esq) * .58);
}
.dir-rejilla > .dir-tarjeta.tier-member,
.dir-rejilla > .dir-tarjeta.tier-silver,
.dir-rejilla > .dir-tarjeta.tier-platinum{
  --tier-tinte: color-mix(in srgb, var(--plata) 7%, transparent);
  --tier-linea: color-mix(in srgb, var(--plata) 26%, transparent);
  --tier-linea-2: color-mix(in srgb, var(--plata) 12%, transparent);
  --tier-grosor: 1px;
  --tier-esq: 0px;
  --tier-esq-op: 0;
}
.dir-rejilla > .dir-tarjeta.tier-purple{
  --tier-tinte: color-mix(in srgb, var(--purpura) 20%, transparent);
  --tier-lavado: color-mix(in srgb, var(--purpura) 10.5%, transparent);
  --tier-linea: color-mix(in srgb, var(--purpura) 66%, transparent);
  --tier-linea-2: color-mix(in srgb, var(--purpura) 32%, transparent);
  --tier-grosor: 1px;
  --tier-esq: 24px;
  --tier-esq-op: .62;
}
.dir-rejilla > .dir-tarjeta.tier-gold{
  --tier-tinte: color-mix(in srgb, var(--oro) 19%, transparent);
  --tier-lavado: color-mix(in srgb, var(--oro) 11.5%, transparent);
  --tier-linea: color-mix(in srgb, var(--oro) 80%, transparent);
  --tier-linea-2: color-mix(in srgb, var(--oro) 40%, transparent);
  --tier-grosor: 2px;
  --tier-esq: 32px;
  --tier-esq-op: .88;
}
.dir-rejilla > .dir-tarjeta.tier-expert,
.dir-rejilla > .dir-tarjeta.tier-black{
  --tier-tinte: color-mix(in srgb, var(--oro-brillante) 24%, transparent);
  --tier-lavado: color-mix(in srgb, var(--oro-brillante) 13.5%, transparent);
  --tier-linea: color-mix(in srgb, var(--oro-brillante) 64%, transparent);
  --tier-linea-2: color-mix(in srgb, var(--oro-brillante) 56%, transparent);
  --tier-grosor: 2px;
  --tier-esq: 44px;
  --tier-esq-op: 1;
  --tier-halo: 0 0 0 0 transparent;
}
.dir-rejilla > .dir-tarjeta.tier-member > .dir-orla,
.dir-rejilla > .dir-tarjeta.tier-silver > .dir-orla,
.dir-rejilla > .dir-tarjeta.tier-platinum > .dir-orla,
.dir-rejilla > .dir-tarjeta.tier-purple > .dir-orla-bajo{ display: none; }
.dir-rejilla > .dir-tarjeta::after{ opacity: .3; }
.dir-rejilla > .dir-tarjeta.tier-purple::after{ opacity: .6; }
.dir-rejilla > .dir-tarjeta.tier-gold::after{ opacity: .85; }
.dir-rejilla > .dir-tarjeta.tier-expert::after,
.dir-rejilla > .dir-tarjeta.tier-black::after{ opacity: 1; }
.dir-rejilla > .dir-tarjeta > .dir-orla{
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.dir-rejilla > .dir-tarjeta > .dir-orla::before,
.dir-rejilla > .dir-tarjeta > .dir-orla::after{
  content: "";
  position: absolute;
  width: var(--tier-esq);
  height: var(--tier-esq);
  opacity: var(--tier-esq-op);
  background: var(--laton);
  -webkit-mask: url("/static/ds/ornamentos/esquina.svg") center / contain no-repeat;
          mask: url("/static/ds/ornamentos/esquina.svg") center / contain no-repeat;
}
.dir-rejilla > .dir-tarjeta > .dir-orla-alto::before{ top: 3px; left: 3px; transform: scaleX(-1); }
.dir-rejilla > .dir-tarjeta > .dir-orla-alto::after{ top: 3px; right: 3px; }
.dir-rejilla > .dir-tarjeta > .dir-orla-bajo::before{ bottom: 3px; left: 3px; transform: scale(-1, -1); }
.dir-rejilla > .dir-tarjeta > .dir-orla-bajo::after{ bottom: 3px; right: 3px; transform: scaleY(-1); }
.dir-rejilla > .dir-tarjeta.tier-purple > .mini-cat{ color: var(--insignia-purple-tinta); }
.dir-rejilla > .dir-tarjeta.tier-gold > .mini-cat{ color: var(--insignia-gold-tinta); }
.dir-rejilla > .dir-tarjeta.tier-expert > .mini-cat,
.dir-rejilla > .dir-tarjeta.tier-black > .mini-cat{ color: var(--oro-brillante); }
@media (hover: hover){
  .dir-rejilla > .dir-tarjeta:hover,
  .dir-rejilla > .dir-tarjeta:focus-within{
    outline: 1px solid var(--tier-linea-2);
    outline-offset: -6px;
    box-shadow: inset 0 0 0 var(--tier-grosor) var(--oro), var(--tier-halo);
  }
}
.dir-rejilla > .dir-tarjeta:focus-visible{
  outline: 1px solid var(--oro);
  outline-offset: -1px;
}
@media (max-width: 639.98px){
  .dir-rejilla > .dir-tarjeta{ outline-offset: -5px; }
  .dir-rejilla > .dir-tarjeta.tier-purple{ --tier-esq: 17px; }
  .dir-rejilla > .dir-tarjeta.tier-gold{ --tier-esq: 22px; }
  .dir-rejilla > .dir-tarjeta.tier-expert,
  .dir-rejilla > .dir-tarjeta.tier-black{ --tier-esq: 30px; }
}
.perfil-columna > .colega-tecnicas{
  background: var(--laca);
  padding: var(--esp-6);
  margin-bottom: var(--esp-6);
}
.colega-tecnicas > .tecnicas-lista{
  list-style: none;
  margin: var(--esp-4) 0 0;
  padding: 0;
}
.colega-tecnicas > .tecnicas-lista > .tecnica-item{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--esp-2) var(--esp-4);
  padding-block: var(--esp-3);
  border-top: 1px solid color-mix(in srgb, var(--oro-linea) 28%, transparent);
}
.colega-tecnicas > .tecnicas-lista > .tecnica-item:last-child{
  border-bottom: 1px solid color-mix(in srgb, var(--oro-linea) 28%, transparent);
}
.colega-tecnicas .tecnica-nombre{
  font: 400 var(--t-h2)/1.25 var(--f-palacio);
  color: var(--marfil);
}
.colega-tecnicas .tecnica-fecha{
  font: 600 var(--t-label)/1.35 var(--f-sans);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--marfil-3);
}
.campo.tecnica-fila{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--esp-2) var(--esp-4);
}
.campo.tecnica-fila > .tecnica-fecha-campo{
  display: flex;
  align-items: center;
  gap: var(--esp-2);
  margin: 0;
}
.campo.tecnica-fila > .tecnica-fecha-campo > span{
  font: 600 var(--t-label)/1.2 var(--f-sans);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--marfil-3);
  white-space: nowrap;
}
.campo.tecnica-fila > .tecnica-fecha-campo > input{ margin: 0; width: auto; min-width: 11rem; }
.campo.tecnica-fila > label{ flex: 0 1 auto; width: auto; margin: 0; }
.campo.tecnica-fila > label + .campo-ayuda{ flex-basis: 100%; }
@media (max-width: 639.98px){
  .campo.tecnica-fila{ align-items: flex-start; }
  .campo.tecnica-fila > .tecnica-fecha-campo{ width: 100%; }
  .campo.tecnica-fila > .tecnica-fecha-campo > input{ flex: 1 1 auto; min-width: 0; }
}
.dir-rejilla > .dir-tarjeta .dir-credencial{
  color: color-mix(in srgb, var(--marfil) 40%, var(--marfil-2));
  letter-spacing: .10em;
}
.ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros,
.ax-main:has(> .dir-rejilla) > .dir-instrumento > .dir-indice{
  background: var(--laca);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 0;
  border-color: var(--oro-a18);
}
.ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros:has(+ .dir-indice){
  border-radius: 0;
  border-bottom-color: transparent;
}
.ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .campo :is(input, select){
  background: var(--negro-100);
  border: 1px solid var(--oro-a30);
  border-radius: 0;
  color: var(--marfil);
}
.ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .campo :is(input, select):focus-visible,
.ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .campo :is(input, select):focus{
  border-color: var(--oro);
  box-shadow: var(--anillo-foco);
  outline: none;
}
@media (min-width: 900px){
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    align-items: end;
    gap: var(--esp-4) var(--esp-8);
  }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .campo{ margin: 0; min-width: 0; }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .btn{ margin: 0; width: 100%; }
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .dir-barra-cuenta{
    grid-column: 1 / -1;
    justify-self: end;
    align-self: center;
  }
}
.dir-rejilla{ position: relative; }
.dir-rejilla::before{
  content: "";
  position: absolute;
  z-index: -1;
  inset: calc(var(--esp-8) * -1) calc(var(--esp-5) * -1) calc(var(--esp-16) * -1);
  pointer-events: none;
  background: linear-gradient(180deg,
    rgb(var(--negro-rgb) / 0) 0,
    var(--negro) var(--esp-16),
    var(--negro) 100%);
}
.dir-hero h1{ font-size: var(--tipo-4xl); }
.dir-hero > .dir-cifra{
  font-size: var(--tipo-xl);
  margin-top: var(--esp-5);
}
.dir-hero > .dir-hero-nota{ color: var(--marfil-2); }
.dir-rejilla > .dir-tarjeta > figure{
  width: var(--dir-sello, 88px);
  height: var(--dir-sello, 88px);
  aspect-ratio: 1;
  flex: none;
  order: 0;
  position: relative;
  display: grid;
  place-items: center;
  margin: 0 0 var(--esp-4);
  overflow: hidden;
  border: 0;
  border-radius: 50%;
  background: var(--laca);
  box-shadow: inset 0 0 0 1px var(--tier-linea);
}
.dir-rejilla > .dir-tarjeta > figure::after{ content: none; }
.dir-rejilla > .dir-tarjeta > figure > img{ border-radius: 50%; }
.dir-rejilla > .dir-tarjeta .retrato--sin-foto::before,
.dir-rejilla > .dir-tarjeta > figure::before{
  content: "";
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  aspect-ratio: auto;
  opacity: .75;
  pointer-events: none;
  background: repeating-conic-gradient(from 0deg,
    var(--tier-linea) 0deg .5deg,
    rgb(var(--negro-rgb) / 0) .5deg 3.6deg);
  -webkit-mask: radial-gradient(closest-side,
    rgb(var(--negro-rgb) / 0) 0 55%, rgb(var(--negro-rgb) / 1) 56% 91%,
    rgb(var(--negro-rgb) / 0) 92%);
          mask: radial-gradient(closest-side,
    rgb(var(--negro-rgb) / 0) 0 55%, rgb(var(--negro-rgb) / 1) 56% 91%,
    rgb(var(--negro-rgb) / 0) 92%);
}
.dir-rejilla > .dir-tarjeta > figure.retrato--sin-foto::after{
  content: attr(data-monograma);
  position: relative;
  inset: auto;
  z-index: 1;
  border: 0;
  background: none;
  font: 400 var(--tipo-xl)/1 var(--fuente-ceremonial);
  letter-spacing: .04em;
  color: var(--marfil);
  -webkit-mask: none;
          mask: none;
}
.dir-rejilla > .dir-tarjeta{
  background-color: var(--laca-2);
  background-image:
    linear-gradient(170deg,
      var(--tier-lavado) 0,
      rgb(var(--negro-rgb) / 0) 150px),
    linear-gradient(180deg,
      var(--tier-tinte) 0,
      rgb(var(--negro-rgb) / 0) 124px);
  padding: var(--esp-5);
  padding-bottom: calc(var(--esp-5) + var(--tier-esq));
}
.dir-rejilla > .dir-tarjeta.tier-purple{ --tier-esq: 16px; }
.dir-rejilla > .dir-tarjeta.tier-gold{ --tier-esq: 22px; }
.dir-rejilla > .dir-tarjeta.tier-expert,
.dir-rejilla > .dir-tarjeta.tier-black{ --tier-esq: 28px; }
.dir-rejilla > .dir-tarjeta > h3{
  order: 1;
  font: 400 var(--tipo-lg)/1.2 var(--fuente-ceremonial);
  letter-spacing: -.005em;
  color: var(--marfil);
}
.dir-rejilla > .dir-tarjeta > :is(.mini-cat, .dir-pais, .dir-credencial){
  font-size: var(--tipo-xs);
  line-height: 1.35;
  letter-spacing: var(--tracking-nav);
  color: var(--marfil-2);
}
.dir-rejilla > .dir-tarjeta > .mini-cat{
  order: 2;
  margin-top: var(--esp-3);
  font-weight: 600;
}
.dir-rejilla > .dir-tarjeta > .dir-pais{
  order: 3;
  margin-top: var(--esp-1);
  font-weight: 500;
}
.dir-rejilla > .dir-tarjeta > .dir-credencial{
  order: 4;
  margin-top: var(--esp-4);
  padding-top: var(--esp-3);
  border-top: 1px solid var(--oro-a18);
  font-weight: 400;
  letter-spacing: .1em;
  font-variant-numeric: tabular-nums;
  color: var(--marfil-2);
}
.dir-rejilla > .dir-tarjeta.tier-silver > .mini-cat{ color: var(--plata); }
.dir-rejilla > .dir-tarjeta.tier-gold > .mini-cat{ color: var(--oro); }
.dir-rejilla > .dir-tarjeta.tier-expert > .mini-cat,
.dir-rejilla > .dir-tarjeta.tier-black > .mini-cat{ color: var(--oro-brillante); }
@media (max-width: 639.98px){
  .dir-rejilla{
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: var(--esp-5) var(--esp-4);
  }
  .dir-rejilla::before{
    inset: calc(var(--esp-6) * -1) calc(var(--esp-4) * -1) calc(var(--esp-12) * -1);
  }
  .dir-rejilla > .dir-tarjeta{
    padding: var(--esp-4);
    padding-bottom: calc(var(--esp-4) + var(--tier-esq));
  }
  .dir-rejilla > .dir-tarjeta > figure{
    --dir-sello: 64px;
    margin-bottom: var(--esp-3);
  }
  .dir-rejilla > .dir-tarjeta > figure.retrato--sin-foto::after{
    font-size: var(--tipo-lg);
  }
  .dir-rejilla > .dir-tarjeta > h3{ font-size: var(--tipo-base); }
  .dir-rejilla > .dir-tarjeta.tier-purple{ --tier-esq: 12px; }
  .dir-rejilla > .dir-tarjeta.tier-gold{ --tier-esq: 16px; }
  .dir-rejilla > .dir-tarjeta.tier-expert,
  .dir-rejilla > .dir-tarjeta.tier-black{ --tier-esq: 20px; }
}
.dir-rejilla > .dir-tarjeta{
  --dir-sello: 88px;
  --dir-lamina: calc(var(--esp-5) + var(--dir-sello) + var(--esp-4));
}
.dir-rejilla > .dir-tarjeta:has(> figure){
  background-color: var(--placa-fondo, var(--laca-2));
  background-image:
    linear-gradient(170deg,
      var(--tier-lavado) 0,
      rgb(var(--negro-rgb) / 0) var(--dir-lamina)),
    linear-gradient(180deg,
      var(--tier-tinte) 0,
      rgb(var(--negro-rgb) / 0) var(--dir-lamina));
}
.dir-rejilla > .dir-tarjeta:has(> figure)::before{
  inset: 0 0 auto;
  height: var(--dir-lamina);
  -webkit-mask: linear-gradient(180deg,
    rgb(var(--negro-rgb) / 1) 0 calc(100% - var(--esp-6)),
    rgb(var(--negro-rgb) / 0) 100%);
          mask: linear-gradient(180deg,
    rgb(var(--negro-rgb) / 1) 0 calc(100% - var(--esp-6)),
    rgb(var(--negro-rgb) / 0) 100%);
}
.dir-rejilla > .dir-tarjeta > figure.retrato--sin-foto::before{ opacity: .6; }
.dir-rejilla > .dir-tarjeta.tier-expert,
.dir-rejilla > .dir-tarjeta.tier-black{
  --tier-halo: 0 0 0 0 rgb(var(--negro-rgb) / 0);
}
.dir-rejilla > .dir-tarjeta .dir-pais > .bandera{
  filter: grayscale(1) brightness(.48) sepia(1) saturate(1.35);
  opacity: .92;
}
.dir-rejilla > .dir-tarjeta{ padding-bottom: var(--esp-12); }
.dir-rejilla > .dir-tarjeta > .mini-cat{ margin-top: auto; }
.ax-main:has(> .dir-rejilla) .filtros .btn{
  background: transparent;
  border: 1px solid var(--oro-a55);
  color: var(--texto-oro);
  font-weight: var(--peso-semi);
}
.ax-main:has(> .dir-rejilla) .filtros .btn:hover{
  background: transparent;
  border-color: var(--oro);
  color: var(--texto-primario);
  filter: none;
}
.ax-main:has(> .dir-rejilla) .filtros .btn:active{ filter: none; }
.ax-main:has(> .dir-rejilla) > .dir-instrumento > .dir-indice{
  justify-content: flex-start;
  padding-inline: 0;
}
.ax-main:has(> .dir-rejilla) > .dir-instrumento > .dir-indice > a:first-child{
  padding-inline: 0 var(--esp-3);
}
@media (hover: hover){
  .dir-rejilla > article.dir-tarjeta:hover,
  .dir-rejilla > article.dir-tarjeta:focus-within{
    box-shadow: inset 0 0 0 var(--tier-grosor) var(--tier-linea), var(--realce-luz-gas), var(--tier-halo);
  }
  .dir-rejilla > a.dir-tarjeta:hover{
    background-color: color-mix(in srgb, var(--oro) 8%, var(--placa-fondo, var(--laca-2)));
    box-shadow: inset 0 0 0 var(--tier-grosor) var(--oro), var(--realce-luz-gas), var(--tier-halo);
  }
}
.dir-rejilla > a.dir-tarjeta:focus-visible,
.dir-rejilla > article.dir-tarjeta:focus-visible{
  box-shadow: inset 0 0 0 var(--tier-grosor) var(--oro), var(--realce-luz-gas), var(--tier-halo);
}
.dir-rejilla > a.dir-tarjeta{
  transition:
    background-color var(--dur-media) var(--curva-salida),
    box-shadow var(--dur-media) var(--curva-salida);
}
@media (prefers-reduced-motion: reduce){
  .dir-rejilla > a.dir-tarjeta{ transition: none; }
}
@media (max-width: 639.98px){
  .dir-rejilla > .dir-tarjeta{
    --dir-sello: 64px;
    --dir-lamina: calc(var(--esp-4) + var(--dir-sello) + var(--esp-3));
    padding-bottom: var(--esp-10);
  }
}
@media (max-width: 639.98px){
  .ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .campo{
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
  }
}
.dir-rejilla > .dir-tarjeta{
  background-color: var(--placa-fondo);
}
.dir-rejilla > .dir-tarjeta::before{
  opacity: 1;
  background:
    repeating-linear-gradient(58deg,  var(--placa-trama) 0 .5px, transparent .5px 7px),
    repeating-linear-gradient(-58deg, var(--placa-trama) 0 .5px, transparent .5px 7px);
}
.dir-rejilla > .dir-tarjeta::after{
  opacity: .85;
}
.dir-rejilla > .dir-tarjeta:hover::after{ opacity: 1; }
.dir-rejilla > .dir-tarjeta .retrato--sin-foto::before{ opacity: .22; }
@media (max-width: 899.98px){
  .dir-hero{ position: relative; isolation: isolate; }
  .dir-hero::after{
    content: "";
    position: absolute;
    inset: -4rem -100vw -3rem -100vw;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(180deg,
      rgb(var(--negro-rgb) / 0) 0,
      rgb(var(--negro-rgb) / .88) 4rem,
      rgb(var(--negro-rgb) / .92) calc(100% - 3rem),
      rgb(var(--negro-rgb) / 0) 100%);
  }
}
.dir-hero > .dir-hero-nota{
  display: block;
  max-width: 54ch;
  font-size: var(--tipo-sm);
  line-height: 1.5;
  font-variant-numeric: lining-nums tabular-nums;
}
.dir-hero > .dir-hero-nota > span{ display: block; }
.ax-main:has(> .dir-rejilla) > .dir-instrumento > .filtros .campo select{
  padding-right: var(--esp-10);
  background-image:
    linear-gradient(45deg, transparent 50%, var(--oro-texto) 50%),
    linear-gradient(135deg, var(--oro-texto) 50%, transparent 50%);
  background-position: calc(100% - 22px) 54%, calc(100% - 17px) 54%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.ax-main:has(> .dir-rejilla) > .dir-instrumento{
  border-bottom: var(--borde-fino) solid var(--oro-linea);
}
.dir-rejilla > .dir-tarjeta{
  box-shadow:
    inset 0 0 0 var(--tier-grosor) var(--tier-linea),
    inset 0 var(--esp-5) var(--esp-12) calc(-1 * var(--esp-6)) transparent,
    var(--tier-halo);
}
.dir-rejilla > article.dir-tarjeta{
  transition: box-shadow var(--dur-media) var(--curva-salida);
}
@media (prefers-reduced-motion: reduce){
  .dir-rejilla > article.dir-tarjeta{ transition: none; }
}

/* ── ds/70-comunidad.css ── */
:root{
  --com-filete-tenue: color-mix(in srgb, var(--oro) 12%, transparent);
  --com-filete:       color-mix(in srgb, var(--oro) 26%, transparent);
  --com-filete-vivo:  color-mix(in srgb, var(--oro) 52%, transparent);
  --com-lavado:      color-mix(in srgb, var(--oro) 5%, transparent);
  --com-lavado-vivo: color-mix(in srgb, var(--oro) 9%, transparent);
  --com-superficie:      color-mix(in srgb, var(--blanco) 3%, transparent);
  --com-superficie-alta: color-mix(in srgb, var(--blanco) 6%, transparent);
  --com-grano:           color-mix(in srgb, var(--blanco) 5%, transparent);
  --com-radio:  var(--radio-sm);
  --com-medida: 66ch;
  --com-columna: 46rem;
}
.tema-claro,
body.tema-papel{
  --com-filete-tenue: color-mix(in srgb, var(--dorado-ornamento) 14%, transparent);
  --com-filete:       color-mix(in srgb, var(--dorado-ornamento) 30%, transparent);
  --com-filete-vivo:  color-mix(in srgb, var(--dorado-ornamento) 60%, transparent);
  --com-lavado:      color-mix(in srgb, var(--oro) 7%, transparent);
  --com-lavado-vivo: color-mix(in srgb, var(--oro) 13%, transparent);
  --com-superficie:      color-mix(in srgb, var(--marino) 3%, transparent);
  --com-superficie-alta: color-mix(in srgb, var(--marino) 6%, transparent);
  --com-grano: transparent;
}
.foro-tabs{
  display: flex;
  flex-wrap: nowrap;
  gap: var(--esp-6);
  margin: var(--esp-8) 0 var(--esp-6);
  padding: 0;
  border-bottom: var(--borde-fino) solid var(--borde-tenue);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.foro-tabs::-webkit-scrollbar{ display: none; }
.foro-tabs a{
  display: inline-flex;
  align-items: center;
  flex: none;
  min-height: 44px;
  white-space: nowrap;
  padding: 0 0 var(--esp-3);
  border: 0;
  border-bottom: var(--borde-medio-grosor) solid transparent;
  border-radius: 0;
  background: transparent;
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-xs);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-nav);
  text-transform: uppercase;
  text-decoration: none;
  color: var(--texto-secundario);
  transition: color var(--dur-rapida) var(--curva-salida),
              border-color var(--dur-rapida) var(--curva-salida);
}
.foro-tabs a:hover{
  background: transparent;
  color: var(--texto-primario);
  border-bottom-color: var(--com-filete);
}
.foro-tabs a.activa{
  background: transparent;
  color: var(--texto-oro);
  border-bottom-color: var(--ornamento-oro);
}
.foro-tabs a:focus-visible{
  box-shadow: var(--anillo-foco);
  border-radius: var(--radio-xs);
}
.ax-main:has(> .foro-tabs):has(> :is(.sin-resultados, .foro-sala-vacia)):has(> .foro-tabs > a:first-child.activa)
  > .foro-tabs{
  display: none;
}
.filtros:has(#f-tec){ margin: 0; align-items: flex-end; }
.filtros:has(#f-tec) .campo{ margin: 0; }
.filtros:has(#f-tec) label{
  font-size: var(--tipo-micro);
  letter-spacing: var(--tracking-etiqueta);
  color: var(--texto-secundario);
}
.filtros:has(#f-tec) select{
  min-width: 14rem;
  padding-inline: var(--esp-5);
  border-radius: var(--radio-pastilla);
  border-color: var(--borde-tenue);
  background: var(--com-superficie);
}
.filtros:has(#f-tec) select:hover{ border-color: var(--com-filete); }
.foro-lista{
  display: flex;
  flex-direction: column;
  gap: var(--esp-3);
  margin-top: var(--esp-6);
}
.foro-hilo-card{
  position: relative;
  display: grid;
  gap: var(--esp-3);
  padding: var(--esp-6) var(--esp-10) var(--esp-5) var(--esp-6);
  background: var(--com-superficie);
  border: var(--borde-fino) solid var(--borde-tenue);
  border-left-width: var(--borde-medio-grosor);
  border-left-color: var(--borde-tenue);
  border-radius: var(--com-radio);
  box-shadow: var(--sombra-carta);
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  transition: border-color var(--dur-media) var(--curva-salida);
}
.foro-hilo-card > *{ position: relative; z-index: 1; }
.foro-hilo-card::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(100deg, var(--com-lavado) 0%, transparent 44%);
  opacity: 0;
  transition: opacity var(--dur-media) var(--curva-salida);
}
.foro-hilo-card:hover,
.foro-hilo-card:focus-visible{
  border-color: var(--com-filete);
  border-left-color: var(--com-filete-vivo);
}
.foro-hilo-card:hover::before,
.foro-hilo-card:focus-visible::before{ opacity: 1; }
.foro-hilo-card::after{
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  right: var(--esp-5);
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: var(--borde-fino) solid var(--com-filete);
  border-right: var(--borde-fino) solid var(--com-filete);
  transform: rotate(45deg);
  opacity: .55;
  transition: opacity var(--dur-media) var(--curva-salida);
}
.foro-hilo-card:hover::after{ opacity: 1; }
.foro-hilo-card h3{
  margin: 0;
  max-width: var(--com-medida);
  font-family: var(--fuente-ceremonial);
  font-weight: var(--peso-semi);
  font-size: clamp(var(--tipo-md), 2.1vw, var(--tipo-lg));
  line-height: var(--interlinea-titulo);
  letter-spacing: var(--tracking-titulo);
  color: var(--texto-primario);
}
.foro-lista > .foro-hilo-card:first-child{
  padding-top: var(--esp-8);
  padding-bottom: var(--esp-6);
}
.foro-lista > .foro-hilo-card:first-child h3{
  font-size: clamp(var(--tipo-lg), 3vw, var(--tipo-xl));
}
.foro-hilo-card.fijado{
  border-color: var(--com-filete);
  border-left-color: var(--ornamento-oro);
  background:
    linear-gradient(100deg, var(--com-lavado-vivo) 0%, transparent 46%),
    var(--com-superficie-alta);
}
.foro-hilo-card.fijado:hover{ border-color: var(--com-filete-vivo); }
.foro-hilo-meta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--esp-2) var(--esp-3);
  font-size: var(--tipo-xs);
  color: var(--texto-secundario);
}
.foro-hilo-pie{
  display: flex;
  flex-wrap: wrap;
  gap: var(--esp-2);
  padding-top: var(--esp-3);
  border-top: var(--borde-fino) solid var(--borde-tenue);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-xs);
  font-weight: var(--peso-normal);
  letter-spacing: var(--tracking-ancho);
  color: var(--texto-secundario);
}
.foro-pill,
.foro-tec{
  display: inline-flex;
  align-items: center;
  flex: none;
  line-height: 1;
  padding: var(--esp-2) var(--esp-3);
  border: var(--borde-fino) solid var(--borde-tenue);
  border-radius: var(--radio-pastilla);
  background: transparent;
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-xs);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-ancho);
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--texto-secundario);
}
.foro-tec{
  padding-inline: 0;
  border-color: transparent;
  font-weight: var(--peso-normal);
  letter-spacing: var(--tracking-etiqueta);
}
.foro-pill.fp-casos{
  color: var(--texto-oro);
  border-color: var(--com-filete-vivo);
  background: var(--com-lavado-vivo);
}
.foro-pill.fp-postop{
  color: var(--texto-secundario);
  border-color: var(--borde-plata);
}
.foro-pill.fp-resultados{
  color: var(--brisa);
  border-color: color-mix(in srgb, var(--brisa) 42%, transparent);
}
.tema-claro .foro-pill.fp-resultados,
body.tema-papel .foro-pill.fp-resultados{
  color: var(--marino);
  border-color: var(--borde-plata);
}
:is(.sin-resultados, .foro-sala-vacia),
body .tarjeta:is(.sin-resultados, .foro-sala-vacia){
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: var(--com-columna);
  margin: var(--esp-8) auto 0;
  padding: var(--esp-10) var(--esp-8);
  border: var(--borde-fino) solid var(--com-filete-tenue);
  border-radius: var(--com-radio);
  background:
    radial-gradient(120% 90% at 50% 0%, var(--com-lavado) 0%, transparent 68%),
    var(--com-superficie);
  text-align: center;
  text-wrap: balance;
  font-family: var(--fuente-ceremonial);
  font-style: normal;
  font-weight: var(--peso-normal);
  font-size: var(--tipo-md);
  line-height: var(--interlinea-titulo);
  letter-spacing: var(--tracking-titulo);
  color: var(--texto-secundario);
}
:is(.sin-resultados, .foro-sala-vacia)::before,
body.tema-club .tarjeta:is(.sin-resultados, .foro-sala-vacia)::before,
body.tema-papel .tarjeta:is(.sin-resultados, .foro-sala-vacia)::before{
  content: "";
  position: static;
  display: block;
  inset: auto;
  flex: none;
  order: 0;
  width: 40px;
  height: 40px;
  margin: 0 auto var(--esp-6);
  border: var(--borde-fino) solid var(--com-filete-vivo);
  border-radius: var(--radio-xs);
  transform: rotate(45deg);
  background:
    radial-gradient(circle closest-side,
      transparent 0 58%, var(--com-filete) 58% 64%, transparent 65%),
    radial-gradient(circle closest-side,
      var(--com-filete-vivo) 0 8%, transparent 9%);
}
:is(.sin-resultados, .foro-sala-vacia)::after{
  content: "";
  display: block;
  flex: none;
  order: 2;
  width: 96px;
  height: 1px;
  margin: var(--esp-8) auto 0;
  background: linear-gradient(90deg,
    transparent, var(--com-filete-vivo) 50%, transparent);
}
:is(.sin-resultados, .foro-sala-vacia) .vacio-titulo{
  order: 0;
  margin: 0;
  max-width: 22ch;
  font-family: var(--fuente-ceremonial);
  font-style: normal;
  font-weight: var(--peso-medio);
  font-size: clamp(var(--tipo-lg), 2.6vw, var(--tipo-xl));
  line-height: var(--interlinea-titulo);
  letter-spacing: var(--tracking-titulo);
  color: var(--texto-primario);
}
:is(.sin-resultados, .foro-sala-vacia) .vacio-bajada{
  order: 1;
  display: block;
  margin: var(--esp-4) 0 0;
  max-width: 46ch;
  font-family: var(--fuente-lectura);
  font-style: normal;
  font-size: var(--tipo-base);
  font-weight: var(--peso-normal);
  line-height: var(--interlinea-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--texto-secundario);
}
:is(.sin-resultados, .foro-sala-vacia) .vacio-bajada:has(> .btn){
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--esp-6);
}
:is(.sin-resultados, .foro-sala-vacia) .btn{
  order: 3;
  flex: none;
  margin-top: var(--esp-8);
  white-space: nowrap;
}
:is(.sin-resultados, .foro-sala-vacia) .vacio-bajada .btn{ margin-top: 0; }
:is(.sin-resultados, .foro-sala-vacia) a:not(.btn){
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--esp-2);
  min-height: 44px;
  margin-top: var(--esp-8);
  padding: var(--esp-2) var(--esp-6);
  border: var(--borde-fino) solid var(--com-filete-vivo);
  border-radius: var(--radio-pastilla);
  background: var(--com-lavado);
  font-family: var(--fuente-interfaz);
  font-style: normal;
  font-size: var(--tipo-xs);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-ancho);
  text-transform: uppercase;
  text-decoration: none;
  color: var(--texto-oro);
  transition: border-color var(--dur-media) var(--curva-salida),
              background   var(--dur-media) var(--curva-salida),
              color        var(--dur-media) var(--curva-salida);
}
:is(.sin-resultados, .foro-sala-vacia) a:not(.btn):hover,
:is(.sin-resultados, .foro-sala-vacia) a:not(.btn):focus-visible{
  border-color: var(--ornamento-oro);
  background: var(--com-lavado-vivo);
  color: var(--texto-primario);
  text-decoration: none;
}
body .foro-tabs ~ .tarjeta:is(.sin-resultados, .foro-sala-vacia),
.foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia){
  max-width: var(--com-columna);
  margin-top: var(--esp-10);
  padding: clamp(var(--esp-16), 10vw, var(--esp-24)) var(--esp-10);
  border-color: var(--com-filete);
  font-size: clamp(var(--tipo-lg), 3.4vw, var(--tipo-xl));
  color: var(--texto-primario);
  background-image:
    linear-gradient(var(--com-filete-vivo), var(--com-filete-vivo)),
    linear-gradient(var(--com-filete-vivo), var(--com-filete-vivo)),
    linear-gradient(var(--com-filete-vivo), var(--com-filete-vivo)),
    linear-gradient(var(--com-filete-vivo), var(--com-filete-vivo)),
    linear-gradient(var(--com-filete-vivo), var(--com-filete-vivo)),
    linear-gradient(var(--com-filete-vivo), var(--com-filete-vivo)),
    linear-gradient(var(--com-filete-vivo), var(--com-filete-vivo)),
    linear-gradient(var(--com-filete-vivo), var(--com-filete-vivo)),
    radial-gradient(var(--com-grano) .5px, transparent .5px),
    radial-gradient(130% 100% at 50% -6%, var(--com-lavado-vivo) 0%, transparent 66%);
  background-size:
    24px 1px, 1px 24px,
    24px 1px, 1px 24px,
    24px 1px, 1px 24px,
    24px 1px, 1px 24px,
    3px 3px,
    100% 100%;
  background-position:
    left 16px top 16px,     left 16px top 16px,
    right 16px top 16px,    right 16px top 16px,
    left 16px bottom 16px,  left 16px bottom 16px,
    right 16px bottom 16px, right 16px bottom 16px,
    0 0,
    50% 0;
  background-repeat:
    no-repeat, no-repeat, no-repeat, no-repeat,
    no-repeat, no-repeat, no-repeat, no-repeat,
    repeat,
    no-repeat;
}
.foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia)::before{
  width: 64px;
  height: 64px;
  margin-bottom: var(--esp-8);
}
.foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia) .vacio-titulo{
  font-size: clamp(var(--tipo-xl), 4vw, var(--tipo-2xl));
}
.foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia)::after{
  width: 140px;
  margin-top: var(--esp-10);
}
.foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia) .btn{ margin-top: var(--esp-10); }
.foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia):not(:has(.vacio-bajada)):not(:has(.btn)){
  padding-block: clamp(var(--esp-12), 7vw, var(--esp-16));
}
.ax-main:has(> :is(.sin-resultados, .foro-sala-vacia) .btn-oro) > .foro-barra .btn-oro{ display: none; }
.ax-main:has(> .foro-tabs):has(> :is(.sin-resultados, .foro-sala-vacia))
  .filtros:has(#f-tec):not(:has(option[selected])){
  display: none;
}
.ax-main:has(> .foro-tabs):has(> :is(.sin-resultados, .foro-sala-vacia))
  > .foro-barra:not(:has(option[selected])){
  display: none;
}
body .tarjeta.foro-reglas,
.foro-reglas{
  position: relative;
  display: block;
  overflow: hidden;
  max-width: var(--com-columna);
  margin-inline: auto;
  margin-bottom: var(--esp-8);
  padding: clamp(var(--esp-10), 5vw, var(--esp-12)) clamp(var(--esp-6), 4vw, var(--esp-10));
  border: var(--borde-fino) solid var(--com-filete);
  border-radius: var(--com-radio);
  background:
    radial-gradient(120% 100% at 88% -10%, var(--com-lavado-vivo) 0%, transparent 62%),
    var(--com-superficie);
  font-size: var(--tipo-sm);
  color: var(--texto-secundario);
}
.foro-reglas::before{
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg,
    transparent, var(--ornamento-oro) 18%, var(--com-filete) 62%, transparent);
}
.foro-reglas > .eyebrow{ display: block; }
.foro-reglas h2{
  margin: var(--esp-3) 0 0;
  max-width: 24ch;
  font-size: clamp(var(--tipo-xl), 3.6vw, var(--tipo-2xl));
  line-height: var(--interlinea-titulo);
  text-wrap: balance;
}
.ax-main .foro-reglas ol,
body .tarjeta.foro-reglas ol,
.foro-reglas ol{
  list-style: none;
  counter-reset: regla;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--esp-8);
  margin: var(--esp-10) 0 0;
  padding: var(--esp-10) 0 0;
  max-width: none;
  border-top: var(--borde-fino) solid var(--com-filete-tenue);
  border-inline: 0;
  border-bottom: 0;
}
.foro-reglas li{
  counter-increment: regla;
  position: relative;
  max-width: none;
  padding-left: var(--esp-12);
  font-family: var(--fuente-lectura);
  font-size: var(--tipo-base);
  line-height: var(--interlinea-amplia);
  color: var(--texto-secundario);
}
.foro-reglas li::before{
  content: counter(regla, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 0;
  font-family: var(--fuente-ceremonial);
  font-size: var(--tipo-lg);
  line-height: var(--interlinea-amplia);
  font-variant-numeric: tabular-nums;
  color: transparent;
  -webkit-text-stroke: 1px var(--ornamento-oro);
}
.foro-reglas li strong{
  display: block;
  margin-bottom: var(--esp-2);
  font-family: var(--fuente-interfaz);
  font-weight: var(--peso-semi);
  font-size: var(--tipo-sm);
  letter-spacing: var(--tracking-ancho);
  text-transform: uppercase;
  color: var(--texto-primario);
}
.foro-reglas form{
  padding-top: var(--esp-10);
  border-top: var(--borde-fino) solid var(--com-filete-tenue);
}
.foro-reglas form .btn{
  white-space: nowrap;
  padding-inline: var(--esp-8);
}
.foro-compuerta{
  display: grid;
  gap: var(--esp-4);
  margin-top: var(--esp-6);
  padding: var(--esp-5) var(--esp-6);
  border: var(--borde-fino) solid var(--borde-tenue);
  border-left-width: var(--esp-1);
  border-left-style: solid;
  border-left-color: color-mix(in srgb, var(--estado-aviso) 72%, transparent);
  border-radius: var(--com-radio);
  background: var(--com-superficie);
}
.foro-compuerta label.check-linea,
.foro-compuerta .check-linea{
  display: flex;
  align-items: flex-start;
  gap: var(--esp-3);
  margin: 0;
  font-family: var(--fuente-lectura);
  font-size: var(--tipo-sm);
  font-weight: var(--peso-normal);
  line-height: var(--interlinea-normal);
  letter-spacing: var(--tracking-normal);
  text-transform: none;
  color: var(--texto-secundario);
  cursor: pointer;
}
.foro-compuerta .check-linea strong{
  font-weight: var(--peso-semi);
  color: var(--texto-primario);
}
.foro-compuerta input[type=checkbox]{
  margin-top: .15em;
  accent-color: var(--ornamento-oro);
}
.foro-nota{
  margin: var(--esp-2) 0 0;
  max-width: var(--com-medida);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-xs);
  line-height: var(--interlinea-normal);
  color: var(--texto-secundario);
}
.foro-hilo-head{
  display: grid;
  justify-items: start;
  align-items: start;
  gap: var(--esp-4);
  margin: var(--esp-4) 0 var(--esp-8);
  padding-bottom: var(--esp-6);
  border-bottom: var(--borde-fino) solid var(--com-filete-tenue);
}
.foro-hilo-head > *{ margin: 0; max-width: 100%; }
.foro-hilo-head h1{
  max-width: 24ch;
  font-family: var(--fuente-ceremonial);
  font-size: clamp(var(--tipo-xl), 4.6vw, var(--tipo-3xl));
  line-height: var(--interlinea-titulo);
  letter-spacing: var(--tracking-titulo);
  color: var(--texto-primario);
}
.foro-post{
  margin: 0;
  padding: var(--esp-8) 0;
  background: transparent;
  border: 0;
  border-top: var(--borde-fino) solid var(--borde-tenue);
  border-radius: 0;
}
.foro-post:first-of-type{ border-top: 0; padding-top: 0; }
.foro-post.foro-post-op{
  padding: var(--esp-8) var(--esp-8) var(--esp-6);
  border: var(--borde-fino) solid var(--com-filete);
  border-left-width: var(--esp-1);
  border-left-style: solid;
  border-left-color: var(--ornamento-oro);
  border-radius: var(--com-radio);
  background:
    linear-gradient(180deg, var(--com-lavado) 0%, transparent 42%),
    var(--com-superficie);
}
.foro-post-head{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  gap: var(--esp-2) var(--esp-4);
  margin-bottom: var(--esp-4);
}
.foro-post-head strong{
  font-family: var(--fuente-interfaz);
  font-weight: var(--peso-semi);
  font-size: var(--tipo-sm);
  letter-spacing: var(--tracking-ancho);
  color: var(--texto-primario);
}
.foro-post-head span{
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-xs);
  letter-spacing: var(--tracking-ancho);
  text-transform: uppercase;
  color: var(--texto-secundario);
}
.foro-post-op .foro-post-head strong::before{
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: var(--esp-2);
  vertical-align: .12em;
  background: var(--ornamento-oro);
  transform: rotate(45deg);
}
.foro-post-cuerpo{
  margin-top: var(--esp-3);
  max-width: var(--com-medida);
  font-family: var(--fuente-lectura);
  font-size: var(--tipo-base);
  line-height: var(--interlinea-amplia);
  color: var(--texto-secundario);
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.foro-post-op .foro-post-cuerpo{ color: var(--texto-primario); }
.foro-post-pie{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--esp-5);
  margin-top: var(--esp-6);
  padding-top: var(--esp-3);
  border-top: var(--borde-fino) solid var(--borde-tenue);
  font-size: var(--tipo-xs);
  color: var(--texto-secundario);
}
.foro-post-pie form{ margin: 0; }
.foro-accion{
  appearance: none;
  background: none;
  border: 0;
  border-bottom: var(--borde-fino) solid var(--borde-tenue);
  padding: var(--esp-2) 0;
  min-height: 32px;
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-xs);
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-ancho);
  text-transform: uppercase;
  text-decoration: none;
  color: var(--texto-secundario);
  cursor: pointer;
  transition: color var(--dur-rapida) var(--curva-salida),
              border-color var(--dur-rapida) var(--curva-salida);
}
.foro-accion:hover{
  color: var(--texto-primario);
  border-bottom-color: var(--borde-medio);
}
.foro-accion:focus-visible{
  box-shadow: var(--anillo-foco);
  border-radius: var(--radio-xs);
}
.foro-adjuntos{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  gap: var(--esp-3);
  margin-top: var(--esp-6);
  max-width: var(--com-medida);
}
.foro-adjuntos a{
  position: relative;
  display: block;
  overflow: hidden;
  border: var(--borde-fino) solid var(--borde-tenue);
  border-radius: var(--com-radio);
  background: var(--fondo-hundido);
  transition: border-color var(--dur-media) var(--curva-salida);
}
.foro-adjuntos a:hover{ border-color: var(--com-filete-vivo); }
.foro-adjuntos a::after{
  content: "";
  position: absolute;
  inset: 5px;
  pointer-events: none;
  border: var(--borde-fino) solid var(--com-filete-tenue);
  border-radius: var(--radio-xs);
}
.foro-adjuntos img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  border: 0;
  border-radius: 0;
  transition: transform var(--dur-media) var(--curva-salida);
}
.foro-adjuntos a:hover img{ transform: scale(var(--escala-realce)); }
.foro-video{
  margin-top: var(--esp-6);
  max-width: var(--com-medida);
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: var(--borde-fino) solid var(--borde-tenue);
  border-radius: var(--com-radio);
  background: var(--negro-000);
}
.foro-video iframe{ display: block; width: 100%; height: 100%; border: 0; }
body .tarjeta:has(> .foro-form){
  margin-top: var(--esp-10);
  padding: var(--esp-8);
  border: var(--borde-fino) solid var(--com-filete);
  border-radius: var(--com-radio);
  background:
    linear-gradient(180deg, var(--com-lavado) 0%, transparent 52%),
    var(--com-superficie);
}
.foro-form{ margin: 0; }
.foro-form .campo{ margin: 0 0 var(--esp-5); }
.foro-form textarea{
  min-height: 9rem;
  font-family: var(--fuente-lectura);
  font-size: var(--tipo-base);
  line-height: var(--interlinea-normal);
}
.foro-form input[type=file]{
  padding: var(--esp-3);
  border: var(--borde-fino) dashed var(--borde-medio);
  border-radius: var(--com-radio);
  background: var(--fondo-hundido);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-sm);
  color: var(--texto-secundario);
}
.foro-form input[type=file]:hover{ border-color: var(--com-filete); }
.foro-mod-bar{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--esp-4);
  margin: var(--esp-6) 0;
  padding: var(--esp-4) var(--esp-5);
  border: var(--borde-fino) solid var(--com-filete-tenue);
  border-radius: var(--com-radio);
  background: var(--com-superficie);
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-sm);
  color: var(--texto-secundario);
}
.foro-mod-bar .punto{
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: var(--esp-3);
  border-radius: 50%;
  background: var(--estado-error);
  vertical-align: middle;
}
.foro-mod-bar .punto.ok{ background: var(--estado-exito); }
.foro-post[style]{
  margin-top: var(--esp-4);
  padding: var(--esp-6) var(--esp-5);
  border-radius: var(--com-radio);
  background: color-mix(in srgb, var(--estado-error) 6%, transparent);
}
.reco-card{
  position: relative;
  display: block;
  margin: var(--esp-4) 0 0;
  padding: var(--esp-6) var(--esp-6) var(--esp-5);
  border: var(--borde-fino) solid var(--borde-tenue);
  border-left-width: var(--esp-1);
  border-left-style: solid;
  border-left-color: var(--ornamento-oro);
  border-radius: var(--com-radio);
  background: var(--com-superficie);
  box-shadow: var(--sombra-carta);
}
.reco-card p{
  margin: 0;
  max-width: var(--com-medida);
  font-family: var(--fuente-ceremonial);
  font-style: italic;
  font-weight: var(--peso-medio);
  font-size: clamp(var(--tipo-md), 2.2vw, var(--tipo-lg));
  line-height: var(--interlinea-titulo);
  letter-spacing: var(--tracking-normal);
  color: var(--texto-primario);
}
.reco-card footer{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--esp-2) var(--esp-3);
  margin-top: var(--esp-5);
  padding-top: var(--esp-3);
  border-top: var(--borde-fino) solid var(--borde-tenue);
  font-family: var(--fuente-interfaz);
  font-style: normal;
  font-size: var(--tipo-xs);
  letter-spacing: var(--tracking-ancho);
  text-transform: uppercase;
  color: var(--texto-secundario);
}
.reco-card footer a{ color: var(--texto-oro); text-decoration: none; }
.reco-card footer a:hover{ color: var(--texto-primario); text-decoration: underline; }
.reco-card .acciones-fila{ margin-top: var(--esp-4); }
.reco-card.reco-pendiente{
  border-left-color: var(--estado-aviso);
  background: color-mix(in srgb, var(--estado-aviso) 5%, transparent);
}
section > .tarjeta:is(.sin-resultados, .foro-sala-vacia):has(.vacio-titulo),
section > :is(.sin-resultados, .foro-sala-vacia):has(.vacio-titulo){
  max-width: none;
  margin-inline: 0;
  margin-top: var(--esp-5);
  padding-block: clamp(var(--esp-10), 5vw, var(--esp-12));
}
section > :is(.sin-resultados, .foro-sala-vacia):has(.vacio-titulo)::before{
  width: 32px;
  height: 32px;
  margin-bottom: var(--esp-5);
}
section > :is(.sin-resultados, .foro-sala-vacia):has(.vacio-titulo)::after{
  margin-top: var(--esp-6);
}
h1 + .campo-ayuda{
  margin-top: var(--esp-5);
  max-width: 58ch;
  font-family: var(--fuente-lectura);
  font-size: var(--tipo-md);
  line-height: var(--interlinea-normal);
}
@media (max-width: 639.98px){
  .foro-tabs{
    gap: var(--esp-5);
    margin: var(--esp-6) 0 var(--esp-5);
    margin-inline: calc(var(--esp-4) * -1);
    padding-inline: var(--esp-4);
  }
  .foro-hilo-card{
    gap: var(--esp-2);
    padding: var(--esp-5) var(--esp-8) var(--esp-4) var(--esp-5);
  }
  .foro-hilo-card::after{ right: var(--esp-4); }
  .foro-hilo-card h3,
  .foro-lista > .foro-hilo-card:first-child h3{ font-size: var(--tipo-md); }
  .foro-lista > .foro-hilo-card:first-child{
    padding-top: var(--esp-6);
    padding-bottom: var(--esp-5);
  }
  .filtros:has(#f-tec){ width: 100%; }
  .filtros:has(#f-tec) .campo,
  .filtros:has(#f-tec) select{ width: 100%; min-width: 0; }
  :is(.sin-resultados, .foro-sala-vacia),
  body .tarjeta:is(.sin-resultados, .foro-sala-vacia){
    padding: var(--esp-10) var(--esp-5);
    font-size: var(--tipo-base);
  }
  body .foro-tabs ~ .tarjeta:is(.sin-resultados, .foro-sala-vacia),
  .foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia){
    padding: var(--esp-16) var(--esp-5);
    font-size: var(--tipo-lg);
    background-position:
      left 10px top 10px,     left 10px top 10px,
      right 10px top 10px,    right 10px top 10px,
      left 10px bottom 10px,  left 10px bottom 10px,
      right 10px bottom 10px, right 10px bottom 10px,
      0 0,
      50% 0;
  }
  .foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia)::before{
    width: 52px;
    height: 52px;
    margin-bottom: var(--esp-6);
  }
  .foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia) .btn{
    display: flex;
    width: 100%;
    white-space: normal;
    text-wrap: balance;
    line-height: var(--interlinea-titulo);
    padding-inline: var(--esp-4);
  }
  :is(.sin-resultados, .foro-sala-vacia) .btn{ white-space: normal; text-wrap: balance; }
  body .tarjeta.foro-reglas,
  .foro-reglas{ padding: var(--esp-8) var(--esp-5); }
  .foro-reglas ol{
    gap: var(--esp-6);
    margin-top: var(--esp-8);
    padding-top: var(--esp-8);
  }
  .foro-reglas li{
    padding-left: var(--esp-10);
    font-size: var(--tipo-sm);
  }
  .foro-reglas form{ padding-top: var(--esp-8); }
  .foro-reglas form .btn{
    display: flex;
    width: 100%;
    white-space: normal;
    text-wrap: balance;
    line-height: var(--interlinea-titulo);
    padding: var(--esp-4);
    min-height: 52px;
  }
  .foro-post{ padding: var(--esp-6) 0; }
  .foro-post.foro-post-op{ padding: var(--esp-6) var(--esp-5) var(--esp-5); }
  .foro-post-pie{ gap: var(--esp-6); }
  .foro-accion{ display: inline-flex; align-items: center; min-height: 44px; }
  .foro-adjuntos{ grid-template-columns: repeat(2, 1fr); }
  body .tarjeta:has(> .foro-form){ padding: var(--esp-6) var(--esp-5); }
  .reco-card{ padding: var(--esp-5); }
  .reco-card p{ font-size: var(--tipo-md); }
  .foro-mod-bar{ padding: var(--esp-4); }
}
@media (prefers-reduced-motion: reduce){
  .foro-adjuntos a:hover img{ transform: none; }
  .foro-hilo-card:hover::after{ right: var(--esp-5); }
  .foro-hilo-card::before,
  .foro-hilo-card::after{ transition: none; }
  :is(.sin-resultados, .foro-sala-vacia) a:not(.btn){ transition: none; }
}
.ax-main:has(> .foro-tabs){
  --com-pliego: 60rem;
}
.ax-main > .dir-hero:has(~ .foro-tabs){
  max-width: var(--com-pliego);
  margin-inline: auto;
}
.ax-main:has(> .foro-tabs):has(> :is(.sin-resultados, .foro-sala-vacia)):has(> .foro-tabs > a:first-child.activa)
  > .foro-tabs{
  display: flex;
}
.ax-main > .foro-tabs:has(~ :is(.sin-resultados, .foro-sala-vacia)){
  max-width: var(--com-pliego);
  margin: var(--esp-10) auto 0;
  padding-inline: var(--esp-6);
  border-bottom-color: var(--com-filete);
  gap: var(--esp-8);
}
.ax-main > .foro-tabs:has(~ :is(.sin-resultados, .foro-sala-vacia)) a{
  min-height: calc(var(--toque-min) + var(--esp-2));
  padding-bottom: var(--esp-4);
  margin-bottom: calc(var(--borde-fino) * -1);
}
.ax-main > .foro-tabs:has(~ :is(.sin-resultados, .foro-sala-vacia)) a.activa{
  border-bottom-width: calc(var(--borde-fino) * 2);
  margin-bottom: calc(var(--borde-fino) * -2);
  padding-inline: var(--esp-3);
  margin-inline: calc(var(--esp-3) * -1);
  background: linear-gradient(180deg, transparent 30%, var(--com-lavado) 100%);
}
body .tarjeta.foro-reglas,
.foro-reglas{
  max-width: var(--com-pliego);
  padding: clamp(var(--esp-8), 4vw, var(--esp-10)) clamp(var(--esp-6), 4vw, var(--esp-10));
  margin-bottom: var(--esp-6);
}
.foro-reglas h2{ max-width: 34ch; }
.ax-main .foro-reglas ol,
body .tarjeta.foro-reglas ol,
.foro-reglas ol{
  display: block;
  columns: 2;
  column-gap: var(--esp-12);
  column-rule: var(--borde-fino) solid var(--com-filete-tenue);
  column-fill: balance;
  margin-top: var(--esp-6);
  padding-top: var(--esp-6);
}
.foro-reglas li{
  break-inside: avoid;
  margin-bottom: var(--esp-6);
  padding-left: var(--esp-10);
  line-height: var(--interlinea-normal);
}
.foro-reglas li:last-child{ margin-bottom: 0; }
.foro-reglas li::before{
  font-size: var(--tipo-md);
  line-height: var(--interlinea-normal);
}
.foro-reglas li strong{
  display: inline;
  margin-bottom: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: var(--peso-semi);
  letter-spacing: var(--tracking-normal);
  text-transform: none;
  color: var(--texto-primario);
}
.foro-reglas form{ padding-top: var(--esp-6); }
body .foro-tabs ~ .tarjeta:is(.sin-resultados, .foro-sala-vacia),
.foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia){
  max-width: var(--com-pliego);
  margin-top: 0;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-top-color: transparent;
}
.foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia):not(:has(.btn))::after{ content: none; }
.foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia):not(:has(.vacio-bajada)):not(:has(.btn)){
  padding-block: clamp(var(--esp-10), 5vw, var(--esp-12));
}
body .foro-tabs ~ .tarjeta:is(.sin-resultados, .foro-sala-vacia),
.foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia){
  background-size:
    32px 1px, 1px 32px,
    32px 1px, 1px 32px,
    32px 1px, 1px 32px,
    32px 1px, 1px 32px,
    3px 3px,
    100% 100%;
  background-position:
    left 20px top 20px,     left 20px top 20px,
    right 20px top 20px,    right 20px top 20px,
    left 20px bottom 20px,  left 20px bottom 20px,
    right 20px bottom 20px, right 20px bottom 20px,
    0 0,
    50% 0;
}
@media (max-width: 639.98px){
  .ax-main .foro-reglas ol,
  body .tarjeta.foro-reglas ol,
  .foro-reglas ol{
    columns: 1;
    column-rule: none;
    margin-top: var(--esp-5);
    padding-top: var(--esp-5);
  }
  .foro-reglas li{ padding-left: var(--esp-8); margin-bottom: var(--esp-5); }
  .ax-main > .foro-tabs:has(~ :is(.sin-resultados, .foro-sala-vacia)){
    margin-top: var(--esp-8);
    padding-inline: var(--esp-3);
    gap: var(--esp-6);
    -webkit-mask-image: linear-gradient(90deg, rgb(var(--negro-rgb)) 0 88%, transparent 100%);
    mask-image: linear-gradient(90deg, rgb(var(--negro-rgb)) 0 88%, transparent 100%);
  }
  .foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia):not(:has(.vacio-bajada)):not(:has(.btn)){
    padding-block: var(--esp-8);
  }
  .foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia)::before{
    width: 48px;
    height: 48px;
    margin-bottom: var(--esp-6);
  }
}
@media (min-width: 900px){
  body .ax-main .foro-reglas.foro-reglas{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: var(--esp-10);
    align-items: start;
  }
  body .ax-main .foro-reglas.foro-reglas > .eyebrow{ grid-column: 1; grid-row: 1; }
  body .ax-main .foro-reglas.foro-reglas > h2      { grid-column: 1; grid-row: 2; margin-bottom: 0; }
  body .ax-main .foro-reglas.foro-reglas > ol      { grid-column: 1 / -1; grid-row: 3; margin-top: var(--esp-6); }
  body .ax-main .foro-reglas.foro-reglas > form{
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    justify-self: end;
    margin: 0;
    padding-top: 0;
    border-top: 0;
  }
  body .ax-main .foro-reglas.foro-reglas > form .btn{ margin: 0; }
}
.ax-main:has(> .foro-tabs){ padding-top: var(--esp-6); }
.ax-main > .dir-hero:has(~ .foro-tabs){
  padding-top: var(--esp-6);
  padding-bottom: var(--esp-4);
}
.ax-main > .dir-hero:has(~ .foro-tabs) h1{
  margin-top: var(--esp-2);
  margin-bottom: 0;
}
.ax-main > .dir-hero:has(~ .foro-tabs) p{ margin-block: var(--esp-2) 0; }
@media (min-width: 900px){
  .ax-main > .dir-hero:has(~ .foro-tabs){
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    column-gap: var(--esp-12);
    align-items: end;
    max-width: var(--com-pliego);
    margin-inline: auto;
    text-align: start;
  }
  .ax-main > .dir-hero:has(~ .foro-tabs) > p{ max-width: 46ch; margin-inline: 0; }
  .ax-main > .dir-hero:has(~ .foro-tabs) > .eyebrow{ grid-column: 1; grid-row: 1; }
  .ax-main > .dir-hero:has(~ .foro-tabs) > h1      { grid-column: 1; grid-row: 2; }
  .ax-main > .dir-hero:has(~ .foro-tabs) > p       { grid-column: 2; grid-row: 1 / span 2; align-self: end; }
}
.ax-main > .foro-tabs:has(~ :is(.sin-resultados, .foro-sala-vacia)){
  margin-top: var(--esp-6);
}
body .foro-tabs ~ .tarjeta:is(.sin-resultados, .foro-sala-vacia),
.foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia){
  padding-block: clamp(var(--esp-10), 4vw, var(--esp-12));
}
.foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia) .vacio-bajada{
  max-width: 46ch;
  margin-inline: auto;
  font-family: var(--fuente-lectura);
  font-size: var(--tipo-base);
  line-height: var(--interlinea-normal);
  letter-spacing: var(--tracking-normal);
  color: var(--texto-secundario);
}
.foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia) .btn{
  margin-top: var(--esp-8);
}
.ax-main > .foro-tabs:has(~ :is(.sin-resultados, .foro-sala-vacia)) a:not(.activa){
  color: var(--texto-tenue);
}
.ax-main > .foro-tabs:has(~ :is(.sin-resultados, .foro-sala-vacia)) a:not(.activa):hover{
  color: var(--texto-secundario);
}
@media (max-width: 639.98px){
  .ax-main > .dir-hero:has(~ .foro-tabs){
    padding-top: var(--esp-5);
    padding-bottom: var(--esp-3);
  }
  .foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia){
    padding-block: clamp(var(--esp-10), 8vw, var(--esp-12));
  }
  .foro-tabs ~ :is(.sin-resultados, .foro-sala-vacia) .vacio-bajada{
    font-size: var(--tipo-sm);
  }
}
:is(.sin-resultados, .foro-sala-vacia){
  font-style: normal;
}
@media (min-width: 900px){
  body .ax-main .foro-reglas.foro-reglas.foro-reglas{
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
  }
  body .ax-main .foro-reglas.foro-reglas.foro-reglas > .eyebrow{ grid-column: 1; grid-row: 1; }
  body .ax-main .foro-reglas.foro-reglas.foro-reglas > h2      { grid-column: 1; grid-row: 2; }
  body .ax-main .foro-reglas.foro-reglas.foro-reglas > ol      { grid-column: 1; grid-row: 3; }
  body .ax-main .foro-reglas.foro-reglas.foro-reglas > form{
    grid-column: 1;
    grid-row: 4;
    align-self: start;
    justify-self: end;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding-top: var(--esp-8);
    border-top: var(--borde-fino) solid var(--com-filete-tenue);
  }
}
@media (max-width: 899.98px){
  body .ax-main .foro-reglas > form{
    padding-top: var(--esp-8);
    border-top: var(--borde-fino) solid var(--com-filete-tenue);
  }
}
body .tarjeta.foro-reglas.foro-reglas,
.foro-reglas.foro-reglas{
  padding-block: clamp(var(--esp-6), 3vw, var(--esp-8));
}
.ax-main .foro-reglas.foro-reglas ol,
body .tarjeta.foro-reglas.foro-reglas ol,
.foro-reglas.foro-reglas ol{
  padding-top: var(--esp-4);
}
@media (min-width: 900px){
  body .ax-main .foro-reglas.foro-reglas.foro-reglas > form{
    padding-top: var(--esp-6);
  }
}
@media (max-width: 899.98px){
  body .ax-main .foro-reglas.foro-reglas > form{ padding-top: var(--esp-6); }
}
.foro-reglas form{
  border-top: var(--borde-fino) solid var(--com-filete-tenue);
}
body .perfil-columna.perfil-columna .tarjeta.tarjeta:is(.sin-resultados, .foro-sala-vacia):is(.sin-resultados, .foro-sala-vacia),
.perfil-columna.perfil-columna :is(.sin-resultados, .foro-sala-vacia):is(.sin-resultados, .foro-sala-vacia){
  display: block;
  min-height: 0;
  max-width: var(--ancho-lectura);
  margin: var(--esp-3) 0 0;
  padding: var(--esp-5) var(--esp-6);
  text-align: start;
  font-family: var(--fuente-interfaz);
  font-size: var(--tipo-sm);
  letter-spacing: var(--tracking-normal);
}
.perfil-columna.perfil-columna :is(.sin-resultados, .foro-sala-vacia):is(.sin-resultados, .foro-sala-vacia)::before,
body.tema-club .perfil-columna.perfil-columna .tarjeta:is(.sin-resultados, .foro-sala-vacia):is(.sin-resultados, .foro-sala-vacia)::before,
body.tema-papel .perfil-columna.perfil-columna .tarjeta:is(.sin-resultados, .foro-sala-vacia):is(.sin-resultados, .foro-sala-vacia)::before,
.perfil-columna.perfil-columna :is(.sin-resultados, .foro-sala-vacia):is(.sin-resultados, .foro-sala-vacia)::after{
  content: none;
}
.perfil-columna .tarjeta:is(.sin-resultados, .foro-sala-vacia){
  max-width: var(--ancho-lectura);
}
@media (max-width: 639.98px){
  .ax-main > .foro-tabs,
  .ax-main > .foro-tabs:has(~ :is(.sin-resultados, .foro-sala-vacia)){
    flex-wrap: wrap;
    overflow-x: visible;
    column-gap: var(--esp-4);
    row-gap: 0;
  }
  .ax-main > .foro-tabs a,
  .ax-main > .foro-tabs:has(~ :is(.sin-resultados, .foro-sala-vacia)) a{
    min-height: var(--toque-min);
    font-size: var(--tipo-micro);
    letter-spacing: var(--tracking-normal);
  }
}
@media (max-width: 639.98px){
  .ax-main > .foro-tabs a.activa,
  .ax-main > .foro-tabs:has(~ :is(.sin-resultados, .foro-sala-vacia)) a.activa{
    padding-inline: 0;
    margin-inline: 0;
  }
}
@media (max-width: 639.98px){
  .ax-main > .foro-tabs a,
  .ax-main > .foro-tabs a.activa,
  .ax-main > .foro-tabs:has(~ :is(.sin-resultados, .foro-sala-vacia)) a,
  .ax-main > .foro-tabs:has(~ :is(.sin-resultados, .foro-sala-vacia)) a.activa{
    margin-bottom: 0;
  }
}
@media (max-width: 639.98px){
  .ax-main > .foro-tabs a,
  .ax-main > .foro-tabs:has(~ :is(.sin-resultados, .foro-sala-vacia)) a{
    max-width: 100%;
    white-space: normal;
  }
}