@keyframes proto-subir{0%{opacity:0;transform:translateY(28px)}}@keyframes proto-aparecer{0%{opacity:0;transform:translateY(8px)scale(.98)}}@supports (animation-timeline:view()){.proto-revelar{animation:linear backwards proto-subir;animation-timeline:view();animation-range:entry cover 25%}}.proto-palabra{animation:.7s cubic-bezier(.2,.8,.2,1) both proto-subir;animation-delay:calc(var(--i,0) * 90ms + .1s);display:inline-block}.proto-foco a.tarjeta{isolation:isolate;position:relative}.proto-foco a.tarjeta:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(220px circle at var(--x,50%) var(--y,50%), color-mix(in srgb, var(--acento) 35%, transparent), transparent 70%);opacity:0;transition:opacity .2s;position:absolute;inset:0}.proto-foco a.tarjeta:hover:before{opacity:1}.proto-linea{transform-origin:0}@supports (animation-timeline:view()){.proto-linea{animation:linear both proto-dibujar;animation-timeline:view();animation-range:entry 20% cover 50%}}@keyframes proto-dibujar{0%{transform:scaleX(0)}}.proto-resultado{animation:.25s backwards proto-aparecer;animation-delay:calc(min(var(--i,0), 12) * 18ms)}.proto-chip{transition:background-color .15s,transform .15s,box-shadow .15s}.proto-chip[aria-pressed=true]{background:var(--acento);border-color:var(--acento);color:var(--sobre-acento);box-shadow:var(--sombra-dura-chica)}.proto-marca{background:color-mix(in srgb, var(--acento) 45%, transparent);border-radius:3px;padding:0 1px}.proto-carrusel{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding-inline:1rem}.proto-carrusel::-webkit-scrollbar{display:none}.proto-carrusel>*{scroll-snap-align:start}.proto-carrusel.proto-arrastrando{scroll-snap-type:none;cursor:grabbing}.proto-carrusel.proto-arrastrando *{pointer-events:none}.indice-caja{--fila:4.75rem}.indice{border-top:1px solid var(--texto);grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));column-gap:2.4rem;display:grid}.indice-fila{width:100%;min-height:var(--fila);border:0;border-bottom:1px solid var(--borde);color:var(--texto);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto 1fr auto;grid-template-areas:"ico nombre flecha""ico n flecha";align-items:center;gap:.1rem 1rem;padding:.9rem .45rem .9rem 0;transition:padding .25s,border-color .25s;display:grid}.indice-fila:hover,.indice-fila[aria-expanded=true]{border-bottom-color:var(--marca);padding-left:.6rem}.indice-ico{border:1px solid var(--borde-fuerte);width:46px;height:46px;color:var(--marca);border-radius:50%;grid-area:ico;place-items:center;font-size:.85rem;font-weight:700;transition:background-color .25s,border-color .25s,color .25s;display:grid}.indice-fila:hover .indice-ico,.indice-fila[aria-expanded=true] .indice-ico{background:var(--acento);border-color:var(--acento);color:var(--sobre-acento)}.indice-nombre{grid-area:nombre;font-size:1.08rem;font-weight:700;line-height:1.2}.indice-n{color:var(--texto-tenue);grid-area:n;font-size:.8rem}.indice-flecha{color:var(--texto-tenue);grid-area:flecha;transition:transform .25s,color .25s}.indice-fila:hover .indice-flecha{color:var(--marca);transform:translate(4px)}.indice-fila[aria-expanded=true] .indice-flecha{color:var(--marca)}.indice-caja:focus-visible{outline:2px solid var(--marca);outline-offset:4px}@media (max-width:700px){.indice-caja{max-height:calc(var(--fila) * 6 + 1px);overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:none;overflow:hidden auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 3.5rem),#0000);mask-image:linear-gradient(#000 calc(100% - 3.5rem),#0000)}.indice-caja::-webkit-scrollbar{display:none}.indice-caja[data-fondo=true]{-webkit-mask-image:none;mask-image:none}}.proto-panel{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1);display:grid}.proto-panel[data-abierto=true]{grid-template-rows:1fr}.proto-panel>div{overflow:hidden}::view-transition-group(*){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}.flotantes{gap:.75rem;min-width:0;display:grid;position:relative}.flotante-mock{border:1px solid var(--borde-fuerte);border-radius:var(--radio-xl);background:var(--modal-bg);color:var(--texto);box-shadow:var(--elevacion);padding:1rem}.flotante-chat{gap:.5rem;display:grid}.flotante-verif,.flotante-sorteo{justify-self:start;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.85rem;font-weight:700;display:flex}.flotante-verif{color:var(--ok)}.flotante-sorteo{color:var(--marca)}@media (min-width:900px){.flotantes{height:420px;display:block}.flotante-mock{position:absolute}.flotante-tarjeta{width:78%;animation:7s ease-in-out infinite proto-vuela;top:20px;left:6%}.flotante-chat{width:70%;animation:8s ease-in-out -2s infinite proto-vuela;bottom:60px;right:0}.flotante-verif{animation:6s ease-in-out -4s infinite proto-vuela;top:0;right:4%}.flotante-sorteo{animation:9s ease-in-out -1s infinite proto-vuela;bottom:0;left:2%}}.flotante-burbuja{border:1px solid var(--borde);background:var(--superficie);border-radius:18px 18px 18px 5px;justify-self:start;max-width:100%;padding:.65rem .9rem;font-size:.93rem}.flotante-escribiendo{gap:4px;padding:.3rem .2rem;display:inline-flex}.flotante-escribiendo i{background:var(--texto-tenue);border-radius:50%;width:7px;height:7px;animation:1.1s infinite proto-salto}.flotante-escribiendo i:nth-child(2){animation-delay:.15s}.flotante-escribiendo i:nth-child(3){animation-delay:.3s}.flotante-cambia{animation:.45s both proto-aparecer}@keyframes proto-vuela{50%{transform:translateY(-12px)}}@keyframes proto-salto{40%{opacity:.5;transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.proto-revelar,.proto-palabra,.proto-linea,.proto-resultado,.flotante-mock,.flotante-cambia,.flotante-escribiendo i{animation:none!important}.proto-panel,.indice-fila,.indice-ico,.indice-flecha,.proto-chip{transition:none!important}.indice-caja{scroll-behavior:auto!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}@media (max-width:700px){.proto-carrusel{scroll-snap-type:none;cursor:default;flex-direction:column;margin-inline:0;padding-inline:0;overflow-x:visible}.proto-carrusel>*{flex-shrink:1;width:100%!important;max-width:none!important}}
