/* [project]/app/tokens.css [app-client] (css) */
:root {
  --bg: #000;
  --sup1: #0a0a0c;
  --sup2: #0f0f13;
  --sup3: #16161b;
  --tx: #fff;
  --tx2: #fffffff2;
  --tx3: #ffffffb8;
  --line: #ffffff38;
  --line2: #ffffff24;
  --acc: #f75602;
  --acc-deep: #7a2b00;
  --acc-light: #ff9a5c;
  --on-acc: #080808;
  --acc-grad: linear-gradient(146deg,#ff9a4d 0%,#f75602 50%,#b33c00 100%);
  --acc-gloss: inset 0 1px 0 #ffd6b29e,inset 0 -3px 7px #7828008c,0 10px 26px -8px #f756029e;
  --acc-tx: #ff9a5c;
  --acc-tint: #f7560224;
  --acc-edge: #f756026b;
  --flot: #18181df0;
  --flot-bd: #ffffff24;
  --sombra: #000000f2;
  --vidrio: #14141a61;
  --vidrio-alto: #20202875;
  --vidrio-bd: #ffffff38;
  --vidrio-blur: blur(44px) saturate(215%) brightness(1.08);
  --vidrio-luz: inset 0 1px 0 #ffffff57,inset 0 8px 24px -14px #ffffff38,
    inset 0 -14px 34px -20px #000000b8,0 30px 64px -26px #000000f2;
  --vidrio-reflejo: linear-gradient(115deg,transparent 0%,#ffffff24 42%,#ffffff05 55%,transparent 70%);
  --velo-top: linear-gradient(180deg,#000000f2 46%,#000000b8 74%,#00000005);
  --velo-bot: linear-gradient(180deg,transparent,#000000f2 46%,var(--bg));
  --s: "Fraunces",Georgia,serif;
  --i: "Instrument Sans",system-ui,sans-serif;
  --m: "JetBrains Mono",monospace;
  --r-ctl: 10px;
  --r-card: 18px;
  --r-panel: 20px;
  --rail-w: 238px;
  --compose-h: 0px;
  --page-end: clamp(40px,6vw,72px);
  --e-suave: cubic-bezier(.22,.61,.36,1);
  --e-firme: cubic-bezier(.16,1,.3,1);
  --e-resorte: cubic-bezier(.34,1.56,.64,1);
  --e-io: cubic-bezier(.4,0,.2,1);
  --t-toque: .14s;
  --t-rapido: .24s;
  --t-medio: .42s;
  --t-lento: .7s;
  --fz-micro: 12px;
  --fz-cap: 12.5px;
  --fz-cuerpo: 14px;
  --fz-lead: 15.5px;
  --fz-t3: clamp(18px,2.4vw,22px);
  --fz-t2: clamp(24px,4vw,34px);
  --fz-t1: clamp(34px,7vw,56px);
  --fz-mega: clamp(46px,11vw,88px);
}

[data-tema="claro"] {
  --bg: #fff;
  --sup1: #fff;
  --sup2: #f7f7f8;
  --sup3: #efeff1;
  --tx: #000;
  --tx2: #000000b8;
  --tx3: #00000080;
  --line: #00000024;
  --line2: #00000017;
  --acc: #f75602;
  --acc-tx: #a63403;
  --acc-tint: #f7560217;
  --acc-edge: #f7560247;
  --flot: #fffffff2;
  --flot-bd: #00000024;
  --sombra: #00000038;
  --vidrio: #ffffff57;
  --vidrio-alto: #ffffff80;
  --vidrio-bd: #ffffffb8;
  --vidrio-blur: blur(44px) saturate(190%) brightness(1.03);
  --vidrio-luz: inset 0 1px 0 #fffffff2,inset 0 -14px 30px -20px #00000024,
    0 30px 60px -28px #00000057;
  --vidrio-reflejo: linear-gradient(115deg,transparent 0%,#ffffff80 42%,#ffffff17 55%,transparent 70%);
  --velo-top: linear-gradient(180deg,#fffffff2 46%,#ffffffb8 74%,#ffffff05);
  --velo-bot: linear-gradient(180deg,transparent,#fffffff2 46%,var(--bg));
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  background: var(--bg);
  color: var(--tx);
  overflow-x: clip;
}

html {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

[data-tema="claro"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

body {
  font-family: var(--i);
  font-size: var(--fz-cuerpo);
  letter-spacing: -.006em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  line-height: 1.62;
}

h1, h2, h3 {
  font-family: var(--s);
  letter-spacing: -.034em;
  text-wrap: balance;
  line-height: 1.08;
}

p {
  text-wrap: pretty;
}

button, input, textarea, select {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
  background: none;
  border: none;
}

a {
  color: inherit;
  text-decoration: none;
}

:focus-visible {
  outline: 2px solid var(--acc);
  outline-offset: 2px;
}

button, a, label, summary, [role="button"], .tocable {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
}

button, [role="button"], .tocable {
  transition: transform var(--t-toque) var(--e-resorte);
}

button:active, [role="button"]:active, .tocable:active {
  transform: scale(.955);
}

button:disabled, button[aria-disabled="true"], [role="button"][aria-disabled="true"] {
  cursor: default;
  transform: none !important;
}

.card:active {
  transition: transform var(--t-toque) var(--e-io);
  transform: scale(.988)translateY(-1px);
}

.mono {
  font-family: var(--m);
  font-variant-numeric: tabular-nums;
}

.et {
  font-family: var(--m);
  font-size: var(--fz-micro);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--tx3);
  font-weight: 600;
}

.cifra {
  font-family: var(--s);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.escena {
  min-height: 100dvh;
  position: relative;
}

.escena:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(64% 42% at 86% -6%, #f756023d, #f756020f 34%, #0000 56%), radial-gradient(38% 30% at 90% -8%, #ffffff24, #0000 46%);
  position: fixed;
  inset: 0;
}

[data-tema="claro"] .escena:before {
  background: radial-gradient(64% 42% at 86% -6%, #f756021a, #0000 56%);
}

.panel {
  background: linear-gradient(180deg,#ffffff16 0%,#ffffff05 60%,#ffffff0f 100%),var(--sup1);
  border: 1px solid var(--line);
  border-radius: var(--r-panel);
  box-shadow: inset 0 1px #ffffff38, inset 0 -1px #00000080, 0 18px 46px -30px #000000f2;
}

.card {
  background: linear-gradient(152deg,#ffffff24 0%,#ffffff05 44%,#ffffff16 100%),var(--sup1);
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  transition: transform .22s cubic-bezier(.22, .61, .36, 1), box-shadow .25s, border-color .2s;
  position: relative;
  box-shadow: inset 0 1px #ffffff57, inset 0 -1px #00000080, 0 14px 34px -22px #000000f2;
}

.card:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  mix-blend-mode: screen;
  background: linear-gradient(163deg, #ffffff17 0%, #ffffff05 26%, #0000 52%);
  position: absolute;
  inset: 0;
}

.card:hover {
  border-color: #ffffff57;
  transform: translateY(-3px);
  box-shadow: inset 0 1px #ffffff57, 0 26px 56px -26px #000000f2;
}

.cristal {
  -webkit-backdrop-filter: blur(30px) saturate(210%);
  backdrop-filter: blur(30px) saturate(210%);
  background: #121217b8;
  border: 1px solid #ffffff38;
  box-shadow: inset 0 1px #ffffff57, 0 32px 70px -28px #000000f2;
}

[data-tema="claro"] .cristal {
  background: #ffffffb8;
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    animation: none !important;
  }
}

.lienzo {
  margin-left: var(--rail-w);
  min-height: calc(100dvh - var(--compose-h, 0px));
  padding-top: 52px;
  padding-bottom: var(--compose-h);
}

.lienzo > *, .escena-limpia .lienzo > * {
  min-height: 0;
}

@media (max-width: 900px) {
  .lienzo {
    margin-left: 0;
    padding-top: 52px;
  }
}

.vl-pad {
  padding-left: clamp(16px, 4vw, 40px);
  padding-right: clamp(18px, 4vw, 40px);
}

@media (max-width: 900px) {
  .vl-pad {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.escena-limpia {
  min-height: 100dvh;
}

.cl-footer, .cl-badge {
  display: none !important;
}

.cl-userButtonPopoverCard, .cl-popoverBox {
  background: #131317 !important;
  border: 1px solid #ffffff24 !important;
  box-shadow: 0 24px 60px -20px #000000f2 !important;
}

.cl-userButtonPopoverMain, .cl-userButtonPopoverActions {
  background: none !important;
}

.cl-userButtonPopoverActionButton, .cl-userButtonPopoverActionButton * {
  color: #f5f5f6 !important;
  opacity: 1 !important;
}

.cl-userButtonPopoverActionButton:hover {
  background: #ffffff0f !important;
}

.cl-userButtonPopoverActionButtonIcon {
  color: #ff9a5c !important;
  opacity: 1 !important;
}

.cl-userPreviewMainIdentifier, .cl-userPreviewSecondaryIdentifier {
  color: #f5f5f6 !important;
  opacity: 1 !important;
}

.cl-userButtonPopoverFooter, .cl-userButtonPopoverFooter * {
  display: none !important;
}

.topbar {
  display: none;
}

@media (max-width: 900px) {
  .topbar {
    z-index: 58;
    pointer-events: none;
    background: var(--velo-top);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    height: 74px;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .lienzo {
    padding-top: 62px;
  }
}

[data-tema="claro"] .topbar {
  background: linear-gradient(#fffffff2 46%, #ffffffb8 74%, #ffffff05);
}

section, h2, h3, [id] {
  scroll-margin-top: 96px;
}

@media (max-width: 900px) {
  section, h2, h3, [id] {
    scroll-margin-top: 88px;
  }
}

button, [role="button"], a.vl-ctl, .vl-ctl {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform var(--t-toque) var(--e-resorte),
             opacity var(--t-rapido) var(--e-suave),
             border-color var(--t-rapido) var(--e-suave),
             background-color var(--t-rapido) var(--e-suave);
}

button:active, [role="button"]:active, .vl-ctl:active {
  transform: scale(.965);
}

button:disabled, [role="button"][aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .45;
}

button:after, [role="button"]:after {
  content: "";
  pointer-events: auto;
  width: max(100%, 44px);
  height: max(100%, 44px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

button, [role="button"] {
  position: relative;
}

button > *, [role="button"] > * {
  z-index: 1;
  position: relative;
}

:focus-visible {
  outline: 2px solid var(--acc);
  outline-offset: 3px;
  border-radius: inherit;
}

.vl-btn {
  background: var(--acc-grad);
  box-shadow: var(--acc-gloss);
  color: var(--on-acc);
  border-radius: var(--r-ctl);
  min-height: 44px;
  font-family: inherit;
  font-weight: 600;
  font-size: var(--fz-cuerpo);
  border: none;
  padding: 12px 20px;
  position: relative;
  overflow: hidden;
}

.vl-btn:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(#ffffff38, #ffffff0a 46%, #0000 62%);
  position: absolute;
  inset: 0;
}

.vl-btn:hover {
  filter: brightness(1.06);
}

.vl-btn2 {
  border-radius: var(--r-ctl);
  min-height: 44px;
  font-family: inherit;
  font-size: var(--fz-cuerpo);
  color: var(--tx2);
  background: var(--vidrio);
  border: 1px solid var(--vidrio-bd);
  -webkit-backdrop-filter: var(--vidrio-blur);
  backdrop-filter: var(--vidrio-blur);
  box-shadow: var(--vidrio-luz);
  padding: 12px 20px;
  position: relative;
}

.vl-btn2:hover {
  color: var(--tx);
  border-color: var(--acc-edge);
}

@media (prefers-reduced-motion: reduce) {
  button, [role="button"], .vl-ctl {
    transition: none;
  }

  button:active, [role="button"]:active, .vl-ctl:active {
    transform: none;
  }
}

@keyframes vlPensar {
  0%, 80%, 100% {
    opacity: .25;
    transform: translateY(0);
  }

  40% {
    opacity: 1;
    transform: translateY(-3px);
  }
}

[style*="vlPensar"]:nth-child(2) {
  animation-delay: .15s;
}

[style*="vlPensar"]:nth-child(3) {
  animation-delay: .3s;
}

.et, .etiqueta, small {
  font-size: max(11px, 1em);
}

@keyframes vlLatido {
  0%, 100% {
    opacity: .3;
    transform: scale(.8);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  overscroll-behavior-y: none;
}

input, textarea, select {
  font-size: 16px;
}

@supports (height: 100dvh) {
  .vl-hilo {
    min-height: calc(100dvh - var(--compose-h, 0px));
  }
}

.vl-compartir-fab {
  transition: transform var(--t-rapido) var(--e-resorte),box-shadow var(--t-medio) var(--e-suave);
  animation: vlLatidoVioleta 3.8s var(--e-io) infinite;
}

.vl-compartir-fab:active {
  transform: scale(.93);
}

.vl-compartir-fab:hover {
  box-shadow: 0 8px 26px #00000047, 0 0 0 6px #7c5cff24;
}

@keyframes vlLatidoVioleta {
  0%, 100% {
    box-shadow: 0 8px 26px #00000047, 0 0 #7c5cff4d;
  }

  52% {
    box-shadow: 0 8px 26px #00000047, 0 0 0 9px #7c5cff00;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vl-compartir-fab {
    animation: none;
  }
}

html[data-giro] body {
  transform-origin: 50%;
  transform-style: preserve-3d;
  animation: .9s cubic-bezier(.16, 1, .3, 1) both saleCasa;
}

@keyframes saleCasa {
  0% {
    transform: perspective(1600px)rotateY(0)translateZ(0);
  }

  40% {
    filter: brightness(1.35) saturate(1.2);
    transform: perspective(1600px)rotateY(58deg)rotateX(-4deg)translateZ(-40px);
  }

  100% {
    filter: brightness(.25);
    transform: perspective(1600px)rotateY(110deg)rotateX(-6deg)translateZ(-80px);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-giro] body {
    animation: none;
  }
}

/* [project]/app/materia.css [app-client] (css) */
:root {
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;
  --fw-normal: 400;
  --fw-medio: 600;
  --fw-fuerte: 800;
  --lh-apretado: 1.08;
  --lh-titulo: 1.25;
  --lh-cuerpo: 1.62;
  --lh-suelto: 1.75;
  --z-0: 0;
  --z-1: 10;
  --z-2: 20;
  --z-3: 40;
  --z-4: 60;
  --sh-1: 0 1px 2px #00000047,
    0 4px 10px -4px #00000052,
    inset 0 1px 0 #ffffff0f;
  --sh-2: 0 2px 4px #0000004d,
    0 12px 26px -10px #00000080,
    inset 0 1px 0 #ffffff17;
  --sh-3: 0 4px 8px #00000052,
    0 26px 56px -20px #000000ad,
    inset 0 1px 0 #ffffff21;
  --sh-4: 0 8px 16px #0000005c,
    0 44px 90px -30px #000000d9,
    inset 0 1px 0 #ffffff2b;
  --op-velo: .06;
  --op-sutil: .09;
  --op-media: .14;
  --op-firme: .22;
  --op-solida: .34;
  --negro-0: #000;
  --negro-1: #0e0e11;
  --negro-2: #131317;
  --negro-3: #1a1a20;
}

.vl-mega {
  font-family: var(--s);
  font-size: var(--fz-mega);
  font-weight: var(--fw-fuerte);
  line-height: var(--lh-apretado);
  letter-spacing: -.04em;
  color: var(--tx);
}

.vl-t1 {
  font-family: var(--s);
  font-size: var(--fz-t1);
  font-weight: var(--fw-fuerte);
  line-height: var(--lh-apretado);
  letter-spacing: -.035em;
  color: var(--tx);
}

.vl-t2 {
  font-family: var(--s);
  font-size: var(--fz-t2);
  font-weight: var(--fw-medio);
  line-height: var(--lh-titulo);
  letter-spacing: -.025em;
  color: var(--tx);
}

.vl-cuerpo {
  font-size: var(--fz-cuerpo);
  font-weight: var(--fw-normal);
  line-height: var(--lh-cuerpo);
  color: var(--tx);
}

.vl-apoyo {
  font-size: var(--fz-cap);
  font-weight: var(--fw-normal);
  line-height: var(--lh-cuerpo);
  color: var(--tx2);
}

.vl-etiqueta {
  font-family: var(--m);
  font-size: var(--fz-micro);
  font-weight: var(--fw-medio);
  text-transform: uppercase;
  letter-spacing: .11em;
  color: var(--tx3);
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}

.vl-cifra {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* [project]/app/cristal.css [app-client] (css) */
:root {
  --luz-x: 50%;
  --luz-y: 8%;
  --luz-angulo: 158deg;
  --mov-instante: 90ms;
  --mov-rapido: .16s;
  --mov-normal: .24s;
  --mov-resorte: .38s;
  --mov-cine: .62s;
  --curva-resorte: cubic-bezier(.2,1.15,.35,1);
  --curva-suave: cubic-bezier(.2,.8,.3,1);
}

.vl-halo {
  isolation: isolate;
  position: relative;
}

.vl-halo:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(50% 42% at var(--luz-x) 34%,
    #f7560229, #f7560208 48%, transparent 68%);
  animation: 4.6s ease-in-out infinite vlLatir;
  position: absolute;
  inset: -40% -20%;
}

@keyframes vlLatir {
  0%, 100% {
    opacity: .6;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}

.vl-vineta:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  background: radial-gradient(120% 90% at 50% 42%, #0000 42%, #0000008c 100%);
  position: absolute;
  inset: 0;
}

.vl-cristal {
  isolation: isolate;
  -webkit-backdrop-filter: blur(20px) saturate(200%);
  backdrop-filter: blur(20px) saturate(200%);
  border-radius: var(--r-card);
  background: #ffffff07;
  border: 1px solid #0000;
  position: relative;
  box-shadow: inset 0 1px #ffffff42, inset 0 -1px #ffffff05, inset 0 2px 6px -4px #ffffff3d, 0 1px 2px #000000e6, 0 24px 52px -22px #000000eb;
}

.vl-barrido {
  position: relative;
  overflow: hidden;
}

.vl-barrido:after {
  content: "";
  pointer-events: none;
  z-index: 2;
  mix-blend-mode: screen;
  opacity: 0;
  background: linear-gradient(74deg, #0000 38%, #ffffff57 50%, #0000 62%);
  position: absolute;
  inset: -6% -30%;
  transform: translateX(-60%);
}

.vl-barrido:hover:after, .vl-barrido[data-brilla="1"]:after {
  animation: .9s cubic-bezier(.3, .7, .4, 1) forwards vlBarrido;
}

@keyframes vlBarrido {
  0% {
    opacity: 0;
    transform: translateX(-60%);
  }

  28% {
    opacity: .7;
  }

  100% {
    opacity: 0;
    transform: translateX(60%);
  }
}

.vl-emerge {
  animation: .9s cubic-bezier(.2, .9, .25, 1) both vlEmerge;
}

@keyframes vlEmerge {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: scale(.94)translateY(8px);
  }

  60% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    filter: blur();
    transform: none;
  }
}

.vl-pulsable {
  transition: transform var(--mov-instante) var(--curva-suave),
    box-shadow var(--mov-instante) var(--curva-suave),
    filter var(--mov-instante) linear;
  will-change: transform;
}

.vl-pulsable[data-press="1"], .vl-pulsable:active {
  filter: brightness(.96);
  transform: translateY(1.5px)scale(.985);
  box-shadow: inset 0 1px #ffffff29, inset 0 4px 9px -3px #0009, 0 0 1px #000000f2, 0 5px 14px -10px #000000e6;
}

.vl-pulsable:not([data-press="1"]):not(:active) {
  transition: transform var(--mov-resorte) var(--curva-resorte),
    box-shadow var(--mov-resorte) var(--curva-suave);
}

.vl-sin-bandas:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  opacity: .02;
  border-radius: inherit;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
}

@media (prefers-reduced-motion: reduce) {
  .vl-halo:before, .vl-barrido:after, .vl-emerge {
    animation: none;
  }

  .vl-pulsable {
    transition: none;
  }

  .vl-pulsable:active {
    transform: none;
  }
}

/* [project]/app/inmersion.css [app-client] (css) */
.vl-folio {
  transform-style: preserve-3d;
  backface-visibility: hidden;
  transform-origin: 50%;
  animation: .9s cubic-bezier(.16, 1, .3, 1) both vlFolio;
}

@keyframes vlFolio {
  0% {
    filter: brightness(.35) saturate(1.6);
    transform: perspective(1600px)rotateY(-118deg)rotateX(7deg)translateZ(-120px);
  }

  38% {
    filter: brightness(1.55) saturate(1.2);
    transform: perspective(1600px)rotateY(-52deg)rotateX(3deg)translateZ(28px);
  }

  100% {
    filter: none;
    transform: perspective(1600px)rotateY(0)rotateX(0)translateZ(0);
  }
}

.vl-umbral {
  animation: .76s cubic-bezier(.16, 1, .3, 1) both vlUmbral;
}

@keyframes vlUmbral {
  0% {
    filter: brightness(0);
    transform: scale(.98);
  }

  18% {
    filter: brightness(0);
    transform: scale(.98);
  }

  100% {
    filter: none;
    transform: none;
  }
}

.vl-iris {
  clip-path: circle(140% at var(--iris-x, 50%) var(--iris-y, 50%));
  animation: .8s cubic-bezier(.16, 1, .3, 1) both vlIris;
}

@keyframes vlIris {
  0% {
    clip-path: circle(0 at var(--iris-x, 50%) var(--iris-y, 50%));
  }

  100% {
    clip-path: circle(140% at var(--iris-x, 50%) var(--iris-y, 50%));
  }
}

.vl-alba {
  animation: .7s cubic-bezier(.16, 1, .3, 1) both vlAlba;
}

@keyframes vlAlba {
  0% {
    filter: brightness(.2) saturate(.6);
  }

  100% {
    filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vl-folio, .vl-umbral, .vl-iris, .vl-alba {
    clip-path: none;
    filter: none;
    animation: none;
    transform: none;
  }
}

/* [project]/components/riel.module.css [app-client] (css) */
.riel-module__JOVxjq__topbar {
  display: contents;
}

@media (max-width: 900px) {
  .riel-module__JOVxjq__topbar {
    left: 12px;
    right: 12px;
    top: calc(10px + env(safe-area-inset-top, 0px));
    z-index: 62;
    pointer-events: none;
    align-items: center;
    gap: 8px;
    display: flex;
    position: fixed;
  }

  .riel-module__JOVxjq__topbar > * {
    pointer-events: auto;
  }

  .riel-module__JOVxjq__hamb {
    flex: none;
    width: 40px;
    height: 40px;
    display: grid;
    position: static;
    top: auto;
    left: auto;
  }

  .riel-module__JOVxjq__toggle {
    flex: auto;
    justify-content: center;
    min-width: 0;
    max-width: none;
    position: static;
    left: auto;
    right: auto;
    overflow: hidden;
    transform: none;
  }

  .riel-module__JOVxjq__tg {
    min-width: 36px;
    min-height: 36px;
    padding: 6px 8px;
  }

  .riel-module__JOVxjq__acciones {
    flex: none;
    gap: 4px;
    max-width: none;
    padding: 3px;
    position: static;
    top: auto;
    right: auto;
    overflow: visible;
  }

  .riel-module__JOVxjq__accion, .riel-module__JOVxjq__avatar, .riel-module__JOVxjq__avatar img {
    width: 36px;
    height: 36px;
  }

  .riel-module__JOVxjq__entrar {
    min-height: 36px;
    padding: 6px 12px;
    font-size: 12px;
  }
}

.riel-module__JOVxjq__riel {
  width: var(--rail-w);
  z-index: 50;
  background: var(--sup1);
  border-right: 1px solid var(--line2);
  flex-direction: column;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.riel-module__JOVxjq__tirador {
  z-index: 60;
  cursor: col-resize;
  touch-action: none;
  place-items: center;
  width: 10px;
  display: grid;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -4px;
}

.riel-module__JOVxjq__tiradorLinea {
  width: 2px;
  height: 100%;
  transition: background .18s var(--e-suave);
  background: none;
  border-radius: 2px;
}

.riel-module__JOVxjq__tirador:hover .riel-module__JOVxjq__tiradorLinea, .riel-module__JOVxjq__tirador:active .riel-module__JOVxjq__tiradorLinea {
  background: var(--acc);
}

@media (max-width: 900px) {
  .riel-module__JOVxjq__tirador {
    display: none;
  }
}

.riel-module__JOVxjq__marca {
  flex-direction: column;
  gap: 3px;
  padding: 16px 16px 12px;
  display: flex;
}

.riel-module__JOVxjq__wm {
  border-radius: var(--r-ctl);
  object-fit: cover;
  width: 38px;
  height: 38px;
  display: block;
}

.riel-module__JOVxjq__nuevo {
  background: var(--acc-grad);
  color: #1a0900;
  cursor: pointer;
  box-shadow: var(--acc-gloss);
  border: none;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 2px 12px 12px;
  padding: 12px 16px;
  font-size: 13.5px;
  font-weight: 700;
  transition: filter .15s, transform .12s;
  display: flex;
}

.riel-module__JOVxjq__nuevo:hover {
  filter: brightness(1.06);
}

.riel-module__JOVxjq__nuevo:active {
  transform: scale(.98);
}

.riel-module__JOVxjq__nav {
  overscroll-behavior: contain;
  flex: 1;
  padding: 0 8px 14px;
  overflow: hidden auto;
}

.riel-module__JOVxjq__rotulo {
  font-size: var(--fz-micro);
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--tx3);
  font-family: var(--m);
  padding: 14px 7px 6px;
}

.riel-module__JOVxjq__item {
  min-height: 44px;
  color: var(--tx2);
  border-radius: 11px;
  align-items: center;
  padding: 8px 12px;
  font-size: 13.5px;
  transition: background .15s, color .15s;
  display: flex;
}

.riel-module__JOVxjq__item:hover {
  background: var(--sup2);
  color: var(--tx);
}

.riel-module__JOVxjq__activo {
  color: var(--tx);
  background: #f7560224;
  font-weight: 600;
}

.riel-module__JOVxjq__hilosCaja {
  overscroll-behavior: contain;
  max-height: 184px;
  padding-right: 2px;
  overflow-y: auto;
}

.riel-module__JOVxjq__hilo {
  border-radius: 9px;
  align-items: center;
  transition: background .15s;
  display: flex;
}

.riel-module__JOVxjq__hilo:hover {
  background: #ffffff0f;
}

.riel-module__JOVxjq__hiloL {
  color: var(--tx2);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  padding: 8px;
  font-size: 12.5px;
  overflow: hidden;
}

.riel-module__JOVxjq__hilo:hover .riel-module__JOVxjq__hiloL {
  color: var(--tx);
}

.riel-module__JOVxjq__equis {
  opacity: 0;
  color: var(--tx3);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0 8px;
  font-size: 17px;
  line-height: 1;
  transition: opacity .15s;
}

.riel-module__JOVxjq__hilo:hover .riel-module__JOVxjq__equis {
  opacity: 1;
}

.riel-module__JOVxjq__pie {
  border-top: 1px solid var(--line2);
  flex-direction: column;
  gap: 9px;
  padding: 12px 16px;
  display: flex;
}

.riel-module__JOVxjq__pieFila {
  align-items: center;
  gap: 10px;
  display: flex;
}

.riel-module__JOVxjq__salir {
  color: var(--tx2);
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  padding: 0;
  font-size: 12.5px;
}

.riel-module__JOVxjq__salir:hover {
  color: var(--tx);
}

.riel-module__JOVxjq__hamb {
  left: 13px;
  top: calc(11px + env(safe-area-inset-top));
  z-index: 62;
  width: 44px;
  height: 44px;
  color: var(--tx);
  background: var(--flot);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border: 1px solid var(--flot-bd);
  box-shadow: var(--sh-2);
  border-radius: 50%;
  place-items: center;
  display: none;
  position: fixed;
}

.riel-module__JOVxjq__acciones {
  right: 13px;
  top: calc(11px + env(safe-area-inset-top));
  z-index: 62;
  background: var(--flot);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border: 1px solid var(--flot-bd);
  box-shadow: var(--sh-2);
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 4px;
  display: flex;
  position: fixed;
}

.riel-module__JOVxjq__accion {
  width: 44px;
  height: 44px;
  color: var(--tx);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  place-items: center;
  transition: background .15s;
  display: grid;
}

.riel-module__JOVxjq__accion:hover {
  background: #ffffff17;
}

.riel-module__JOVxjq__entrar {
  background: var(--acc-grad);
  color: #1a0900;
  letter-spacing: .02em;
  min-height: 44px;
  box-shadow: var(--acc-gloss);
  border-radius: 999px;
  align-items: center;
  padding: 8px 16px;
  font-size: 12.5px;
  font-weight: 700;
  transition: transform .12s;
  display: inline-flex;
}

.riel-module__JOVxjq__entrar:active {
  transform: scale(.97);
}

.riel-module__JOVxjq__avatar {
  place-items: center;
  width: 44px;
  height: 44px;
  display: grid;
}

.riel-module__JOVxjq__velo {
  display: none;
}

@media (max-width: 900px) {
  .riel-module__JOVxjq__hamb {
    display: grid;
  }

  .riel-module__JOVxjq__velo {
    z-index: 49;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #00000057;
    display: block;
    position: fixed;
    inset: 0;
  }

  .riel-module__JOVxjq__riel {
    width: 270px;
    box-shadow: 0 0 60px var(--sombra);
    transition: transform .28s cubic-bezier(.22, .7, .3, 1);
    transform: translateX(-100%);
  }

  .riel-module__JOVxjq__abierto {
    transform: none;
  }
}

@media (min-width: 901px) {
  .riel-module__JOVxjq__acciones {
    top: 14px;
    right: 18px;
  }
}

.riel-module__JOVxjq__ajustes {
  gap: 7px;
  display: flex;
}

.riel-module__JOVxjq__tog {
  border-radius: var(--r-ctl);
  background: var(--sup2);
  border: 1px solid var(--line2);
  min-height: 44px;
  color: var(--tx2);
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px;
  font-size: 12.5px;
  font-weight: 600;
  transition: background .15s, color .15s;
  display: inline-flex;
}

.riel-module__JOVxjq__tog:hover {
  color: var(--tx);
  background: #ffffff24;
}

.riel-module__JOVxjq__togOn {
  color: var(--tx);
}

.riel-module__JOVxjq__toggle {
  top: calc(11px + env(safe-area-inset-top, 0px));
  z-index: 61;
  -webkit-backdrop-filter: blur(30px) saturate(190%) brightness(1.05);
  backdrop-filter: blur(30px) saturate(190%) brightness(1.05);
  background: linear-gradient(158deg, #ffffff16, #ffffff05);
  border: 1px solid #ffffff24;
  border-top-color: #ffffff57;
  border-radius: 999px;
  gap: 2px;
  max-width: min(220px, 100vw - 152px);
  padding: 3px;
  display: flex;
  position: fixed;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
  box-shadow: inset 0 1px #ffffff57, inset 0 -8px 16px -14px #000000b8, 0 16px 40px -20px #000000b8;
}

[data-tema="claro"] .riel-module__JOVxjq__toggle {
  background: linear-gradient(158deg, #ffffffb8, #ffffff80);
  border-color: #fffffff2 #00000017 #00000017;
}

.riel-module__JOVxjq__tg {
  cursor: pointer;
  min-width: 40px;
  min-height: 40px;
  color: var(--tx3);
  font-family: var(--i);
  font-size: var(--fz-cap);
  white-space: nowrap;
  background: none;
  border: 1px solid #0000;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-weight: 600;
  transition: color .2s, background .24s, border-color .2s, transform .18s;
  display: flex;
}

.riel-module__JOVxjq__tg:active {
  transform: scale(.94);
}

.riel-module__JOVxjq__tgOn {
  color: var(--tx);
  background: #f756021c;
  border-color: #f7560252;
  box-shadow: inset 0 1px #ffc8a038;
}

.riel-module__JOVxjq__tgOn svg {
  color: var(--acc);
  filter: none;
}

.riel-module__JOVxjq__tgT {
  display: none;
}

@media (min-width: 560px) {
  .riel-module__JOVxjq__tgT {
    display: inline;
  }

  .riel-module__JOVxjq__tg {
    padding: 8px 14px;
  }
}

body[data-tapbar="1"] .riel-module__JOVxjq__toggle {
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s, transform .22s;
  transform: translateX(-50%)translateY(-6px);
}

.riel-module__JOVxjq__avatar {
  cursor: pointer;
  border: 1px solid var(--line2);
  background: #ffffff0f;
  border-radius: 50%;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  transition: border-color .2s, transform .16s;
  display: grid;
  overflow: hidden;
}

.riel-module__JOVxjq__avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.riel-module__JOVxjq__avatar:active {
  transform: scale(.92);
}

.riel-module__JOVxjq__avatarOn {
  box-shadow: var(--sh-1);
  border-color: #f7560273;
}

.riel-module__JOVxjq__avatarIni {
  font-family: var(--s);
  color: var(--tx);
  font-size: 12.5px;
  font-weight: 700;
}

@media (min-width: 1100px) {
  .riel-module__JOVxjq__toggle {
    gap: 4px;
    padding: 5px;
  }

  .riel-module__JOVxjq__tg {
    gap: 8px;
    padding: 8px 20px;
    font-size: 13.5px;
  }

  .riel-module__JOVxjq__tg svg {
    width: 17px;
    height: 17px;
  }
}

@media (min-width: 1400px) {
  .riel-module__JOVxjq__tg {
    padding: 12px 24px;
    font-size: 13.5px;
  }
}

@media (min-width: 901px) and (max-height: 820px) {
  .riel-module__JOVxjq__marca {
    padding: 12px 15px 9px;
  }

  .riel-module__JOVxjq__wm {
    width: 30px;
    height: 30px;
  }

  .riel-module__JOVxjq__nuevo {
    margin: 2px 12px 8px;
    padding: 12px 14px;
  }

  .riel-module__JOVxjq__rotulo {
    padding: 10px 7px 4px;
  }

  .riel-module__JOVxjq__item {
    min-height: 44px;
    font-size: var(--fz-cuerpo);
    padding: 8px 12px;
  }

  .riel-module__JOVxjq__nav {
    padding: 0 8px 8px;
  }
}

@media (min-width: 901px) and (max-height: 660px) {
  .riel-module__JOVxjq__item {
    min-height: 44px;
    font-size: var(--fz-cuerpo);
    padding: 8px 12px;
  }

  .riel-module__JOVxjq__rotulo {
    padding: 8px 7px 3px;
  }
}

.riel-module__JOVxjq__nav {
  min-height: 220px;
  position: relative;
}

.riel-module__JOVxjq__mio {
  border-top: 1px solid var(--line2);
  flex: none;
  padding: 4px 8px 8px;
}

.riel-module__JOVxjq__mio .riel-module__JOVxjq__rotulo {
  padding: 9px 7px 4px;
}

@media (min-width: 901px) and (max-height: 820px) {
  .riel-module__JOVxjq__mio {
    padding: 2px 8px 6px;
  }
}

.riel-module__JOVxjq__invitar {
  text-align: left;
  cursor: pointer;
  min-height: 44px;
  color: var(--tx);
  background: var(--vidrio-alto);
  border: 1px solid var(--acc-edge);
  -webkit-backdrop-filter: var(--vidrio-blur);
  backdrop-filter: var(--vidrio-blur);
  border-radius: 13px;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 0 12px 12px;
  padding: 12px 16px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  display: flex;
  box-shadow: inset 0 1px #ffffff24, 0 0 0 1px #f756021a, 0 14px 30px -18px #f756028c;
}

.riel-module__JOVxjq__invitar svg {
  color: var(--acc);
}

.riel-module__JOVxjq__invitar:hover {
  border-color: var(--acc);
  background: var(--acc-tint);
}

@media (min-width: 901px) and (max-height: 820px) {
  .riel-module__JOVxjq__invitar {
    margin-bottom: 8px;
    padding: 9px 14px;
  }
}

.riel-module__JOVxjq__item {
  border: 1px solid #0000;
  border-radius: 13px;
  gap: 11px;
  min-height: 46px;
  padding: 10px 12px;
  transition: transform .14s cubic-bezier(.2, .8, .3, 1), background .18s, border-color .18s, box-shadow .18s;
  position: relative;
}

.riel-module__JOVxjq__item + .riel-module__JOVxjq__item {
  margin-top: 2px;
}

.riel-module__JOVxjq__itemIco {
  color: #f75602;
  background: #f756021f;
  border: 1px solid #f7560247;
  border-radius: 9px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: color .18s, background .18s, border-color .18s;
  display: flex;
  overflow: hidden;
}

.riel-module__JOVxjq__itemT {
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: -.01em;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.riel-module__JOVxjq__item:hover {
  background: var(--sup2);
}

.riel-module__JOVxjq__item:hover .riel-module__JOVxjq__itemIco {
  color: var(--tx);
}

.riel-module__JOVxjq__item:active {
  transform: scale(.985);
}

.riel-module__JOVxjq__activo {
  background: linear-gradient(#f7560229, #f756020f);
  border-color: #f7560257;
  box-shadow: inset 0 1px #ffbe9633, 0 8px 22px -14px #f75602bf;
}

@media (prefers-reduced-motion: reduce) {
  .riel-module__JOVxjq__item {
    transition: none;
  }

  .riel-module__JOVxjq__item:active {
    transform: none;
  }
}

.riel-module__JOVxjq__activo:before {
  content: "";
  pointer-events: none;
  opacity: .8;
  background: linear-gradient(#ffbe9647, #0000 44%);
  border-radius: 13px;
  position: absolute;
  inset: 0;
}

.riel-module__JOVxjq__itemIco svg {
  flex: none;
  width: 18px;
  height: 18px;
  display: block;
}

.riel-module__JOVxjq__riel, .riel-module__JOVxjq__mio {
  overflow-x: hidden;
}

.riel-module__JOVxjq__item {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.riel-module__JOVxjq__item, .riel-module__JOVxjq__itemT {
  min-width: 0;
}

.riel-module__JOVxjq__itemIco {
  color: var(--tx);
  background: #ffffff1a;
  border-color: #ffffff24;
}

.riel-module__JOVxjq__item:hover .riel-module__JOVxjq__itemIco {
  background: #ffffff29;
}

.riel-module__JOVxjq__activo .riel-module__JOVxjq__itemIco {
  color: #fff;
  background: #f756023d;
  border-color: #f756027a;
}

@media (min-width: 901px) and (max-height: 820px) {
  .riel-module__JOVxjq__marca {
    padding: 12px 15px 8px;
  }

  .riel-module__JOVxjq__wm {
    width: 32px;
    height: 32px;
  }

  .riel-module__JOVxjq__nuevo {
    font-size: var(--fz-cuerpo);
    margin: 2px 12px 8px;
    padding: 12px 14px;
  }

  .riel-module__JOVxjq__invitar {
    min-height: 44px;
    font-size: var(--fz-cuerpo);
    margin: 0 12px 8px;
    padding: 10px 14px;
  }

  .riel-module__JOVxjq__rotulo {
    font-size: var(--fz-micro);
    padding: 8px 7px 3px;
  }

  .riel-module__JOVxjq__item {
    min-height: 44px;
    font-size: var(--fz-cuerpo);
    padding: 8px 12px;
  }

  .riel-module__JOVxjq__item + .riel-module__JOVxjq__item {
    margin-top: 2px;
  }

  .riel-module__JOVxjq__nav {
    padding: 0 8px 6px;
  }

  .riel-module__JOVxjq__hilosCaja {
    max-height: 120px;
  }

  .riel-module__JOVxjq__mio {
    padding: 2px 8px 4px;
  }

  .riel-module__JOVxjq__pie {
    gap: 6px;
    padding: 8px 16px;
  }
}

@media (min-width: 901px) and (max-height: 660px) {
  .riel-module__JOVxjq__marca {
    padding: 10px 15px 6px;
  }

  .riel-module__JOVxjq__wm {
    width: 28px;
    height: 28px;
  }

  .riel-module__JOVxjq__nuevo {
    font-size: var(--fz-cuerpo);
    margin: 2px 12px 6px;
    padding: 10px 14px;
  }

  .riel-module__JOVxjq__invitar {
    min-height: 44px;
    font-size: var(--fz-cuerpo);
    margin: 0 12px 6px;
    padding: 10px 14px;
  }

  .riel-module__JOVxjq__rotulo {
    font-size: var(--fz-micro);
    padding: 6px 7px 2px;
  }

  .riel-module__JOVxjq__item {
    min-height: 44px;
    font-size: var(--fz-cuerpo);
    padding: 8px 12px;
  }

  .riel-module__JOVxjq__item + .riel-module__JOVxjq__item {
    margin-top: 2px;
  }

  .riel-module__JOVxjq__hilosCaja {
    max-height: 90px;
  }

  .riel-module__JOVxjq__mio {
    padding: 2px 8px 3px;
  }

  .riel-module__JOVxjq__pie {
    gap: 4px;
    padding: 6px 16px;
  }
}

@media (max-width: 900px) {
  .riel-module__JOVxjq__topbar {
    left: 12px;
    right: 12px;
    top: calc(10px + env(safe-area-inset-top, 0px));
    z-index: 62;
    pointer-events: none;
    align-items: center;
    gap: 8px;
    position: fixed;
    display: flex !important;
  }

  .riel-module__JOVxjq__topbar > * {
    pointer-events: auto;
  }

  .riel-module__JOVxjq__hamb {
    flex: none;
    width: 40px;
    height: 40px;
    display: grid !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
  }

  .riel-module__JOVxjq__toggle {
    flex: auto;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
    max-width: none !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  .riel-module__JOVxjq__tg {
    min-width: 36px;
    min-height: 36px;
    padding: 6px 8px;
  }

  .riel-module__JOVxjq__acciones {
    flex: none;
    gap: 4px;
    padding: 3px;
    overflow: visible;
    max-width: none !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
  }

  .riel-module__JOVxjq__accion {
    width: 36px;
    height: 36px;
  }

  .riel-module__JOVxjq__avatar {
    width: 36px !important;
    height: 36px !important;
  }

  .riel-module__JOVxjq__entrar {
    min-height: 36px;
    padding: 6px 12px;
    font-size: 12px;
  }
}

@media (min-width: 901px) {
  .riel-module__JOVxjq__topbar {
    display: contents;
  }

  .riel-module__JOVxjq__toggle {
    left: calc(var(--rail-w) + 20px);
    gap: 2px;
    max-width: none;
    padding: 3px;
    transform: none;
    display: flex !important;
  }

  .riel-module__JOVxjq__tg {
    min-width: 34px;
    min-height: 34px;
    padding: 6px 9px;
  }

  .riel-module__JOVxjq__tgT {
    display: none;
  }

  .riel-module__JOVxjq__acciones {
    gap: 4px;
    padding: 3px;
    top: 12px;
    right: 18px;
  }

  .riel-module__JOVxjq__accion, .riel-module__JOVxjq__avatar {
    width: 36px;
    height: 36px;
  }

  .riel-module__JOVxjq__marca {
    gap: 2px;
    padding: 10px 14px 6px;
  }

  .riel-module__JOVxjq__wm {
    width: 26px;
    height: 26px;
  }

  .riel-module__JOVxjq__nuevo {
    min-height: 36px;
    margin: 0 10px 6px;
    padding: 8px 12px;
    font-size: 13px;
  }

  .riel-module__JOVxjq__invitar {
    gap: 8px;
    min-height: 36px;
    margin: 0 10px 6px;
    padding: 7px 12px;
    font-size: 13px;
  }

  .riel-module__JOVxjq__invitarSub {
    display: none;
  }

  .riel-module__JOVxjq__nav {
    padding: 0 8px 8px;
  }

  .riel-module__JOVxjq__rotulo {
    padding: 8px 8px 3px;
  }

  .riel-module__JOVxjq__item {
    gap: 8px;
    min-height: 34px;
    padding: 5px 10px;
  }

  .riel-module__JOVxjq__item + .riel-module__JOVxjq__item {
    margin-top: 0;
  }

  .riel-module__JOVxjq__itemIco {
    border-radius: 7px;
    width: 22px;
    height: 22px;
  }

  .riel-module__JOVxjq__mio {
    padding: 2px 6px 4px;
  }

  .riel-module__JOVxjq__mio .riel-module__JOVxjq__rotulo {
    padding: 6px 8px 2px;
  }

  .riel-module__JOVxjq__mio .riel-module__JOVxjq__item {
    min-height: 32px;
    padding: 4px 10px;
  }

  .riel-module__JOVxjq__pie {
    gap: 6px;
    padding: 8px 12px;
  }
}

.riel-module__JOVxjq__guiaTop {
  min-height: 36px;
  font-family: var(--m);
  font-size: var(--fz-micro);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--tx);
  background: none;
  border: 1px solid #ffffff2e;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.riel-module__JOVxjq__guiaTop:hover {
  background: #ffffff14;
  border-color: #ffffff52;
}

.riel-module__JOVxjq__guiaOn {
  background: #ffffff1a;
  border-color: #fff6;
}

@media (max-width: 900px) {
  .riel-module__JOVxjq__guiaTop {
    letter-spacing: .12em;
    min-height: 36px;
    padding: 0 10px;
  }
}

.riel-module__JOVxjq__ayuda {
  position: relative;
}

.riel-module__JOVxjq__ayudaBtn {
  cursor: pointer;
  min-height: 36px;
  font-family: var(--m);
  font-size: var(--fz-micro);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #eef0ff;
  -webkit-backdrop-filter: blur(34px) saturate(200%) brightness(1.06);
  background: #635bff52;
  border: 1px solid #b4b0ff73;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0 14px;
  font-weight: 700;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff47, 0 10px 24px -14px #635bff80;
}

.riel-module__JOVxjq__ayudaBtn:before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(115deg, #ffffff38, #0000 40% 70%, #635bff24);
  position: absolute;
  inset: 0;
}

.riel-module__JOVxjq__ayudaBtnOn, .riel-module__JOVxjq__ayudaBtn:hover {
  background: #635bff7a;
  border-color: #c8c4ff99;
}

.riel-module__JOVxjq__ayudaHoja {
  z-index: 70;
  -webkit-backdrop-filter: blur(34px) saturate(200%) brightness(1.06);
  background: #0c121085;
  border: 1px solid #a09bff52;
  border-radius: 16px;
  min-width: 168px;
  padding: 6px;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff29, 0 16px 40px #00000059;
}

.riel-module__JOVxjq__ayudaHoja:before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(115deg, #ffffff24, #0000 42%);
  position: absolute;
  inset: 0;
}

.riel-module__JOVxjq__ayudaItem {
  z-index: 1;
  color: #f4f5ff;
  text-align: left;
  border-radius: 12px;
  padding: 11px 12px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: block;
  position: relative;
}

.riel-module__JOVxjq__ayudaItem:hover {
  background: #635bff2e;
}

@media (prefers-reduced-transparency: reduce) {
  .riel-module__JOVxjq__ayudaBtn, .riel-module__JOVxjq__ayudaHoja {
    -webkit-backdrop-filter: none;
    background: #635bff;
  }
}

.riel-module__JOVxjq__invitar {
  position: relative;
  overflow: hidden;
  -webkit-backdrop-filter: blur(34px) saturate(200%) brightness(1.06) !important;
  background: #f7560229 !important;
  border: 1px solid #ffbe9652 !important;
  box-shadow: inset 0 1px #ffffff38, 0 14px 32px -16px #f75602b3 !important;
}

.riel-module__JOVxjq__invitar:before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(115deg, #ffffff2e, #0000 38% 68%, #f756021f);
  position: absolute;
  inset: 0;
}

.riel-module__JOVxjq__invitar > * {
  z-index: 1;
  position: relative;
}

@media (min-width: 901px) {
  .riel-module__JOVxjq__invitarSub {
    display: block;
  }
}

@media (max-width: 900px) {
  .riel-module__JOVxjq__nuevo {
    margin: 0 10px 8px;
    padding: 10px 14px;
  }

  .riel-module__JOVxjq__invitar {
    min-height: 42px;
    margin: 0 10px 8px;
    padding: 10px 12px;
  }

  .riel-module__JOVxjq__nav {
    -webkit-overflow-scrolling: touch;
    flex: auto;
    min-height: 240px;
    overflow-y: auto;
  }

  .riel-module__JOVxjq__hilosCaja {
    max-height: 64px;
  }

  .riel-module__JOVxjq__pie {
    gap: 6px;
    padding: 8px 12px;
  }

  .riel-module__JOVxjq__mio {
    padding: 6px 8px 10px;
  }
}

/* [project]/components/consola.module.css [app-client] (css) */
.consola-module__itjgkW__muelle {
  z-index: 40;
  padding: 56px 24px calc(20px + env(safe-area-inset-bottom)) calc(var(--rail-w) + 24px);
  pointer-events: none;
  background: linear-gradient(180deg,transparent 0%,var(--bg) 22%);
  justify-content: center;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.consola-module__itjgkW__derrame {
  pointer-events: none;
  filter: blur(46px);
  opacity: .08;
  background: radial-gradient(60% 100% at 50% 100%, #f7560280, #0000 70%);
  width: min(760px, 92%);
  height: 150px;
  transition: opacity .6s;
  position: absolute;
  bottom: 74px;
  left: 50%;
  transform: translateX(-50%);
}

.consola-module__itjgkW__derrame.consola-module__itjgkW__escribiendo {
  opacity: .28;
}

.consola-module__itjgkW__derrame.consola-module__itjgkW__midiendo {
  opacity: .8;
}

.consola-module__itjgkW__derrame.consola-module__itjgkW__pulso {
  opacity: .6;
}

.consola-module__itjgkW__consola {
  pointer-events: auto;
  perspective: 1600px;
  border-radius: 28px;
  width: min(760px, 100%);
  position: relative;
  overflow: hidden;
}

.consola-module__itjgkW__malla {
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  transition: opacity .6s;
  position: absolute;
  inset: -1px;
  overflow: hidden;
}

.consola-module__itjgkW__consola.consola-module__itjgkW__escribiendo .consola-module__itjgkW__malla {
  opacity: .34;
}

.consola-module__itjgkW__consola.consola-module__itjgkW__midiendo .consola-module__itjgkW__malla {
  opacity: .95;
}

.consola-module__itjgkW__consola.consola-module__itjgkW__consolaMenu .consola-module__itjgkW__malla {
  opacity: .5;
}

.consola-module__itjgkW__consola.consola-module__itjgkW__consolaMenu .consola-module__itjgkW__malla i {
  filter: blur(52px);
}

.consola-module__itjgkW__malla i {
  filter: blur(40px);
  border-radius: 50%;
  transition: filter .8s, transform .8s;
  display: block;
  position: absolute;
}

.consola-module__itjgkW__foco1 {
  background: var(--acc);
  width: 56%;
  height: 190%;
  animation: 15s ease-in-out infinite consola-module__itjgkW__m1;
  top: -46%;
  left: -6%;
}

.consola-module__itjgkW__foco2 {
  background: #ff7a2e;
  width: 44%;
  height: 170%;
  animation: 19s ease-in-out infinite consola-module__itjgkW__m2;
  top: -34%;
  left: 36%;
}

.consola-module__itjgkW__foco3 {
  background: #7a2b00;
  width: 52%;
  height: 180%;
  animation: 13s ease-in-out infinite consola-module__itjgkW__m3;
  top: -40%;
  left: 64%;
}

@keyframes consola-module__itjgkW__m1 {
  0%, 100% {
    transform: translate(0)scale(1);
  }

  50% {
    transform: translate(14%, 6%)scale(1.1);
  }
}

@keyframes consola-module__itjgkW__m2 {
  0%, 100% {
    transform: translate(0)scale(1);
  }

  50% {
    transform: translate(-12%, 8%)scale(1.14);
  }
}

@keyframes consola-module__itjgkW__m3 {
  0%, 100% {
    transform: translate(0)scale(1);
  }

  50% {
    transform: translate(-16%, -6%)scale(1.08);
  }
}

.consola-module__itjgkW__consola.consola-module__itjgkW__escribiendo .consola-module__itjgkW__malla i {
  filter: blur(34px);
}

.consola-module__itjgkW__consola.consola-module__itjgkW__escribiendo .consola-module__itjgkW__foco1 {
  animation-duration: 9s;
}

.consola-module__itjgkW__consola.consola-module__itjgkW__escribiendo .consola-module__itjgkW__foco2 {
  animation-duration: 11s;
}

.consola-module__itjgkW__consola.consola-module__itjgkW__escribiendo .consola-module__itjgkW__foco3 {
  animation-duration: 8s;
}

.consola-module__itjgkW__consola.consola-module__itjgkW__midiendo .consola-module__itjgkW__malla i {
  filter: blur(26px);
}

.consola-module__itjgkW__consola.consola-module__itjgkW__midiendo .consola-module__itjgkW__foco1 {
  animation-duration: 3.4s;
}

.consola-module__itjgkW__consola.consola-module__itjgkW__midiendo .consola-module__itjgkW__foco2 {
  animation-duration: 4s;
}

.consola-module__itjgkW__consola.consola-module__itjgkW__midiendo .consola-module__itjgkW__foco3 {
  animation-duration: 3s;
}

.consola-module__itjgkW__consola.consola-module__itjgkW__pulso .consola-module__itjgkW__malla i {
  filter: blur(48px);
}

.consola-module__itjgkW__dentro {
  background: var(--vidrio);
  border: 1px solid var(--vidrio-bd);
  -webkit-backdrop-filter: var(--vidrio-blur);
  backdrop-filter: var(--vidrio-blur);
  box-shadow: var(--vidrio-luz);
  border-radius: 27px;
  margin: 1.2px;
  padding: 14px 18px 10px;
  position: relative;
  overflow: hidden;
}

.consola-module__itjgkW__dentro:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  background: var(--vidrio-reflejo);
  opacity: .9;
  position: absolute;
  inset: 0;
}

.consola-module__itjgkW__dentro > * {
  z-index: 1;
  position: relative;
}

.consola-module__itjgkW__campo {
  width: 100%;
  min-height: 44px;
  max-height: 132px;
  color: var(--tx);
  resize: none;
  background: none;
  border: none;
  outline: none;
  padding: 10px 4px;
  font-family: inherit;
  font-size: 15.5px;
  line-height: 1.5;
  transition: height .12s cubic-bezier(.2, .8, .3, 1);
  overflow-y: hidden;
}

.consola-module__itjgkW__campo::placeholder {
  color: var(--tx3);
}

.consola-module__itjgkW__fila {
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.consola-module__itjgkW__estado {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 auto;
  overflow: hidden;
}

.consola-module__itjgkW__corte {
  margin-left: auto;
}

.consola-module__itjgkW__enviar {
  background: var(--sup3);
  width: 44px;
  height: 44px;
  color: var(--tx3);
  border: 1px solid var(--line2);
  transition: transform var(--t-toque, .14s) var(--e-resorte, ease),background .2s ease,color .2s ease,box-shadow .2s ease;
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: grid;
}

.consola-module__itjgkW__enviar:active {
  transform: scale(.9);
}

.consola-module__itjgkW__enviarListo {
  background: var(--acc-grad);
  color: #1a0900;
  box-shadow: var(--acc-gloss);
  border-color: #0000;
}

.consola-module__itjgkW__caras {
  transform-style: preserve-3d;
  transition: transform var(--t-medio, .42s) var(--e-firme),height var(--t-medio, .42s) var(--e-firme);
  position: relative;
}

.consola-module__itjgkW__cara {
  backface-visibility: hidden;
}

.consola-module__itjgkW__caraFrente {
  z-index: 1;
  position: relative;
}

.consola-module__itjgkW__caraDorso {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.consola-module__itjgkW__smart {
  cursor: pointer;
  background: var(--acc-grad);
  color: #1a0900;
  width: 44px;
  height: 44px;
  box-shadow: var(--acc-gloss);
  transition: transform var(--t-toque, .14s) var(--e-resorte, ease),box-shadow .2s ease;
  border: none;
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: grid;
}

.consola-module__itjgkW__smart svg {
  transition: transform var(--t-medio, .42s) var(--e-firme);
}

.consola-module__itjgkW__smartOn svg {
  transform: rotate(135deg);
}

.consola-module__itjgkW__smart:hover {
  box-shadow: var(--acc-gloss),0 0 0 4px var(--acc-tint);
}

.consola-module__itjgkW__smart:active {
  transform: scale(.9);
}

.consola-module__itjgkW__tapbar {
  background: var(--vidrio);
  border: 1px solid var(--vidrio-bd);
  -webkit-backdrop-filter: var(--vidrio-blur);
  backdrop-filter: var(--vidrio-blur);
  box-shadow: var(--vidrio-luz);
  border-radius: 27px;
  margin: 1.2px;
  padding: 12px;
  position: relative;
  overflow: hidden;
}

.consola-module__itjgkW__tapbar:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  background: var(--vidrio-reflejo);
  opacity: .9;
  position: absolute;
  inset: 0;
}

.consola-module__itjgkW__tapbar > * {
  z-index: 1;
  position: relative;
}

.consola-module__itjgkW__tapbarTop {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 2px 4px 12px;
  display: flex;
}

.consola-module__itjgkW__segmento {
  border: 1px solid var(--line2);
  background: #ffffff0f;
  border-radius: 999px;
  gap: 2px;
  padding: 3px;
  display: inline-flex;
}

[data-tema="claro"] .consola-module__itjgkW__segmento {
  background: #0000000a;
}

.consola-module__itjgkW__seg {
  font-family: var(--s);
  letter-spacing: -.01em;
  color: var(--tx2);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 12.5px;
  font-weight: 600;
  transition: color .2s, background .2s;
}

.consola-module__itjgkW__segOn {
  color: #1a0900;
  background: var(--acc-grad);
  box-shadow: var(--acc-gloss);
}

.consola-module__itjgkW__lista {
  scrollbar-width: none;
  flex-direction: column;
  gap: 8px;
  max-height: 52vh;
  display: flex;
  overflow-y: auto;
}

.consola-module__itjgkW__lista::-webkit-scrollbar {
  display: none;
}

.consola-module__itjgkW__wRow {
  cursor: pointer;
  text-align: left;
  color: var(--tx);
  border: 1px solid var(--vidrio-bd);
  background: var(--vidrio-alto);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  backdrop-filter: blur(12px) saturate(180%);
  transition: transform .2s var(--e-firme),border-color .2s,box-shadow .2s;
  border-radius: 15px;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  display: flex;
  box-shadow: inset 0 1px #ffffff38;
}

.consola-module__itjgkW__wRow:hover {
  border-color: var(--acc-edge);
  transform: translateY(-1px);
}

.consola-module__itjgkW__wRow:active {
  transform: scale(.99);
}

.consola-module__itjgkW__wRowOn {
  border-color: var(--acc-edge);
  box-shadow: inset 0 1px 0 #ffffff38,0 0 16px -6px var(--acc-tint);
}

.consola-module__itjgkW__wRowPronto {
  opacity: .5;
  cursor: not-allowed;
}

.consola-module__itjgkW__wRowPronto:hover {
  border-color: var(--vidrio-bd);
  transform: none;
}

.consola-module__itjgkW__wChip {
  border-radius: 11px;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.consola-module__itjgkW__wChip .consola-module__itjgkW__tIco {
  object-fit: contain;
  mix-blend-mode: screen;
  filter: drop-shadow(0 3px 8px #00000080);
  width: 100%;
  height: 100%;
}

[data-tema="claro"] .consola-module__itjgkW__wChip {
  background: radial-gradient(circle at 50% 40%, #000000f2, #000000b8);
}

.consola-module__itjgkW__wTxt {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.consola-module__itjgkW__wTit {
  font-family: var(--s);
  letter-spacing: -.02em;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.08;
}

.consola-module__itjgkW__wSub {
  font-size: var(--fz-micro);
  color: var(--tx3);
  line-height: 1.25;
}

.consola-module__itjgkW__switch {
  border: 1px solid var(--line2);
  width: 42px;
  height: 25px;
  transition: background .24s var(--e-firme);
  background: #ffffff17;
  border-radius: 999px;
  flex: none;
  position: relative;
}

.consola-module__itjgkW__switch i {
  background: var(--tx2);
  width: 19px;
  height: 19px;
  transition: transform .26s var(--e-resorte, var(--e-firme)),background .24s;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
}

.consola-module__itjgkW__switchOn {
  background: var(--acc-grad);
  box-shadow: var(--acc-gloss);
  border-color: #0000;
}

.consola-module__itjgkW__switchOn i {
  background: #1a0900;
  transform: translateX(17px);
}

.consola-module__itjgkW__wNota {
  font-size: var(--fz-micro);
  color: var(--tx3);
  text-align: center;
  padding: 8px 8px 2px;
  line-height: 1.45;
}

.consola-module__itjgkW__cerrarGrid {
  cursor: pointer;
  border: 1px solid var(--line2);
  width: 44px;
  height: 44px;
  color: var(--tx2);
  background: #ffffff0f;
  border-radius: 50%;
  place-items: center;
  transition: border-color .2s, color .2s;
  display: grid;
}

.consola-module__itjgkW__cerrarGrid:hover {
  border-color: var(--acc-edge);
  color: var(--acc-light);
}

.consola-module__itjgkW__grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
  display: grid;
}

.consola-module__itjgkW__tCel {
  cursor: pointer;
  text-align: left;
  color: var(--tx);
  border: 1px solid var(--vidrio-bd);
  background: var(--vidrio-alto);
  -webkit-backdrop-filter: blur(14px) saturate(180%);
  backdrop-filter: blur(14px) saturate(180%);
  transition: transform .26s var(--e-firme),border-color .22s,box-shadow .26s;
  border-radius: 16px;
  flex-direction: column;
  gap: 8px;
  padding: 16px 12px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff57, inset 0 -10px 22px -16px #00000080;
}

[data-tema="claro"] .consola-module__itjgkW__tCel {
  border-color: #ffffffb8;
  box-shadow: inset 0 1px #fffffff2, inset 0 -10px 20px -16px #00000024;
}

.consola-module__itjgkW__tCel:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  background: var(--vidrio-reflejo);
  opacity: .7;
  transition: opacity .26s var(--e-io);
  position: absolute;
  inset: 0;
}

.consola-module__itjgkW__tCel > * {
  z-index: 1;
  position: relative;
}

.consola-module__itjgkW__tCel:hover {
  border-color: var(--acc-edge);
  box-shadow: inset 0 1px 0 #ffffff57,0 16px 32px -16px #000000b8,0 0 22px -6px var(--acc-tint);
  transform: translateY(-3px);
}

.consola-module__itjgkW__tCel:hover:before {
  opacity: 1;
}

.consola-module__itjgkW__tCel:active {
  transform: scale(.97);
}

.consola-module__itjgkW__tChip {
  width: 48px;
  height: 48px;
  color: var(--tx);
  transition: all .3s var(--e-firme);
  border-radius: 14px;
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}

.consola-module__itjgkW__tIco {
  object-fit: contain;
  mix-blend-mode: screen;
  filter: drop-shadow(0 4px 10px #00000080);
  width: 100%;
  height: 100%;
  transition: transform .3s var(--e-firme),filter .3s var(--e-firme);
}

[data-tema="claro"] .consola-module__itjgkW__tChip {
  background: radial-gradient(circle at 50% 40%, #000000f2, #000000b8);
  border: 1px solid #00000017;
}

.consola-module__itjgkW__tCel:hover .consola-module__itjgkW__tIco {
  filter: drop-shadow(0 6px 14px #00000080);
  transform: scale(1.08)translateY(-1px);
}

.consola-module__itjgkW__tTit {
  font-family: var(--s);
  letter-spacing: -.02em;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1;
}

.consola-module__itjgkW__tSub {
  font-size: var(--fz-micro);
  color: var(--tx3);
  line-height: 1.25;
}

.consola-module__itjgkW__tCelOn {
  border-color: var(--acc-edge);
  box-shadow: inset 0 1px 0 #ffffff24,0 0 0 1px var(--acc-edge),0 0 22px color-mix(in srgb,var(--acc) 24%,transparent);
}

.consola-module__itjgkW__tCelOn .consola-module__itjgkW__tIco {
  filter: drop-shadow(0 0 12px var(--acc-tint)) drop-shadow(0 4px 10px #00000080);
}

.consola-module__itjgkW__tCelOn {
  isolation: isolate;
}

.consola-module__itjgkW__tCelOn:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  z-index: 2;
  -webkit-backdrop-filter: blur(1px) brightness(1.12) saturate(1.15);
  backdrop-filter: blur(1px) brightness(1.12) saturate(1.15);
  mix-blend-mode: screen;
  background: radial-gradient(120% 80% at 50% -10%, #ffffff57, #ffffff0f 42%, #0000 62%), radial-gradient(90% 60% at 50% 120%, #ffffff24, #0000 60%);
  position: absolute;
  inset: -1px;
  overflow: hidden;
  box-shadow: inset 1.5px 0 #00dcff80, inset -1.5px 0 #ff3c8c80, inset 0 0 14px #ffffff24;
}

.consola-module__itjgkW__tCelOn .consola-module__itjgkW__tChip:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  animation: consola-module__itjgkW__barrido 4.2s var(--e-io) infinite;
  z-index: 3;
  background: linear-gradient(115deg, #0000 30%, #ffffff80 48%, #0000 60%);
  position: absolute;
  inset: 0;
  transform: translateX(-120%);
}

@keyframes consola-module__itjgkW__barrido {
  0%, 72% {
    transform: translateX(-120%);
  }

  88%, 100% {
    transform: translateX(120%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .consola-module__itjgkW__tCelOn .consola-module__itjgkW__tChip:after {
    opacity: 0;
    animation: none;
  }

  .consola-module__itjgkW__caras {
    transition: height var(--t-medio, .42s) var(--e-firme);
  }

  .consola-module__itjgkW__consolaMenu .consola-module__itjgkW__caras {
    transform: rotateX(180deg);
  }

  .consola-module__itjgkW__smart svg {
    transition: none;
  }
}

@media (max-width: 900px) {
  .consola-module__itjgkW__muelle {
    padding: 48px 14px calc(14px + env(safe-area-inset-bottom, 0px));
  }

  .consola-module__itjgkW__consola {
    box-sizing: border-box;
    border-radius: 26px;
    width: min(760px, 100%);
    max-width: 100%;
  }

  .consola-module__itjgkW__dentro {
    box-sizing: border-box;
    border-radius: 25px;
    padding: 12px 14px 10px;
  }

  .consola-module__itjgkW__campo {
    min-height: 44px;
    padding: 2px 4px 10px;
    font-size: 16px;
  }

  .consola-module__itjgkW__fila {
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    min-width: 0;
  }

  .consola-module__itjgkW__redondo, .consola-module__itjgkW__enviar, .consola-module__itjgkW__smart {
    flex: none;
    width: 40px;
    height: 40px;
  }

  .consola-module__itjgkW__corte {
    display: none;
  }

  .consola-module__itjgkW__tapbar {
    border-radius: 25px;
    padding: 10px;
  }

  .consola-module__itjgkW__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .consola-module__itjgkW__tCel {
    border-radius: 15px;
    padding: 12px;
  }
}

.consola-module__itjgkW__pila {
  pointer-events: auto;
  flex-direction: column;
  gap: 10px;
  width: min(760px, 100%);
  display: flex;
  position: relative;
}

.consola-module__itjgkW__atajos {
  isolation: isolate;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
  -webkit-backdrop-filter: blur(22px) saturate(1.6);
  background: linear-gradient(160deg, #26262cb8, #18181c80 46%, #1212166b);
  border: 1px solid #ffffff24;
  border-radius: 999px;
  align-self: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 4px;
  display: inline-flex;
  position: relative;
  overflow-x: auto;
  transform: translateZ(0);
  box-shadow: inset 0 1px #ffffff24, inset 0 0 0 1px #ffffff05, 0 10px 30px #00000057;
}

.consola-module__itjgkW__atajos:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(120% 90% at 20% -20%, #ffffff24, #0000 60%);
  position: absolute;
  inset: 0;
}

[data-tema="claro"] .consola-module__itjgkW__atajos {
  background: linear-gradient(160deg, #ffffffb8, #f5f5f780);
  border-color: #0000000f;
  box-shadow: inset 0 1px #fffffff2, 0 10px 26px #00000017;
}

.consola-module__itjgkW__atajos::-webkit-scrollbar {
  display: none;
}

.consola-module__itjgkW__atajo {
  z-index: 1;
  scroll-snap-align: start;
  color: var(--tx2);
  cursor: pointer;
  white-space: nowrap;
  transition: color .28s var(--e-io),background .28s var(--e-io),box-shadow .28s var(--e-io);
  background: none;
  border: none;
  border-radius: 999px;
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  display: inline-flex;
  position: relative;
}

.consola-module__itjgkW__atajo svg {
  color: var(--tx3);
  transition: color .28s var(--e-io);
  flex: none;
}

.consola-module__itjgkW__atajo:hover {
  color: var(--tx);
  background: #ffffff0f;
}

.consola-module__itjgkW__atajo:hover svg {
  color: var(--acc);
}

.consola-module__itjgkW__atajoOn, .consola-module__itjgkW__atajoOn:hover {
  color: #fff;
  box-shadow: inset 0 1px 0 #ffffff57,
    0 0 0 1px color-mix(in srgb,var(--acc) 82%,transparent),
    0 0 18px color-mix(in srgb,var(--acc) 40%,transparent),
    0 4px 14px #00000057;
  background: linear-gradient(160deg, #ffffff24, #ffffff0f 55%, #ffffff05);
}

.consola-module__itjgkW__atajoOn svg, .consola-module__itjgkW__atajoOn:hover svg {
  color: var(--acc);
}

.consola-module__itjgkW__redondo {
  background: var(--sup3);
  width: 44px;
  height: 44px;
  color: var(--tx);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  flex: none;
  place-items: center;
  transition: background .15s;
  display: grid;
}

.consola-module__itjgkW__redondo:hover {
  background: var(--sup2);
}

.consola-module__itjgkW__oyendo {
  background: var(--acc-grad);
  color: #1a0900;
  box-shadow: var(--acc-gloss);
}

.consola-module__itjgkW__pastilla {
  background: var(--sup3);
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 999px;
  flex: none;
  max-width: 46vw;
  padding: 8px 12px;
  overflow: hidden;
}

.consola-module__itjgkW__hueco {
  flex: 1;
}

.consola-module__itjgkW__grid {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  overflow-y: auto;
  -webkit-mask-image: linear-gradient(#000 calc(100% - 18px), #0000);
  mask-image: linear-gradient(#000 calc(100% - 18px), #0000);
}

.consola-module__itjgkW__grid::-webkit-scrollbar {
  display: none;
}

.consola-module__itjgkW__tapbar {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.consola-module__itjgkW__muelle {
  padding-bottom: max(env(safe-area-inset-bottom, 0px), 34px);
}

.consola-module__itjgkW__caraDorso {
  z-index: 59;
  left: 0;
  right: 0;
  bottom: max(env(safe-area-inset-bottom, 0px), 34px);
  width: min(760px, 100vw - 26px);
  max-height: calc(100svh - max(env(safe-area-inset-top, 0px), 20px)
                        - max(env(safe-area-inset-bottom, 0px), 34px) - 88px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  flex-direction: column;
  margin-inline: auto;
  transition: opacity .3s cubic-bezier(.2, .7, .3, 1), visibility 0s linear .36s;
  display: flex;
  position: fixed;
}

@supports not (height: 100svh) {
  .consola-module__itjgkW__caraDorso {
    max-height: calc(100vh - 150px);
  }
}

.consola-module__itjgkW__dorsoAbierto {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s, 0s;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbar {
  transition: transform .36s cubic-bezier(.2, .7, .3, 1);
  transform: translateY(14px)scale(.985);
}

.consola-module__itjgkW__dorsoAbierto .consola-module__itjgkW__tapbar {
  transform: none;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbar {
  border-radius: 26px;
  flex-direction: column;
  flex: auto;
  min-height: 0;
  margin: 0;
  display: flex;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbarTop {
  flex: none;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__grid, .consola-module__itjgkW__caraDorso .consola-module__itjgkW__lista {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  flex: auto;
  min-height: 0;
  padding-bottom: 4px;
  overflow-y: auto;
  -webkit-mask-image: linear-gradient(#000 calc(100% - 18px), #0000);
  mask-image: linear-gradient(#000 calc(100% - 18px), #0000);
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__grid::-webkit-scrollbar {
  display: none;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__lista::-webkit-scrollbar {
  display: none;
}

.consola-module__itjgkW__consolaMenu .consola-module__itjgkW__caraFrente {
  opacity: .18;
  pointer-events: none;
}

.consola-module__itjgkW__caraFrente {
  transition: opacity .26s;
}

.consola-module__itjgkW__consolaMenu .consola-module__itjgkW__caras {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .consola-module__itjgkW__caraDorso {
    transition: opacity .01ms, visibility .01ms;
  }

  .consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbar {
    transition: none;
    transform: none;
  }
}

.consola-module__itjgkW__misTit {
  font-family: var(--m);
  font-size: var(--fz-micro);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--tx3);
  padding: 10px 4px 7px;
  display: block;
}

.consola-module__itjgkW__misWidgets {
  border-bottom: 1px solid var(--line2);
  margin-bottom: 4px;
  padding-bottom: 8px;
}

.consola-module__itjgkW__misFila {
  scrollbar-width: none;
  gap: 8px;
  padding: 2px 2px 8px;
  display: flex;
  overflow-x: auto;
}

.consola-module__itjgkW__misFila::-webkit-scrollbar {
  display: none;
}

.consola-module__itjgkW__miW {
  border: 1px solid var(--vidrio-bd, #ffffff24);
  background: var(--vidrio, #ffffff0e);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
  border-radius: 15px;
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 4px;
  width: 88px;
  padding: 12px 8px 8px;
  display: flex;
  position: relative;
}

.consola-module__itjgkW__miIco {
  object-fit: contain;
  width: 30px;
  height: 30px;
  display: block;
}

.consola-module__itjgkW__miTit {
  font-size: var(--fz-micro);
  color: var(--tx);
  text-align: center;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 600;
  line-height: 1.25;
  display: -webkit-box;
  overflow: hidden;
}

.consola-module__itjgkW__miMandos {
  gap: 2px;
  display: flex;
  position: absolute;
  top: 4px;
  right: 4px;
}

.consola-module__itjgkW__miBtn {
  cursor: pointer;
  border: 1px solid var(--line2);
  width: 17px;
  height: 17px;
  color: var(--tx3);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #101014c7;
  border-radius: 50%;
  place-items: center;
  transition: color .18s, border-color .18s, transform .16s;
  display: grid;
}

.consola-module__itjgkW__miBtn:active {
  transform: scale(.86);
}

.consola-module__itjgkW__miX:hover, .consola-module__itjgkW__miX:active {
  color: var(--acc);
  border-color: var(--acc);
}

[data-tema="claro"] .consola-module__itjgkW__miBtn {
  background: #fffffff2;
}

.consola-module__itjgkW__panelTit {
  font-family: var(--m);
  font-size: var(--fz-micro);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--tx3);
}

.consola-module__itjgkW__panelCuerpo {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  flex: auto;
  min-height: 0;
  padding-bottom: 8px;
  overflow-y: auto;
  -webkit-mask-image: linear-gradient(#000 calc(100% - 18px), #0000);
  mask-image: linear-gradient(#000 calc(100% - 18px), #0000);
}

.consola-module__itjgkW__panelCuerpo::-webkit-scrollbar {
  display: none;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbar {
  border: 1px solid #ffffff24;
  box-shadow: inset 0 1px #ffffff57, 0 30px 70px -30px #000000b8;
  background: var(--vidrio, #14141a6b) !important;
  -webkit-backdrop-filter: blur(30px) saturate(190%) brightness(1.05) !important;
  backdrop-filter: blur(30px) saturate(190%) brightness(1.05) !important;
}

.consola-module__itjgkW__grid {
  gap: 8px;
  grid-template-columns: repeat(4, 1fr) !important;
}

.consola-module__itjgkW__tCel {
  aspect-ratio: 1;
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid #ffffff24;
  border-radius: 17px;
  min-height: 0;
  position: relative;
  overflow: hidden;
  background: #ffffff0e !important;
  padding: 0 !important;
}

.consola-module__itjgkW__celCara {
  all: unset;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 100%;
  height: 100%;
  padding: 8px;
  display: flex;
}

.consola-module__itjgkW__tCel .consola-module__itjgkW__tChip {
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  display: grid;
}

.consola-module__itjgkW__tCel .consola-module__itjgkW__tIco {
  object-fit: contain;
  width: 36px;
  height: 36px;
}

.consola-module__itjgkW__tCel .consola-module__itjgkW__tTit {
  font-size: var(--fz-micro);
  color: var(--tx);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 600;
  line-height: 1.08;
  display: -webkit-box;
  overflow: hidden;
}

.consola-module__itjgkW__tCel .consola-module__itjgkW__tSub {
  font-size: var(--fz-micro);
  color: var(--tx3);
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  line-height: 1.08;
  overflow: hidden;
}

.consola-module__itjgkW__tCelOn {
  background: #f756021a !important;
  border-color: #f756028c !important;
}

.consola-module__itjgkW__celMandos {
  z-index: 3;
  gap: 2px;
  display: flex;
  position: absolute;
  top: 4px;
  right: 4px;
}

.consola-module__itjgkW__celBtn {
  cursor: pointer;
  width: 26px;
  height: 26px;
  color: var(--tx3);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #0c0c10b8;
  border: 1px solid #ffffff38;
  border-radius: 50%;
  place-items: center;
  transition: color .16s, border-color .16s, transform .16s;
  display: grid;
}

.consola-module__itjgkW__celBtn:active {
  transform: scale(.86);
}

.consola-module__itjgkW__celX:hover, .consola-module__itjgkW__celX:active {
  color: var(--acc);
  border-color: var(--acc);
}

[data-tema="claro"] .consola-module__itjgkW__celBtn {
  color: #00000080;
  background: #fffffff2;
}

@media (max-width: 520px) {
  .consola-module__itjgkW__grid {
    gap: 7px;
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .consola-module__itjgkW__tCel .consola-module__itjgkW__tIco {
    width: 32px;
    height: 32px;
  }

  .consola-module__itjgkW__tCel .consola-module__itjgkW__tTit {
    font-size: var(--fz-micro);
  }
}

.consola-module__itjgkW__caraDorso {
  top: calc(max(env(safe-area-inset-top, 0px), 20px) + 62px);
  bottom: max(env(safe-area-inset-bottom, 0px), 34px);
  height: auto;
  max-height: none;
  z-index: 70 !important;
}

:is(body[data-tapbar="1"] [class*="riel-module"][class*="hamb"], body[data-tapbar="1"] [class*="riel-module"][class*="acciones"]) {
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s, transform .22s;
  transform: translateY(-6px);
}

:is([class*="riel-module"][class*="hamb"], [class*="riel-module"][class*="acciones"]) {
  transition: opacity .26s, transform .26s;
}

.consola-module__itjgkW__tapbarTop {
  padding: 14px 16px 12px !important;
}

.consola-module__itjgkW__panelTit {
  font-size: var(--fz-micro);
  letter-spacing: .2em;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbar {
  position: relative;
  -webkit-backdrop-filter: blur(64px) saturate(200%) brightness(1.06) !important;
  backdrop-filter: blur(64px) saturate(200%) brightness(1.06) !important;
  background: linear-gradient(158deg, #ffffff17 0%, #ffffff0e 34%, #ffffff0a 62%, #ffffff0f 100%) !important;
  border: 1px solid #ffffff24 !important;
  border-color: #ffffff57 #ffffff24 #ffffff0e !important;
  box-shadow: inset 0 1px #ffffff57, inset 0 2px 1px -1px #ffffff38, inset 0 -22px 40px -34px #000000b8, inset 0 0 46px -22px #ffffff24, inset 1px 0 #ffffff0f, inset -1px 0 #ffffff0f, 0 34px 80px -34px #000000b8 !important;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbar:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  mix-blend-mode: screen;
  background: linear-gradient(112deg, #0000 0%, #ffffff17 38%, #ffffff05 52%, #0000 68%);
  position: absolute;
  inset: 0;
}

.consola-module__itjgkW__tCel {
  -webkit-backdrop-filter: blur(30px) saturate(185%) !important;
  backdrop-filter: blur(30px) saturate(185%) !important;
  background: linear-gradient(160deg, #ffffff17, #ffffff0b) !important;
  border: 1px solid #ffffff17 !important;
  border-top-color: #ffffff38 !important;
  box-shadow: inset 0 1px #ffffff57, inset 0 -14px 26px -22px #00000080 !important;
}

.consola-module__itjgkW__tCelOn {
  background: linear-gradient(160deg, #f7560229, #f756020d) !important;
  border-color: #ff965a8c #f756026b #f756026b !important;
  box-shadow: inset 0 1px #ffbe9666, inset 0 -14px 26px -22px #00000080, 0 0 26px -12px #f7560273 !important;
}

.consola-module__itjgkW__wRow {
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  backdrop-filter: blur(18px) saturate(180%);
  background: linear-gradient(160deg, #ffffff0e, #ffffff05) !important;
  border: 1px solid #ffffff17 !important;
  border-top-color: #ffffff38 !important;
  box-shadow: inset 0 1px #ffffff38 !important;
}

[data-tema="claro"] .consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbar {
  background: linear-gradient(158deg, #ffffffb8, #ffffff57) !important;
  border-color: #fffffff2 #00000017 #00000017 !important;
  box-shadow: inset 0 1px #fffffff2, inset 0 -22px 40px -34px #00000038, 0 30px 70px -34px #00000057 !important;
}

[data-tema="claro"] .consola-module__itjgkW__tCel {
  background: linear-gradient(160deg, #ffffffb8, #ffffff57) !important;
  border-color: #fffffff2 #00000017 #00000017 !important;
}

[data-tema="claro"] .consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbar {
  background: linear-gradient(158deg, #fffffff2, #fafafdf2) !important;
  border: 1px solid #00000017 !important;
  border-top-color: #fffffff2 !important;
  box-shadow: inset 0 1px #fffffff2, inset 0 -20px 36px -32px #00000024, 0 30px 70px -32px #00000057 !important;
}

[data-tema="claro"] .consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbar:after {
  opacity: .35;
}

[data-tema="claro"] .consola-module__itjgkW__tCel {
  background: linear-gradient(160deg, #fffffff2, #f6f6faf2) !important;
  border-color: #00000017 !important;
  box-shadow: inset 0 1px #fff, 0 8px 20px -14px #00000038 !important;
}

[data-tema="claro"] .consola-module__itjgkW__tCel .consola-module__itjgkW__tChip {
  background: #121216eb;
  border-radius: 12px;
  padding: 4px;
}

[data-tema="claro"] .consola-module__itjgkW__tCel .consola-module__itjgkW__tTit {
  color: #0c0c10f2;
}

[data-tema="claro"] .consola-module__itjgkW__tCel .consola-module__itjgkW__tSub {
  color: #0c0c1080;
}

[data-tema="claro"] .consola-module__itjgkW__tCelOn {
  background: linear-gradient(160deg, #ffeee4fa, #ffe4d6f0) !important;
  border-color: #f7560280 !important;
}

[data-tema="claro"] .consola-module__itjgkW__wRow {
  background: linear-gradient(160deg, #fffffff2, #f6f6faf2) !important;
  border-color: #00000017 !important;
}

.consola-module__itjgkW__wChip {
  background: none !important;
  border: none !important;
}

.consola-module__itjgkW__wChip .consola-module__itjgkW__tIco {
  mix-blend-mode: normal !important;
}

:is([data-tema="claro"] .consola-module__itjgkW__panelTit, [data-tema="claro"] .consola-module__itjgkW__misTit) {
  color: #0c0c1080;
}

@media (min-width: 900px) {
  .consola-module__itjgkW__caraDorso {
    width: min(880px, 100vw - 40px);
  }

  .consola-module__itjgkW__grid {
    gap: 12px;
    grid-template-columns: repeat(4, 1fr) !important;
  }

  .consola-module__itjgkW__tCel .consola-module__itjgkW__tIco {
    width: 96px;
    height: 96px;
  }

  .consola-module__itjgkW__tCel .consola-module__itjgkW__tChip {
    border-radius: 26px;
    width: 104px;
    height: 104px;
  }

  .consola-module__itjgkW__tCel .consola-module__itjgkW__tTit {
    letter-spacing: -.025em;
    font-size: 16px;
  }

  .consola-module__itjgkW__tCel .consola-module__itjgkW__tSub {
    font-size: var(--fz-micro);
  }

  .consola-module__itjgkW__celCara {
    gap: 12px;
  }

  .consola-module__itjgkW__wRow {
    padding: 14px 16px;
  }
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbar {
  -webkit-backdrop-filter: blur(56px) saturate(180%) !important;
  backdrop-filter: blur(56px) saturate(180%) !important;
  background: linear-gradient(158deg, #14141af7, #0c0c10f2) !important;
}

.consola-module__itjgkW__tCel {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: linear-gradient(160deg, #1e1e26f0, #14141ae6) !important;
}

.consola-module__itjgkW__tCelOn {
  background: linear-gradient(160deg, #f756023d, #f756021c) !important;
}

.consola-module__itjgkW__wRow {
  background: linear-gradient(160deg, #1c1c24eb, #121218e0) !important;
}

[data-tema="claro"] .consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbar {
  background: linear-gradient(158deg, #fffffff2, #fafafdf2) !important;
}

[data-tema="claro"] .consola-module__itjgkW__tCel {
  background: linear-gradient(160deg, #fffffff2, #f6f6faf2) !important;
}

[data-tema="claro"] .consola-module__itjgkW__wRow {
  background: linear-gradient(160deg, #fffffff2, #f6f6faf2) !important;
}

.consola-module__itjgkW__invitarC {
  cursor: pointer;
  min-height: 44px;
  font-family: var(--i);
  letter-spacing: -.01em;
  color: #0e0e12;
  background: linear-gradient(147deg, #f4f5f8 0%, #c9ccd6 38%, #edeff3 62%, #a9aebc 100%);
  border: 1px solid #ffffff80;
  border-radius: 999px;
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-size: 12.5px;
  font-weight: 700;
  display: inline-flex;
  box-shadow: inset 0 1px #fffffff2, inset 0 -4px 8px #5a5f7352, 0 10px 24px -12px #000000b8, 0 0 0 1px #f7560238;
}

.consola-module__itjgkW__invitarC svg {
  color: #0e0e12;
  opacity: .86;
}

.consola-module__itjgkW__invitarC:hover {
  filter: brightness(1.05);
}

.consola-module__itjgkW__invitarCTx {
  white-space: nowrap;
}

@media (max-width: 430px) {
  .consola-module__itjgkW__invitarC {
    padding: 0 12px;
    font-size: 12.5px;
  }
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbar {
  position: relative;
  overflow: hidden;
  -webkit-backdrop-filter: blur(64px) saturate(240%) brightness(1.14) !important;
  backdrop-filter: blur(64px) saturate(240%) brightness(1.14) !important;
  background: linear-gradient(157deg, #18182038, #0c0c1257) !important;
  border: 1px solid #ffffff38 !important;
  box-shadow: inset 0 1px #ffffff57, inset 0 -22px 44px -30px #ffffff24, 0 50px 110px -34px #000000f2 !important;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbar:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(118deg, #0000 0%, #ffffff17 26%, #ffffff05 40%, #0000 58%);
  position: absolute;
  inset: 0;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbarTop, .consola-module__itjgkW__caraDorso .consola-module__itjgkW__grid, .consola-module__itjgkW__caraDorso .consola-module__itjgkW__lista {
  z-index: 1;
  position: relative;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tCel {
  -webkit-backdrop-filter: blur(22px) saturate(170%);
  backdrop-filter: blur(22px) saturate(170%);
  box-shadow: inset 0 1px #ffffff57, inset 0 -14px 26px -20px #00000080;
  background: linear-gradient(160deg, #ffffff17, #ffffff09) !important;
  border: 1px solid #ffffff24 !important;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tCel:hover {
  border-color: #ffffff38 !important;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tCelOn {
  background: linear-gradient(160deg, #f7560233, #f7560212) !important;
  border-color: #f756026b !important;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__wRow {
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  backdrop-filter: blur(12px) saturate(140%);
  box-shadow: inset 0 1px #ffffff38;
  background: linear-gradient(160deg, #ffffff0f, #ffffff05) !important;
  border: 1px solid #ffffff24 !important;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tCel .consola-module__itjgkW__tChip {
  max-width: 106px;
  max-height: 106px;
  width: 54% !important;
  height: 54% !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tCel .consola-module__itjgkW__tIco {
  object-fit: contain;
  filter: drop-shadow(0 8px 20px #00000080);
  mix-blend-mode: normal !important;
  width: 100% !important;
  height: 100% !important;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__celCara {
  justify-content: center;
  gap: 4px;
  padding: 8px 8px 12px;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tCel .consola-module__itjgkW__tTit {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  line-height: 1.08;
  overflow: hidden;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tCel .consola-module__itjgkW__tSub {
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: .72;
  max-width: 100%;
  line-height: 1.08;
  overflow: hidden;
}

[data-tema="claro"] .consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbar {
  background: linear-gradient(157deg, #ffffff80, #f6f6fa80) !important;
  border: 1px solid #ffffffb8 !important;
  box-shadow: inset 0 1px #fffffff2, 0 50px 110px -34px #00000057 !important;
}

[data-tema="claro"] .consola-module__itjgkW__caraDorso .consola-module__itjgkW__tCel {
  background: linear-gradient(160deg, #ffffffb8, #ffffff57) !important;
  border: 1px solid #0000000f !important;
}

[data-tema="claro"] .consola-module__itjgkW__caraDorso .consola-module__itjgkW__wRow {
  background: linear-gradient(160deg, #ffffff80, #ffffff57) !important;
  border: 1px solid #0000000f !important;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tCel .consola-module__itjgkW__tTit, .consola-module__itjgkW__caraDorso .consola-module__itjgkW__wRow b, .consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbarTop {
  text-shadow: 0 1px 3px #000000f2, 0 0 12px #00000080;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tCel .consola-module__itjgkW__tSub, .consola-module__itjgkW__caraDorso .consola-module__itjgkW__wRow span {
  text-shadow: 0 1px 3px #000000b8;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__celBtn {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #00000057 !important;
  border: 1px solid #ffffff24 !important;
}

[data-tema="claro"] .consola-module__itjgkW__caraDorso .consola-module__itjgkW__tCel .consola-module__itjgkW__tTit {
  text-shadow: 0 1px 2px #fffffff2;
}

[data-tema="claro"] .consola-module__itjgkW__caraDorso .consola-module__itjgkW__wRow b {
  text-shadow: 0 1px 2px #fffffff2;
}

[data-tema="claro"] .consola-module__itjgkW__caraDorso .consola-module__itjgkW__tCel .consola-module__itjgkW__tSub {
  text-shadow: 0 1px 2px #fffffff2;
}

[data-tema="claro"] .consola-module__itjgkW__caraDorso .consola-module__itjgkW__wRow span {
  text-shadow: 0 1px 2px #fffffff2;
}

[data-tema="claro"] .consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbarTop {
  text-shadow: 0 1px 2px #fffffff2;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tapbar {
  -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
  backdrop-filter: blur(10px) saturate(150%) !important;
  background: #ffffff0a !important;
  border: 1px solid #ffffff17 !important;
  box-shadow: inset 0 1px #ffffff24, 0 30px 70px -30px #000000b8 !important;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tCel {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  animation: .34s cubic-bezier(.2, 1.1, .35, 1) both consola-module__itjgkW__celEntra;
  animation-delay: calc(var(--i, 0) * 35ms + 40ms);
  box-shadow: none !important;
  background: #ffffff0f !important;
  border: 1px solid #ffffff17 !important;
}

@keyframes consola-module__itjgkW__celEntra {
  from {
    opacity: 0;
    transform: scale(.86)translateY(16px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__tCelOn {
  background: #ffffff24 !important;
  border: 1px solid #ffffff57 !important;
}

.consola-module__itjgkW__caraDorso .consola-module__itjgkW__wRow {
  box-shadow: none !important;
  background: #ffffff0f !important;
  border: 1px solid #ffffff17 !important;
}

.consola-module__itjgkW__misFila {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.consola-module__itjgkW__editar {
  cursor: pointer;
  min-height: 34px;
  font-family: var(--m);
  font-size: var(--fz-micro);
  text-transform: uppercase;
  letter-spacing: .09em;
  color: #ffffff80;
  background: #ffffff0f;
  border: 1px solid #ffffff17;
  border-radius: 999px;
  padding: 8px 16px;
  font-weight: 700;
}

.consola-module__itjgkW__editar:hover {
  color: #fffffff2;
}

.consola-module__itjgkW__editarOn {
  color: var(--on-acc);
  background: var(--acc-grad);
  box-shadow: var(--acc-gloss);
  border-color: #0000;
}

.consola-module__itjgkW__tCelEd {
  animation: 2.4s ease-in-out infinite consola-module__itjgkW__celTiembla;
}

@keyframes consola-module__itjgkW__celTiembla {
  0%, 100% {
    transform: rotate(-.5deg);
  }

  50% {
    transform: rotate(.5deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .consola-module__itjgkW__caraDorso .consola-module__itjgkW__tCel, .consola-module__itjgkW__tCelEd {
    animation: none;
  }
}

.consola-module__itjgkW__veloPanel {
  z-index: 58;
  opacity: 0;
  pointer-events: none;
  -webkit-backdrop-filter: blur(34px) saturate(140%);
  backdrop-filter: blur(34px) saturate(140%);
  background: #07070af2;
  transition: opacity .26s cubic-bezier(.2, .7, .3, 1);
  position: fixed;
  inset: 0;
}

.consola-module__itjgkW__veloOn {
  opacity: 1;
  pointer-events: auto;
}

[data-tema="claro"] .consola-module__itjgkW__veloPanel {
  background: #f8f8fbf2;
}

.consola-module__itjgkW__deteniendo {
  color: #12131a !important;
  background: linear-gradient(150deg, #f2f4f9, #cdd2de) !important;
}

.consola-module__itjgkW__deteniendo svg {
  animation: .34s cubic-bezier(.2, .9, .3, 1) consola-module__itjgkW__cmGiro;
}

@keyframes consola-module__itjgkW__cmGiro {
  from {
    opacity: 0;
    transform: rotate(-90deg)scale(.6);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .consola-module__itjgkW__deteniendo svg {
    animation: none;
  }
}

.consola-module__itjgkW__soltando {
  border-color: var(--acc-edge) !important;
  box-shadow: 0 0 0 2px var(--acc-tint) inset !important;
}

.consola-module__itjgkW__filaVoz {
  align-items: center;
  gap: 12px;
  min-height: 44px;
  animation: .26s cubic-bezier(.2, .9, .3, 1) consola-module__itjgkW__cmVoz;
  display: flex;
}

@keyframes consola-module__itjgkW__cmVoz {
  from {
    opacity: 0;
    transform: scale(.98);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.consola-module__itjgkW__ondaCaja {
  flex: 1;
  align-items: center;
  min-width: 0;
  height: 34px;
  display: flex;
}

.consola-module__itjgkW__vozNota {
  font-family: var(--m);
  font-size: var(--fz-micro);
  color: var(--tx3);
  letter-spacing: .04em;
}

.consola-module__itjgkW__vozX {
  cursor: pointer;
  width: 44px;
  height: 44px;
  color: var(--tx2);
  background: var(--sup2);
  border: 1px solid var(--line2);
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: grid;
}

.consola-module__itjgkW__vozX:hover {
  color: var(--tx);
}

.consola-module__itjgkW__vozOk {
  cursor: pointer;
  width: 44px;
  height: 44px;
  color: var(--on-acc);
  background: var(--acc-grad);
  box-shadow: var(--acc-gloss);
  border: none;
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: grid;
}

.consola-module__itjgkW__vozOk:hover {
  filter: brightness(1.06);
}

.consola-module__itjgkW__vozError {
  color: var(--acc-light);
  margin-top: 8px;
  font-size: 12.5px;
  line-height: 1.45;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .consola-module__itjgkW__filaVoz {
    animation: none;
  }
}

.consola-module__itjgkW__caraDorso:not(.consola-module__itjgkW__dorsoAbierto) {
  content-visibility: hidden;
}

.consola-module__itjgkW__caraDorso:not(.consola-module__itjgkW__dorsoAbierto) .consola-module__itjgkW__tCel, .consola-module__itjgkW__caraDorso:not(.consola-module__itjgkW__dorsoAbierto) .consola-module__itjgkW__wRow, .consola-module__itjgkW__caraDorso:not(.consola-module__itjgkW__dorsoAbierto) .consola-module__itjgkW__tapbar, .consola-module__itjgkW__veloPanel:not(.consola-module__itjgkW__veloOn) {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.consola-module__itjgkW__foco1, .consola-module__itjgkW__foco2, .consola-module__itjgkW__foco3 {
  will-change: transform,opacity;
  contain: strict;
}

@media (prefers-reduced-motion: reduce) {
  .consola-module__itjgkW__foco1, .consola-module__itjgkW__foco2, .consola-module__itjgkW__foco3 {
    animation: none !important;
  }
}

.consola-module__itjgkW__muelle {
  transition: transform .2s cubic-bezier(.2, .8, .3, 1);
}

.consola-module__itjgkW__conTeclado {
  padding-top: 16px;
  padding-bottom: 8px;
}

@media (prefers-reduced-motion: reduce) {
  .consola-module__itjgkW__muelle {
    transition: none;
  }
}

.consola-module__itjgkW__consola {
  isolation: isolate;
  position: relative;
  -webkit-backdrop-filter: blur(22px) saturate(190%) brightness(1.05) !important;
  backdrop-filter: blur(22px) saturate(190%) brightness(1.05) !important;
  background: linear-gradient(158deg, #ffffff0d 0%, #ffffff04 44%, #00000038 100%) !important;
  border: 1px solid #0000 !important;
  box-shadow: inset 0 1px #ffffff4d, inset 1px 0 #ffffff14, inset -1px 0 #ffffff0f, inset 0 -1px #ffffff05, inset 0 3px 7px -4px #ffffff42, 0 1px 2px #000000e6, 0 26px 56px -22px #000000f2, 0 18px 44px -26px #f7560229 !important;
}

.consola-module__itjgkW__consola:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(158deg, #ffffff1c 0%, #ffffff08 16%, #0000 34%);
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0%, #0000 48%);
  mask-image: linear-gradient(#000 0%, #0000 48%);
}

.consola-module__itjgkW__consola:focus-within {
  transition: box-shadow var(--mov-normal) var(--curva-suave),
             backdrop-filter var(--mov-normal) var(--curva-suave);
  -webkit-backdrop-filter: blur(26px) saturate(210%) brightness(1.1) !important;
  backdrop-filter: blur(26px) saturate(210%) brightness(1.1) !important;
  box-shadow: inset 0 1px #ffd6b46b, inset 1px 0 #ffffff1c, inset -1px 0 #ffffff17, inset 0 -1px #ff8c3c1a, inset 0 4px 10px -4px #ffffff52, 0 1px 2px #000000e6, 0 30px 64px -24px #000000f2, 0 20px 48px -24px #f7560242 !important;
}

.consola-module__itjgkW__caraDorso {
  contain: layout size style;
  pointer-events: none;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

.consola-module__itjgkW__caraDorso.consola-module__itjgkW__dorsoAbierto {
  pointer-events: auto !important;
  visibility: visible !important;
  contain: none !important;
  height: auto !important;
  overflow: visible !important;
}

.consola-module__itjgkW__foco1, .consola-module__itjgkW__foco2, .consola-module__itjgkW__foco3 {
  will-change: transform,opacity;
  contain: strict;
  transform: translateZ(0);
  transition: opacity var(--t-medio, .42s) ease !important;
}

.consola-module__itjgkW__brillo {
  will-change: transform,opacity;
  contain: strict;
  transition: opacity .3s !important;
}

.consola-module__itjgkW__tIco {
  transition: transform var(--t-rapido, .2s) var(--e-suave) !important;
}

@media (prefers-reduced-motion: reduce) {
  .consola-module__itjgkW__foco1, .consola-module__itjgkW__foco2, .consola-module__itjgkW__foco3, .consola-module__itjgkW__brillo {
    animation: none !important;
  }
}

.consola-module__itjgkW__caraDorso, .consola-module__itjgkW__caraDorso * {
  pointer-events: none !important;
}

.consola-module__itjgkW__caraDorso.consola-module__itjgkW__dorsoAbierto, .consola-module__itjgkW__caraDorso.consola-module__itjgkW__dorsoAbierto * {
  pointer-events: auto !important;
}

.consola-module__itjgkW__celCara, .consola-module__itjgkW__wRow, .consola-module__itjgkW__tCel {
  transition: transform 90ms cubic-bezier(.2, .8, .3, 1), box-shadow 90ms cubic-bezier(.2, .8, .3, 1), filter 90ms linear;
}

.consola-module__itjgkW__celCara[data-press="1"], .consola-module__itjgkW__wRow[data-press="1"], .consola-module__itjgkW__tCel[data-press="1"], .consola-module__itjgkW__celCara:active, .consola-module__itjgkW__wRow:active, .consola-module__itjgkW__tCel:active {
  filter: brightness(.95);
  transform: translateY(1.5px)scale(.982);
  box-shadow: inset 0 1px #ffffff17, inset 0 5px 11px -4px #0009, 0 0 1px #000000f2 !important;
}

.consola-module__itjgkW__celCara:not([data-press="1"]):not(:active), .consola-module__itjgkW__wRow:not([data-press="1"]):not(:active), .consola-module__itjgkW__tCel:not([data-press="1"]):not(:active) {
  transition: transform .38s cubic-bezier(.2, 1.15, .35, 1), box-shadow .3s cubic-bezier(.2, .8, .3, 1), filter .22s linear;
}

.consola-module__itjgkW__wSw, .consola-module__itjgkW__sw {
  transition: background .22s cubic-bezier(.2, .8, .3, 1), box-shadow .22s cubic-bezier(.2, .8, .3, 1);
}

.consola-module__itjgkW__wSw[data-press="1"], .consola-module__itjgkW__sw[data-press="1"] {
  transform: scale(.96);
}

.consola-module__itjgkW__wSw:after, .consola-module__itjgkW__sw:after {
  transition: transform .34s cubic-bezier(.2, 1.2, .35, 1) !important;
}

@media (prefers-reduced-motion: reduce) {
  .consola-module__itjgkW__celCara, .consola-module__itjgkW__wRow, .consola-module__itjgkW__tCel, .consola-module__itjgkW__wSw {
    transition: none;
  }

  .consola-module__itjgkW__celCara:active, .consola-module__itjgkW__wRow:active, .consola-module__itjgkW__tCel:active {
    transform: none;
  }
}

.consola-module__itjgkW__redondo[data-press="1"] {
  transform: translateY(1.5px)scale(.955);
}

:is(.vl-compartir[data-press="1"], .consola-module__itjgkW__compartirBtn[data-press="1"]) {
  filter: brightness(1.06) saturate(1.1);
  transform: translateY(1px)scale(.978);
}

.consola-module__itjgkW__redondo[data-cargando="1"], .consola-module__itjgkW__celCara[data-cargando="1"], .consola-module__itjgkW__wRow[data-cargando="1"] {
  animation: .48s cubic-bezier(.3, .1, .5, 1) forwards consola-module__itjgkW__cmCarga;
}

@keyframes consola-module__itjgkW__cmCarga {
  from {
    box-shadow: inset 0 0 0 0 var(--acc-tint);
  }

  to {
    box-shadow: inset 0 0 0 2px var(--acc-edge);
  }
}

.consola-module__itjgkW__redondo[data-largo="1"], .consola-module__itjgkW__celCara[data-largo="1"], .consola-module__itjgkW__wRow[data-largo="1"] {
  box-shadow: inset 0 0 0 2px var(--acc) !important;
}

:is([data-haptico="real"] .consola-module__itjgkW__celCara[data-press="1"], [data-haptico="real"] .consola-module__itjgkW__wRow[data-press="1"], [data-haptico="real"] .consola-module__itjgkW__redondo[data-press="1"]) {
  filter: none;
  transform: translateY(1px)scale(.982);
}

:is([data-haptico="visual"] .consola-module__itjgkW__celCara[data-press="1"], [data-haptico="visual"] .consola-module__itjgkW__wRow[data-press="1"]) {
  filter: brightness(.93);
  transform: translateY(2px)scale(.975);
}

@media (prefers-reduced-motion: reduce) {
  .consola-module__itjgkW__redondo[data-cargando="1"], .consola-module__itjgkW__celCara[data-cargando="1"], .consola-module__itjgkW__wRow[data-cargando="1"] {
    animation: none;
  }
}

@media (min-width: 901px) {
  .consola-module__itjgkW__muelle {
    padding: 8px 28px 18px calc(var(--rail-w) + 28px);
    pointer-events: none;
    background: linear-gradient(#0000 0% 55%, #0a0a0c8c 100%);
  }

  .consola-module__itjgkW__muelle > * {
    pointer-events: auto;
  }

  .consola-module__itjgkW__consola {
    border-radius: 22px;
    width: min(560px, 100%);
  }

  .consola-module__itjgkW__dentro {
    padding: 10px 14px 8px;
  }

  .consola-module__itjgkW__fila {
    gap: 8px;
  }

  .consola-module__itjgkW__muelle:not(.consola-module__itjgkW__enHilo) {
    display: none;
  }
}

/* [project]/components/compartir.module.css [app-client] (css) */
:root {
  --cp-1: #8b5cf6;
  --cp-2: #a855f7;
  --cp-3: #6d28d9;
  --cp-tx: #f3e8ff;
}

.compartir-module__tcTODq__base {
  isolation: isolate;
  cursor: pointer;
  min-height: 44px;
  font-family: var(--i);
  color: var(--cp-tx);
  transition: transform var(--t-toque) var(--e-resorte),
             border-color var(--t-rapido) var(--e-suave),
             box-shadow var(--t-rapido) var(--e-suave);
  background: radial-gradient(120% 160% at 20% 0, #a855f74d, #0000 62%), linear-gradient(148deg, #2b144aeb, #1a0c2ef0);
  border: 1px solid #a855f79e;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #e9d5ff47, inset 0 -5px 12px #581c8752, 0 0 0 1px #8b5cf61f, 0 8px 22px -14px #8b5cf673;
}

.compartir-module__tcTODq__base:hover {
  border-color: #c484fcb8;
  box-shadow: inset 0 1px #e9d5ff57, inset 0 -5px 12px #581c8761, 0 0 0 1px #a855f72e, 0 10px 26px -14px #a855f780;
}

.compartir-module__tcTODq__base:active {
  transform: scale(.965);
}

.compartir-module__tcTODq__base:before {
  content: "";
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  filter: blur(10px);
  background: radial-gradient(42% 70% at 22% 30%, #c484fc52, #0000 60%) 0 0 / 180% 180%, radial-gradient(38% 64% at 78% 74%, #6d28d961, #0000 62%) 0 0 / 180% 180%;
  animation: 11s cubic-bezier(.45, .05, .55, .95) infinite compartir-module__tcTODq__cpAurora;
  position: absolute;
  inset: 0;
}

@keyframes compartir-module__tcTODq__cpAurora {
  0% {
    opacity: .72;
    background-position: 0 0, 100% 100%;
  }

  33% {
    opacity: 1;
    background-position: 38% 22%, 62% 70%;
  }

  66% {
    opacity: .82;
    background-position: 12% 68%, 88% 24%;
  }

  100% {
    opacity: .72;
    background-position: 0 0, 100% 100%;
  }
}

.compartir-module__tcTODq__base:after {
  content: "";
  border-radius: inherit;
  z-index: -1;
  background: radial-gradient(72% 130% at 50% 118%, #a855f76b, #0000 72%);
  animation: 7s ease-in-out infinite compartir-module__tcTODq__cpRespirar;
  position: absolute;
  inset: -2px;
}

@keyframes compartir-module__tcTODq__cpRespirar {
  0% {
    opacity: .22;
    transform: scale(.99);
  }

  50% {
    opacity: .48;
    transform: scale(1.012);
  }

  100% {
    opacity: .22;
    transform: scale(.99);
  }
}

.compartir-module__tcTODq__brillo {
  z-index: 1;
  pointer-events: none;
  opacity: .85;
  background: linear-gradient(100deg, #f3e8ff05 0%, #f3e8ff42 34%, #f3e8ff0d 52%, #f3e8ff33 74%, #f3e8ff05 100%) 0 0 / 260% 100%;
  border-radius: 999px 999px 40% 40% / 999px 999px 22% 22%;
  height: 55%;
  animation: 13s ease-in-out infinite compartir-module__tcTODq__cpReflejo;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

@keyframes compartir-module__tcTODq__cpReflejo {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 100% 0;
  }

  100% {
    background-position: 0 0;
  }
}

.compartir-module__tcTODq__late:after {
  animation: .85s cubic-bezier(.22, 1.2, .36, 1) compartir-module__tcTODq__cpSoltar;
}

@keyframes compartir-module__tcTODq__cpSoltar {
  0% {
    opacity: 1;
    transform: scale(1.16);
  }

  55% {
    opacity: .7;
    transform: scale(.96);
  }

  100% {
    opacity: .34;
    transform: scale(.97);
  }
}

.compartir-module__tcTODq__late {
  border-color: #e9d5fff2;
}

.compartir-module__tcTODq__cuerpo {
  z-index: 2;
  align-items: center;
  gap: 9px;
  display: inline-flex;
  position: relative;
}

.compartir-module__tcTODq__cuerpo svg {
  color: #d8b4fe;
  filter: drop-shadow(0 0 3px #a855f759);
}

.compartir-module__tcTODq__tx {
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.08;
  display: flex;
}

.compartir-module__tcTODq__t1 {
  letter-spacing: -.015em;
  font-size: 13.5px;
  font-weight: 700;
}

.compartir-module__tcTODq__t2 {
  font-style: normal;
  font-size: var(--fz-micro);
  color: #d8b4fed1;
  font-weight: 600;
}

.compartir-module__tcTODq__compose {
  padding: 0 16px;
}

.compartir-module__tcTODq__compose .compartir-module__tcTODq__t2 {
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
  max-width: 72px;
  display: inline-block;
  overflow: hidden;
}

.compartir-module__tcTODq__linea {
  width: 100%;
  min-height: 48px;
  padding: 0 20px;
}

.compartir-module__tcTODq__linea .compartir-module__tcTODq__t1 {
  font-size: 15px;
}

.compartir-module__tcTODq__icono {
  border-radius: 50%;
  width: 44px;
  height: 44px;
  padding: 0;
}

.compartir-module__tcTODq__icono .compartir-module__tcTODq__cuerpo {
  gap: 0;
}

@media (max-width: 430px) {
  .compartir-module__tcTODq__compose {
    flex: auto;
    min-width: 0;
    max-width: none;
    padding: 0 11px 0 10px;
  }

  .compartir-module__tcTODq__compose .compartir-module__tcTODq__t1 {
    font-size: 12.5px;
  }

  .compartir-module__tcTODq__compose .compartir-module__tcTODq__t2 {
    display: none;
  }

  .compartir-module__tcTODq__cuerpo {
    gap: 7px;
  }
}

@media (max-width: 360px) {
  .compartir-module__tcTODq__compose .compartir-module__tcTODq__t1 {
    font-size: 12px;
  }

  .compartir-module__tcTODq__compose {
    padding: 0 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .compartir-module__tcTODq__base:before, .compartir-module__tcTODq__base:after, .compartir-module__tcTODq__brillo {
    animation: none;
  }

  .compartir-module__tcTODq__base:after {
    opacity: .55;
  }

  .compartir-module__tcTODq__brillo {
    opacity: .35;
  }

  .compartir-module__tcTODq__base:active {
    transform: none;
  }
}

[data-tema="claro"] .compartir-module__tcTODq__base {
  color: #2e1065;
  background: radial-gradient(120% 160% at 20% 0, #d8b4fee6, #0000 62%), linear-gradient(148deg, #ede9fe, #ddd6fe);
  border-color: #7c3aed80;
  box-shadow: inset 0 1px #fffffff2, inset 0 -6px 14px #8b5cf633, 0 12px 30px -16px #6d28d98c;
}

[data-tema="claro"] .compartir-module__tcTODq__base:before {
  opacity: .55;
}

[data-tema="claro"] .compartir-module__tcTODq__cuerpo svg {
  color: #6d28d9;
  filter: none;
}

[data-tema="claro"] .compartir-module__tcTODq__t2 {
  color: #4c1d95b8;
}

.compartir-module__tcTODq__brillo {
  will-change: transform,opacity;
  contain: strict;
}

@media (prefers-reduced-motion: reduce) {
  .compartir-module__tcTODq__brillo {
    animation: none !important;
  }
}

/* [project]/components/splash.module.css [app-client] (css) */
.splash-module__v-OqAG__velo {
  z-index: 200;
  perspective: 1100px;
  --mx: 0;
  --my: 0;
  animation: splash-module__v-OqAG__velo-out .62s var(--e-firme) forwards;
  pointer-events: none;
  background: #000;
  place-items: center;
  animation-delay: 3.6s;
  display: grid;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.splash-module__v-OqAG__velo[data-omitir="1"] {
  animation-delay: 0s;
}

@keyframes splash-module__v-OqAG__velo-out {
  to {
    opacity: 0;
    visibility: hidden;
    filter: blur(6px);
    transform: scale(1.06);
  }
}

.splash-module__v-OqAG__velo {
  contain: layout size style;
}

.splash-module__v-OqAG__halo {
  pointer-events: none;
  transform: translate3d(calc(var(--mx)*14px),calc(var(--my)*14px),0);
  opacity: 0;
  animation: splash-module__v-OqAG__halo-in 1.1s var(--e-suave) .15s forwards;
  background: radial-gradient(46% 40% at 50% 42%, #f756024d, #f756020d 46%, #0000 66%), radial-gradient(30% 26% at 62% 30%, #ffffff17, #0000 52%);
  position: absolute;
  inset: 0;
  overflow: hidden;
}

@keyframes splash-module__v-OqAG__halo-in {
  to {
    opacity: 1;
  }
}

.splash-module__v-OqAG__halo:before {
  content: "";
  background: radial-gradient(42% 36% at 50% 44%, #f7560238, #0000 60%);
  animation: 3.2s ease-in-out .8s infinite splash-module__v-OqAG__latido;
  position: absolute;
  inset: 0;
}

@keyframes splash-module__v-OqAG__latido {
  0%, 100% {
    opacity: .55;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

.splash-module__v-OqAG__vig {
  pointer-events: none;
  background: radial-gradient(120% 90% at 50% 45%, #0000 40%, #000000b8 100%);
  position: absolute;
  inset: 0;
}

.splash-module__v-OqAG__centro {
  transform-style: preserve-3d;
  transform: translate3d(calc(var(--mx)*-22px),calc(var(--my)*-22px),0)
            rotateX(calc(var(--my)*4deg)) rotateY(calc(var(--mx)*-4deg));
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.splash-module__v-OqAG__marcaWrap {
  position: relative;
  transform: translateZ(60px);
}

.splash-module__v-OqAG__marca {
  filter: drop-shadow(0 30px 60px #000000f2) drop-shadow(0 0 30px #f7560247);
  opacity: 0;
  width: clamp(128px, 26vw, 196px);
  height: auto;
  animation: splash-module__v-OqAG__marca-nace 1.15s var(--e-firme) .35s forwards;
  display: block;
  transform: scale(.8)translateY(10px);
}

@keyframes splash-module__v-OqAG__marca-nace {
  0% {
    opacity: 0;
    filter: blur(16px) drop-shadow(0 30px 60px #000000f2);
    transform: scale(.8)translateY(10px);
  }

  60% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    filter: blur() drop-shadow(0 30px 60px #000000f2) drop-shadow(0 0 30px #f7560247);
    transform: scale(1)translateY(0);
  }
}

.splash-module__v-OqAG__marcaWrap:after {
  content: "";
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: 0;
  animation: splash-module__v-OqAG__barrido 1.05s var(--e-io) 1.05s forwards;
  background: linear-gradient(74deg, #0000 38%, #fffffff2 50%, #0000 62%);
  position: absolute;
  inset: -6% -30%;
  transform: translateX(-60%);
}

@keyframes splash-module__v-OqAG__barrido {
  0% {
    opacity: 0;
    transform: translateX(-60%);
  }

  30% {
    opacity: .9;
  }

  100% {
    opacity: 0;
    transform: translateX(60%);
  }
}

.splash-module__v-OqAG__copy {
  text-align: center;
  flex-direction: column;
  gap: .28em;
  margin-top: clamp(24px, 5vw, 40px);
  display: flex;
  transform: translateZ(30px);
}

.splash-module__v-OqAG__linea {
  font-family: var(--s);
  letter-spacing: -.03em;
  color: #ffffffb8;
  opacity: 0;
  animation: splash-module__v-OqAG__linea-in .6s var(--e-firme) forwards;
  font-size: clamp(15px, 3.4vw, 21px);
  font-weight: 600;
  line-height: 1.25;
  transform: translateY(9px)translateZ(0);
}

.splash-module__v-OqAG__l1 {
  animation-delay: 1.35s;
}

.splash-module__v-OqAG__l2 {
  animation-delay: 1.78s;
}

.splash-module__v-OqAG__l3 {
  animation-delay: 2.24s;
}

@keyframes splash-module__v-OqAG__linea-in {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.splash-module__v-OqAG__remate {
  color: #fff;
  font-weight: 700;
}

.splash-module__v-OqAG__remate b {
  background: linear-gradient(146deg, #ffb37a 0%, #f75602 52%, #b33c00 100%);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 800;
}

.splash-module__v-OqAG__saltar {
  bottom: max(22px,env(safe-area-inset-bottom));
  text-align: center;
  font-family: var(--m);
  font-size: var(--fz-micro);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #ffffff57;
  opacity: 0;
  animation: .5s 2.7s forwards splash-module__v-OqAG__linea-in;
  position: absolute;
  left: 0;
  right: 0;
}

@media (prefers-reduced-motion: reduce) {
  .splash-module__v-OqAG__velo {
    animation: .3s 1.4s forwards splash-module__v-OqAG__velo-out;
  }

  .splash-module__v-OqAG__halo, .splash-module__v-OqAG__marca, .splash-module__v-OqAG__linea, .splash-module__v-OqAG__saltar {
    animation-duration: .3s !important;
    animation-delay: 50ms !important;
  }

  .splash-module__v-OqAG__marcaWrap:after {
    display: none;
  }

  .splash-module__v-OqAG__halo:before {
    animation: none;
  }
}

.splash-module__v-OqAG__velo {
  pointer-events: none;
}

.splash-module__v-OqAG__velo .splash-module__v-OqAG__saltar {
  cursor: pointer;
  font: inherit;
  background: none;
  border: none;
  pointer-events: auto !important;
}

/* [project]/components/instalar-app.module.css [app-client] (css) */
.instalar-app-module__NSRrLq__anchor {
  left: var(--rail-w);
  right: 0;
  bottom: calc(var(--compose-h) + 12px);
  z-index: 56;
  pointer-events: none;
  transition: opacity .3s var(--e-firme),transform .3s var(--e-firme);
  justify-content: flex-end;
  padding: 0 clamp(16px, 4vw, 28px);
  display: flex;
  position: fixed;
}

body[data-tapbar="1"] .instalar-app-module__NSRrLq__anchor {
  opacity: 0;
  pointer-events: none;
  transform: translateY(16px)scale(.96);
}

.instalar-app-module__NSRrLq__wrap {
  pointer-events: auto;
  border-radius: var(--r-card);
  -webkit-backdrop-filter: blur(30px) saturate(200%);
  backdrop-filter: blur(30px) saturate(200%);
  width: min(400px, 100%);
  animation: instalar-app-module__NSRrLq__toastIn .5s var(--e-firme) both;
  background: #121217b8;
  border: 1px solid #ffffff24;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  display: flex;
  box-shadow: inset 0 1px #ffffff38, 0 24px 54px -22px #000000f2;
}

@keyframes instalar-app-module__NSRrLq__toastIn {
  from {
    opacity: 0;
    transform: translateY(-12px)scale(.98);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

[data-tema="claro"] .instalar-app-module__NSRrLq__wrap {
  background: #ffffffb8;
  border-color: #00000017;
  box-shadow: inset 0 1px #ffffff80, 0 22px 48px -22px #00000057;
}

.instalar-app-module__NSRrLq__logo {
  border: 1px solid var(--line2);
  object-fit: cover;
  border-radius: 9px;
  flex: none;
  width: 34px;
  height: 34px;
}

.instalar-app-module__NSRrLq__copy {
  flex: 1;
  min-width: 0;
}

.instalar-app-module__NSRrLq__t {
  font-family: var(--s);
  color: var(--tx);
  letter-spacing: -.01em;
  font-size: 13.5px;
  font-weight: 700;
  display: block;
}

.instalar-app-module__NSRrLq__d {
  font-size: var(--fz-micro);
  color: var(--tx3);
  margin-top: 1px;
  display: block;
}

.instalar-app-module__NSRrLq__no, .instalar-app-module__NSRrLq__si {
  cursor: pointer;
  font-family: var(--i);
  border: 0;
  flex: none;
}

.instalar-app-module__NSRrLq__no {
  color: var(--tx3);
  background: none;
  padding: 8px 6px;
  font-size: 12.5px;
  font-weight: 600;
}

.instalar-app-module__NSRrLq__si {
  color: #1a0900;
  background: var(--acc-grad);
  box-shadow: var(--acc-gloss);
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 12.5px;
  font-weight: 700;
}

@media (max-width: 900px) {
  .instalar-app-module__NSRrLq__anchor {
    justify-content: center;
    left: 0;
  }
}

@media (max-width: 520px) {
  .instalar-app-module__NSRrLq__anchor {
    padding: 0 8px;
  }

  .instalar-app-module__NSRrLq__wrap {
    align-items: flex-start;
    gap: 8px;
    padding: 9px 10px;
  }

  .instalar-app-module__NSRrLq__d {
    font-size: var(--fz-micro);
    line-height: 1.3;
  }

  .instalar-app-module__NSRrLq__logo {
    width: 32px;
    height: 32px;
  }

  .instalar-app-module__NSRrLq__no {
    padding: 7px 4px;
  }

  .instalar-app-module__NSRrLq__si {
    padding: 8px 12px;
  }
}

/*# sourceMappingURL=_0_0uvca._.css.map*/