.demos-module__p5HTcq__tarjeta{--alto:23rem;height:var(--alto);border:1px solid #ffffff1a;transition:border-color .35s,box-shadow .35s;box-shadow:inset 0 1px #ffffff0f}@media (min-width:640px){.demos-module__p5HTcq__tarjeta{--alto:25rem}}@media (min-width:1024px){.demos-module__p5HTcq__tarjeta{--alto:26rem}}@media (hover:hover) and (pointer:fine){.demos-module__p5HTcq__tarjeta:hover{border-color:color-mix(in srgb, var(--tono) 55%, transparent);box-shadow:inset 0 1px 0 #ffffff14, 0 30px 80px -42px color-mix(in srgb, var(--tono) 75%, transparent)}}.demos-module__p5HTcq__oscurecido{z-index:5;pointer-events:none;background:radial-gradient(85% 50% at 0% 0%, color-mix(in srgb, var(--tono) 24%, transparent), transparent 72%), linear-gradient(to bottom, #040a0aed 0%, #040a0acc 19%, #040a0a6b 35%, #040a0a1f 46%, #040a0a00 54%);position:absolute;inset:0}.demos-module__p5HTcq__recorrido{width:calc(var(--escala,1) * 100%);transition:transform 1.1s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:translate(0,0)}.demos-module__p5HTcq__barra{opacity:0;background:#0a10108c;border-radius:9999px;width:4px;height:18%;transition:opacity .3s,transform 1.1s cubic-bezier(.16,1,.3,1);position:absolute;top:10px;right:5px;transform:translate(0,0);box-shadow:0 0 0 1px #fff6}@media (hover:hover) and (pointer:fine){.demos-module__p5HTcq__tarjeta:hover .demos-module__p5HTcq__recorrido{transform:translate3d(calc((1 / var(--escala,1) - 1) * 100%), calc(-100% + var(--alto)), 0);transition:transform var(--duracion,9s) cubic-bezier(.45, .05, .4, 1) .15s}.demos-module__p5HTcq__tarjeta:hover .demos-module__p5HTcq__barra{opacity:1;transform:translate3d(0, calc(var(--alto) - 100% - 20px), 0);transition:opacity .3s ease, transform var(--duracion,9s) cubic-bezier(.45, .05, .4, 1) .15s}}.demos-module__p5HTcq__tarjeta:has(:focus-visible) .demos-module__p5HTcq__recorrido{transform:translate3d(calc((1 / var(--escala,1) - 1) * 100%), calc(-100% + var(--alto)), 0);transition:transform var(--duracion,9s) cubic-bezier(.45, .05, .4, 1) .15s}.demos-module__p5HTcq__tarjeta:has(:focus-visible) .demos-module__p5HTcq__barra{opacity:1;transform:translate3d(0, calc(var(--alto) - 100% - 20px), 0);transition:opacity .3s ease, transform var(--duracion,9s) cubic-bezier(.45, .05, .4, 1) .15s}@media (hover:none),(pointer:coarse){.demos-module__p5HTcq__tarjeta[data-en-vista] .demos-module__p5HTcq__recorrido{animation:demos-module__p5HTcq__recorre calc(var(--duracion,9s) * 2 + 4s) ease-in-out .8s infinite}.demos-module__p5HTcq__tarjeta[data-en-vista] .demos-module__p5HTcq__barra{animation:demos-module__p5HTcq__barra calc(var(--duracion,9s) * 2 + 4s) ease-in-out .8s infinite}}@keyframes demos-module__p5HTcq__recorre{0%,10%{transform:translate(0,0)}48%,60%{transform:translate3d(calc((1 / var(--escala,1) - 1) * 100%), calc(-100% + var(--alto)), 0)}to{transform:translate(0,0)}}@keyframes demos-module__p5HTcq__barra{0%,10%{opacity:1;transform:translate(0,0)}48%,60%{opacity:1;transform:translate3d(0, calc(var(--alto) - 100% - 20px), 0)}to{opacity:1;transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.demos-module__p5HTcq__tarjeta,.demos-module__p5HTcq__recorrido,.demos-module__p5HTcq__barra{transition:none}.demos-module__p5HTcq__tarjeta .demos-module__p5HTcq__recorrido,.demos-module__p5HTcq__tarjeta:hover .demos-module__p5HTcq__recorrido,.demos-module__p5HTcq__tarjeta[data-en-vista] .demos-module__p5HTcq__recorrido{animation:none;transform:none}.demos-module__p5HTcq__tarjeta .demos-module__p5HTcq__barra,.demos-module__p5HTcq__tarjeta[data-en-vista] .demos-module__p5HTcq__barra{animation:none;display:none}.demos-module__p5HTcq__tarjeta:has(:focus-visible) .demos-module__p5HTcq__recorrido{transform:none}}