/* ═══ 08 · Yaku Desafío ═════════════════════════════════════════════════════ */

#desafio {
  --des-hud: 0px;
  --des-coral: #D63133;
  --des-coral-luz: #FF5A4E;
  --des-pez: #0E3345;
  --des-carril-ini: var(--margen);
  --des-carril-fin: calc(var(--margen) + var(--des-hud));
  position: relative;
  padding-top: var(--esp-seccion);
}
@media (min-width: 1024px) {
  #desafio { --des-hud: 104px; }
}

/* ─── Entrada ─────────────────────────────────────────────────────────── */
#desafio .desafio__entrada {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--esp-4);
  align-items: center;
}
@media (min-width: 900px) {
  #desafio .desafio__entrada {
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 380px);
    gap: clamp(2.5rem, 6vw, 6rem);
    padding-right: calc(var(--margen) + var(--des-hud));
  }
}
#desafio .desafio__kicker { --kicker-punto: var(--des-coral-luz); }
#desafio .desafio__cabeza {
  position: relative;
  margin-top: var(--esp-2);
  isolation: isolate;
  font-size: min(clamp(3.4rem, 10vw, 10.5rem), calc((100vw - 2 * var(--margen)) / 4.7));
}
#desafio .desafio__titulo {
  font-size: 1em;
  font-weight: 850;
  line-height: .84;
  letter-spacing: -.035em;
}
#desafio .desafio__titulo-b { display: block; white-space: nowrap; color: var(--des-coral-luz); }
#desafio .desafio__anio {
  position: absolute;
  z-index: -1;
  right: 0;
  top: .02em;
  font: 900 .62em/.8 var(--f-display);
  letter-spacing: -.03em;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(255, 106, 92, .7);
  user-select: none;
  pointer-events: none;
}
#desafio .desafio__anio::after {
  /* el mismo año, relleno, que entra como un barrido de carril */
  content: "2026";
  position: absolute; inset: 0;
  color: rgba(214, 49, 51, .22);
  -webkit-text-stroke: 0;
  clip-path: inset(0 0 52% 0);
}

#desafio .desafio__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem 0;
  margin-top: var(--esp-3);
  font-size: var(--t-micro);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--tinta-2);
}
#desafio .desafio__meta span + span::before {
  content: "";
  display: inline-block;
  width: 5px; height: 5px;
  margin: 0 .9em .15em;
  border-radius: 50%;
  background: var(--des-coral-luz);
  vertical-align: middle;
}
#desafio .desafio__bajada { margin-top: var(--esp-2); max-width: 34rem; }
#desafio .desafio__lado {
  margin-top: var(--esp-3);
  font: 300 var(--t-3)/1.3 var(--f-texto);
  color: var(--tinta);
}
#desafio .desafio__lado [data-pincel] { --pincel-tam: 1.65em; }

/* Marcador: la pantalla del evento */
#desafio .desafio__marcador {
  position: relative;
  width: min(100%, 380px);
  justify-self: center;
  padding: 10px;
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(234, 251, 251, .08), rgba(234, 251, 251, 0) 30%),
    #04121c;
  border: 1px solid rgba(234, 251, 251, .12);
  box-shadow:
    0 40px 80px -30px rgba(0, 0, 0, .7),
    0 0 0 6px rgba(4, 18, 28, .45),
    0 0 60px -10px rgba(214, 49, 51, .28);
  rotate: 2.2deg;
}
@media (max-width: 899px) {
  #desafio .desafio__marcador { width: min(86%, 360px); rotate: 0deg; }
}
#desafio .desafio__marcador-cab {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .55rem .6rem .75rem;
  font-size: .68rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--espuma-2);
}
#desafio .desafio__reloj {
  margin-left: auto;
  font-size: .82rem;
  letter-spacing: .06em;
  color: var(--des-coral-luz);
  font-variant-numeric: tabular-nums;
  text-shadow: 0 0 12px rgba(255, 90, 78, .55);
}
#desafio .desafio__vivo {
  flex: none;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--des-coral-luz);
  box-shadow: 0 0 0 0 rgba(255, 90, 78, .6);
  animation: des-latido 1.6s var(--agua-ease) infinite;
}
@keyframes des-latido {
  0% { box-shadow: 0 0 0 0 rgba(255, 90, 78, .55); }
  70%, 100% { box-shadow: 0 0 0 8px rgba(255, 90, 78, 0); }
}
#desafio .desafio__pantalla {
  aspect-ratio: 3 / 4;
  border-radius: 16px;
}
#desafio .desafio__pantalla video { object-position: 50% 40%; }
#desafio .desafio__barrido {
  position: absolute; inset: 0; z-index: 4;
  pointer-events: none;
  background:
    repeating-linear-gradient(180deg, rgba(2, 10, 17, .16) 0 1px, transparent 1px 3px);
  mix-blend-mode: multiply;
}
#desafio .desafio__barrido::after {
  content: "";
  position: absolute; left: 0; right: 0; top: 0;
  height: 30%;
  background: linear-gradient(180deg, transparent, rgba(234, 251, 251, .08) 70%, transparent);
  animation: des-barrido 5.5s linear infinite;
  mix-blend-mode: screen;
}
@keyframes des-barrido { from { transform: translateY(-100%); } to { transform: translateY(340%); } }
#desafio .desafio__pantalla-dato {
  position: absolute; z-index: 5;
  left: .8rem; bottom: .8rem;
  padding: .35rem .6rem;
  border-radius: 6px;
  background: rgba(2, 10, 17, .62);
  font-size: .62rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--espuma);
}
#desafio .desafio__filas {
  margin: .7rem .2rem .2rem;
  padding: 0;
  list-style: none;
  font-size: .72rem;
  color: var(--espuma-2);
}
#desafio .desafio__filas li {
  display: grid;
  grid-template-columns: 3.1rem 1fr auto;
  align-items: baseline;
  gap: .5rem;
  padding: .55rem .45rem;
  border-top: 1px solid rgba(234, 251, 251, .09);
}
#desafio .desafio__filas b {
  font-weight: 600;
  color: var(--espuma);
  letter-spacing: .08em;
}
#desafio .desafio__filas em {
  font-style: normal;
  color: var(--espuma);
  font-variant-numeric: tabular-nums;
}
#desafio .desafio__fila-tu {
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(214, 49, 51, .26), rgba(214, 49, 51, .04));
  border-top-color: transparent !important;
}
#desafio .desafio__fila-tu b, #desafio .desafio__fila-tu em { color: #FF7B70; }

/* ─── Carrera ─────────────────────────────────────────────────────────── */
#desafio .desafio__carrera {
  position: relative;
  height: 290vh;
  margin-top: var(--esp-5);
}
#desafio .desafio__piscina {
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
}
#desafio .desafio__piscina::before {
  /* el agua del mar se vuelve piscina y luego se devuelve al mar */
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(90% 60% at 50% 58%, rgba(18, 112, 160, .55), transparent 75%),
    rgba(10, 70, 104, .5);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 24%, #000 84%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0%, #000 24%, #000 84%, transparent 100%);
}
#desafio .desafio__baldosas {
  position: absolute; inset: 0;
  background:
    repeating-linear-gradient(90deg, rgba(234, 251, 251, .045) 0 1px, transparent 1px 46px),
    repeating-linear-gradient(0deg, rgba(234, 251, 251, .045) 0 1px, transparent 1px 46px);
  -webkit-mask-image: linear-gradient(180deg, transparent 12%, #000 34%, #000 82%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 12%, #000 34%, #000 82%, transparent 100%);
}

/* "50 M" pintado en el fondo de la piscina */
#desafio .desafio__cincuenta {
  position: absolute;
  left: 50%; top: 58%;
  translate: -50% -50%;
  font: 900 min(34vw, 48vh)/.8 var(--f-display);
  letter-spacing: -.05em;
  white-space: nowrap;
  user-select: none;
}
#desafio .desafio__cin-contorno {
  display: block;
  color: transparent;
  -webkit-text-stroke: 2px rgba(234, 251, 251, .16);
}
#desafio .desafio__cin-relleno {
  position: absolute; inset: -.05em 0;
  overflow: hidden;
  transform: translateX(-100%);
  will-change: transform;
}
#desafio .desafio__cin-interior {
  display: block;
  padding-top: .05em;
  color: transparent;
  background: linear-gradient(180deg, #FF6A5C 0%, var(--des-coral) 60%, #9E1F2A 100%);
  -webkit-background-clip: text;
  background-clip: text;
  opacity: .78;
  transform: translateX(100%);
  will-change: transform;
}
#desafio .desafio__cin-relleno::after {
  /* frente de agua que avanza */
  content: "";
  position: absolute; top: 0; bottom: 0; right: -2px;
  width: 3px;
  background: linear-gradient(180deg, transparent, rgba(255, 180, 170, .9) 20%, rgba(255, 180, 170, .9) 80%, transparent);
  box-shadow: 0 0 18px 4px rgba(255, 90, 78, .45);
  transition: opacity .4s;
}
#desafio .desafio__cincuenta.es-vacio .desafio__cin-relleno::after,
#desafio .desafio__cincuenta.es-lleno .desafio__cin-relleno::after { opacity: 0; }

/* pista: carriles, corcheras, pared */
#desafio .desafio__pista {
  position: absolute; inset: 0;
}
#desafio .desafio__linea-fondo {
  position: absolute;
  left: calc(var(--des-carril-ini) + 3%);
  right: calc(var(--des-carril-fin) + 3%);
  top: var(--y);
  height: 8px;
  margin-top: -4px;
  border-radius: 2px;
  background: rgba(2, 10, 17, .38);
}
#desafio .desafio__linea-fondo::before, #desafio .desafio__linea-fondo::after {
  content: "";
  position: absolute; top: 50%;
  width: 8px; height: 34px;
  translate: 0 -50%;
  border-radius: 2px;
  background: inherit;
}
#desafio .desafio__linea-fondo::before { left: 0; }
#desafio .desafio__linea-fondo::after { right: 0; }

#desafio .desafio__corchera {
  --c1: var(--espuma);
  --c2: #2BB8B2;
  position: absolute;
  left: 0; right: 0;
  top: var(--y);
  height: 12px;
  margin-top: -6px;
  background: repeating-linear-gradient(90deg, var(--c1) 0 112px, var(--c2) 112px 224px);
  -webkit-mask: radial-gradient(closest-side, #000 82%, transparent 100%) 0 50% / 14px 12px repeat-x;
  mask: radial-gradient(closest-side, #000 82%, transparent 100%) 0 50% / 14px 12px repeat-x;
  opacity: .82;
  filter: drop-shadow(0 6px 4px rgba(2, 10, 17, .45));
  animation: des-corchera 5s ease-in-out infinite alternate;
}
#desafio .desafio__corchera:nth-of-type(odd) { animation-delay: -2.2s; }
#desafio .desafio__corchera--borde { --c1: var(--des-coral); --c2: #F2E9DA; }
@keyframes des-corchera {
  from { transform: translate3d(-6px, -1.5px, 0); }
  to { transform: translate3d(6px, 1.5px, 0); }
}

#desafio .desafio__pared {
  position: absolute;
  right: var(--des-carril-fin);
  top: 27%; bottom: 11%;
  width: 6px;
  border-radius: 3px;
  background: linear-gradient(180deg, transparent, rgba(234, 251, 251, .9) 10%, rgba(234, 251, 251, .9) 90%, transparent);
  box-shadow: 0 0 22px rgba(234, 251, 251, .35);
}

#desafio .desafio__carril {
  position: absolute;
  left: var(--des-carril-ini);
  right: calc(var(--des-carril-fin) + 8px);
  top: var(--y);
  height: 0;
}
#desafio .desafio__estela {
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  transform-origin: 0 50%;
  transform: scaleX(0);
  background: linear-gradient(90deg, rgba(234, 251, 251, 0), rgba(234, 251, 251, .35));
  will-change: transform;
}
#desafio .desafio__carril--makara .desafio__estela {
  height: 3px;
  background: linear-gradient(90deg, rgba(255, 90, 78, 0), rgba(255, 90, 78, .95));
  box-shadow: 0 0 12px rgba(255, 90, 78, .5);
}
#desafio .desafio__nadador {
  --pez: clamp(52px, 5.8vw, 92px);
  position: absolute;
  left: 0; top: 0;
  width: var(--pez);
  height: 0;
  will-change: transform;
}
#desafio .desafio__pez, #desafio .desafio__cria {
  position: absolute;
  overflow: visible;
  color: #8FD9D6;
  --detalle: #0A4A5A;
  --brillo: #EAFBFB;
  filter: drop-shadow(0 10px 6px rgba(2, 10, 17, .45));
}
#desafio .desafio__pez {
  right: 0;
  width: 100%;
  height: auto;
  translate: 0 -50%;
  animation: des-nado .52s ease-in-out infinite alternate;
  transform-origin: 70% 50%;
}
#desafio .desafio__pez--b { width: 82%; }
#desafio .desafio__pez--c { width: 118%; }
#desafio .desafio__cria {
  width: 46%;
  height: auto;
  right: 112%;
  top: -18px;
  opacity: .8;
  animation: des-nado .46s ease-in-out infinite alternate, des-cria 2.6s ease-in-out infinite alternate;
  transform-origin: 70% 50%;
}
#desafio .desafio__cria--2 { right: 150%; top: 6px; width: 38%; animation-delay: -.2s, -1.3s; opacity: .62; }
#desafio .desafio__carril--makara .desafio__pez,
#desafio .desafio__carril--makara .desafio__cria {
  color: var(--espuma);
  --detalle: var(--des-coral);
  filter: drop-shadow(0 0 14px rgba(255, 90, 78, .45)) drop-shadow(0 8px 6px rgba(2, 10, 17, .5));
}
@keyframes des-nado {
  from { transform: rotate(-4deg) scaleX(.97); }
  to { transform: rotate(4deg) scaleX(1.02); }
}
@keyframes des-cria {
  from { translate: -6px 0; }
  to { translate: 6px 3px; }
}
#desafio .desafio__piscina:not(.es-visible) .desafio__pez,
#desafio .desafio__piscina:not(.es-visible) .desafio__cria,
#desafio .desafio__piscina:not(.es-visible) .desafio__corchera { animation-play-state: paused; }

#desafio .desafio__sello {
  position: absolute;
  right: 18px;
  top: 0;
  width: 54px; height: 54px;
  margin-top: -27px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--des-coral);
  color: var(--espuma);
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: .08em;
  box-shadow: 0 0 0 6px rgba(214, 49, 51, .25), 0 0 40px rgba(255, 90, 78, .6);
  opacity: 0;
  transform: scale(.4) rotate(-20deg);
  transition: opacity .5s var(--agua-ease), transform .8s cubic-bezier(.34, 1.4, .64, 1);
}
#desafio .desafio__carril--makara.es-pared .desafio__sello { opacity: 1; transform: scale(1) rotate(-8deg); }

#desafio .desafio__regla {
  position: absolute;
  left: var(--des-carril-ini);
  right: var(--des-carril-fin);
  top: 90%;
  display: flex;
  justify-content: space-between;
  margin: 0; padding: 0;
  list-style: none;
  font-size: .66rem;
  letter-spacing: .12em;
  color: var(--espuma-3);
}
#desafio .desafio__regla li { position: relative; width: 0; display: flex; justify-content: center; white-space: nowrap; }
#desafio .desafio__regla li::before {
  content: "";
  position: absolute; bottom: calc(100% + 6px); left: 0;
  width: 1px; height: 8px;
  background: currentColor;
}
#desafio .desafio__regla li:first-child { justify-content: flex-start; }
#desafio .desafio__regla li:last-child { justify-content: flex-end; color: var(--espuma); }
#desafio .desafio__regla li:last-child::before { left: auto; right: 0; }

#desafio .desafio__lectura {
  position: absolute;
  left: var(--des-carril-ini);
  right: var(--des-carril-fin);
  top: calc(var(--nav-alto) + 1.2rem);
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--espuma-2);
}
#desafio .desafio__lectura p { display: flex; align-items: center; gap: .6rem; }
#desafio .desafio__lectura b {
  display: inline-block;
  min-width: 3.4em;
  text-align: right;
  font-weight: 600;
  color: var(--des-coral-luz);
  font-variant-numeric: tabular-nums;
}
#desafio .desafio__mental {
  position: absolute;
  left: var(--des-carril-ini);
  right: var(--des-carril-fin);
  top: calc(var(--nav-alto) + 3.4rem);
  font-size: min(var(--t-2), 6.4vh);
  color: var(--espuma);
  text-shadow: 0 2px 24px rgba(2, 10, 17, .55);
}
#desafio .desafio__mental-palabra { position: relative; display: inline-block; color: #FF7B70; }
#desafio .desafio__mental em { color: var(--espuma-2); }

/* ─── Tablero ─────────────────────────────────────────────────────────── */
#desafio .desafio__tablero {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--esp-4);
  margin-top: var(--esp-4);
  padding-bottom: var(--esp-seccion);
}
@media (min-width: 900px) {
  #desafio .desafio__tablero {
    grid-template-columns: minmax(0, 1fr) minmax(0, .95fr);
    align-items: center;
    gap: clamp(2.5rem, 6vw, 6rem);
    padding-right: calc(var(--margen) + var(--des-hud));
  }
}
#desafio .desafio__h3 { margin-top: var(--esp-2); }
#desafio .desafio__marcas {
  margin: var(--esp-3) 0 0;
  padding: 0;
  list-style: none;
}
#desafio .desafio__marcas li {
  position: relative;
  display: grid;
  grid-template-columns: clamp(4.4rem, 7vw, 6rem) minmax(0, 1fr);
  gap: var(--esp-2);
  padding: 1.15rem 0;
  border-top: 1px solid var(--linea);
}
#desafio .desafio__marcas li:last-child { border-bottom: 1px solid var(--linea); }
#desafio .desafio__marcas b {
  font: 850 var(--t-3)/1 var(--f-display);
  letter-spacing: -.01em;
  color: var(--des-coral-luz);
}
#desafio .desafio__marcas h4 {
  font: 500 1.05rem/1.3 var(--f-texto);
  color: var(--tinta);
}
#desafio .desafio__marcas p {
  margin-top: .3rem;
  color: var(--tinta-2);
  font-size: var(--t-peque);
  line-height: 1.55;
  max-width: 32rem;
}
#desafio .desafio__seguridad {
  display: flex;
  gap: .7rem;
  align-items: flex-start;
  margin-top: var(--esp-3);
  font-size: var(--t-peque);
  line-height: 1.5;
  color: var(--tinta-2);
  max-width: 32rem;
}
#desafio .desafio__seguridad .ico { flex: none; margin-top: .15em; color: var(--turquesa-luz); }
#desafio .desafio__acciones {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
  margin-top: var(--esp-3);
}
@media (max-width: 599px) {
  #desafio .desafio__acciones .btn { width: 100%; justify-content: center; }
}

#desafio .desafio__toma { position: relative; }
#desafio .desafio__toma-marco { aspect-ratio: 720 / 580; }
#desafio .desafio__toma-tag {
  position: absolute; z-index: 5;
  top: .9rem; left: .9rem;
  padding: .4rem .7rem;
  border-radius: var(--r-pildora);
  background: var(--des-coral);
  color: var(--espuma);
  font-size: .64rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}
#desafio .desafio__toma-barra {
  position: absolute; z-index: 5;
  left: 1rem; right: 1rem; bottom: 1rem;
  height: 3px;
  border-radius: 2px;
  background: rgba(234, 251, 251, .22);
  overflow: hidden;
}
#desafio .desafio__toma-barra i {
  display: block;
  height: 100%;
  background: var(--des-coral-luz);
  transform-origin: 0 50%;
  transform: scaleX(0);
}
#desafio .desafio__toma figcaption {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .3rem 1rem;
  margin-top: .8rem;
  font-size: .68rem;
  letter-spacing: .08em;
  color: var(--tinta-3);
}
#desafio .desafio__caballito {
  position: absolute;
  left: clamp(-5.6rem, -6vw, -3rem);
  bottom: 18%;
  width: clamp(64px, 7vw, 100px);
  height: auto;
  color: #0E3345;
  --detalle: #5FE0D9;
  --brillo: #6BFFE6;
  filter: drop-shadow(0 0 20px rgba(95, 224, 217, .25));
  animation: ym-flotar 6s ease-in-out infinite;
  --flotar-y: -10px;
}

/* algas en la orilla de la sección */
#desafio .desafio__fondo-flora {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 0;
  z-index: 1;
  pointer-events: none;
}
#desafio .desafio__alga {
  position: absolute;
  bottom: 0;
  height: auto;
  color: #0B2C3C;
  --detalle: #2BB8B2;
  --brillo: #6BFFE6;
  transform-origin: 50% 100%;
  animation: des-mecer 7s ease-in-out infinite alternate;
}
#desafio .desafio__alga--1 { left: -10px; width: clamp(80px, 10vw, 150px); }
#desafio .desafio__alga--2 { left: clamp(60px, 8vw, 130px); width: clamp(60px, 7vw, 110px); animation-delay: -3s; opacity: .8; }
@keyframes des-mecer {
  from { transform: rotate(-3deg) skewX(2deg); }
  to { transform: rotate(3deg) skewX(-2deg); }
}

/* ─── Móvil ───────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  #desafio .desafio__carrera { height: 230vh; }
  #desafio .desafio__cincuenta { top: 60%; font-size: min(38vw, 40vh); }
  #desafio .desafio__corchera { height: 9px; margin-top: -4.5px; -webkit-mask-size: 10px 9px; mask-size: 10px 9px; }
  #desafio .desafio__linea-fondo { height: 6px; margin-top: -3px; }
  #desafio .desafio__linea-fondo::before, #desafio .desafio__linea-fondo::after { height: 22px; width: 6px; }
  #desafio .desafio__nadador { --pez: 42px; }
  #desafio .desafio__cria { top: -12px; }
  #desafio .desafio__sello { width: 40px; height: 40px; margin-top: -20px; font-size: .72rem; right: 8px; }
  #desafio .desafio__lectura { flex-direction: column; gap: .35rem; font-size: .64rem; }
  #desafio .desafio__mental { top: calc(var(--nav-alto) + 4.6rem); font-size: clamp(1.7rem, 8.4vw, 2.4rem); }
  #desafio .desafio__regla { top: 89%; font-size: .58rem; }
  #desafio .desafio__caballito { left: auto; right: .4rem; bottom: auto; top: -4.6rem; width: 58px; }
}

/* ─── Movimiento reducido ─────────────────────────────────────────────── */
.es-reducido #desafio .desafio__carrera { height: auto; }
.es-reducido #desafio .desafio__piscina { position: relative; height: 100vh; height: 100svh; min-height: 560px; }
.es-reducido #desafio .desafio__cin-relleno,
.es-reducido #desafio .desafio__cin-interior { transform: none; }
.es-reducido #desafio .desafio__estela { transform: none; }
.es-reducido #desafio .desafio__sello { opacity: 1; transform: rotate(-8deg); }

@media (max-width: 599px) {
  #desafio .desafio__cabeza { font-size: calc((100vw - 2 * var(--margen)) / 4.6); }
  #desafio .desafio__marcador-cab { letter-spacing: .1em; font-size: .62rem; }
  #desafio .desafio__anio { font-size: .5em; top: .06em; }
  #desafio .desafio__meta { flex-direction: column; gap: .45rem; }
  #desafio .desafio__meta span::before {
    content: "";
    display: inline-block;
    width: 5px; height: 5px;
    margin: 0 .8em .15em 0;
    border-radius: 50%;
    background: var(--des-coral-luz);
    vertical-align: middle;
  }
  #desafio .desafio__meta span + span::before { margin: 0 .8em .15em 0; }
}