.bienvenida-intro{z-index:100;text-align:center;cursor:pointer;background:var(--canvas-home);grid-template-columns:minmax(0,auto);place-content:safe center;justify-items:center;gap:28px;padding:24px 24px 96px;display:grid;position:fixed;inset:0;overflow:hidden}.bienvenida-intro:before,.bienvenida-intro:after{content:"";z-index:-1;border-radius:var(--r-pill);background:var(--on-hero-glass);width:240px;height:150px;box-shadow:inset 0 1px 0 var(--on-hero-glass-edge);pointer-events:none;position:absolute}.bienvenida-intro:before{opacity:.7;top:12%;right:-90px}.bienvenida-intro:after{opacity:.45;bottom:14%;left:-110px}.bienvenida-intro>*{position:relative}.bienvenida-intro-word{color:var(--on-hero);font-size:var(--t-intro);letter-spacing:-.045em;text-shadow:var(--shadow-cta);font-weight:700;line-height:.95}.bienvenida-intro-percent{border-radius:var(--r-pill);background:var(--on-hero-glass);box-shadow:inset 0 1px 0 var(--on-hero-glass-edge);color:var(--on-hero);font-size:var(--t-ui);font-variant-numeric:tabular-nums;padding:10px 20px;font-weight:600}.bienvenida-intro-brand{left:0;right:0;bottom:max(32px, env(safe-area-inset-bottom));font-size:var(--t-caption);color:var(--on-hero-muted);font-weight:600;position:absolute}.bienvenida-intro-brand-tagline{white-space:nowrap;font-weight:500}@media (max-width:359px){.bienvenida-intro-brand-tagline{display:block}.bienvenida-intro-brand-dot{display:none}}.onboarding-start-hint{animation:2.4s ease-in-out infinite start-hint-breathe}.onboarding-start-hint-touch{display:none}@media (hover:none),(pointer:coarse){.onboarding-start-hint-touch{display:inline}.onboarding-start-hint-keys{display:none}}@keyframes start-hint-breathe{50%{opacity:.85}}@media (prefers-reduced-motion:reduce){.onboarding-start-hint{animation:none}}.onboarding-start-tap.is-starting .onboarding-start-hint{animation:none}.onboarding-start-tap.is-starting .onboarding-start-hint>span{display:none}.onboarding-start-tap.is-starting .onboarding-start-hint:after{counter-reset:start-wait var(--start-wait,0);content:counter(start-wait) "%"}.onboarding-start-tap.has-account-link{padding-bottom:160px}.onboarding-start-tap.has-account-link .bienvenida-intro-brand{bottom:calc(max(20px, env(safe-area-inset-bottom)) + 64px)}.learner-theme.onboarding-start-account{z-index:101;left:50%;bottom:max(20px, env(safe-area-inset-bottom));max-width:calc(100vw - 32px);min-height:48px;padding:0 var(--sp-5);border:2px solid var(--on-hero);border-radius:var(--r-pill);white-space:nowrap;color:var(--on-hero);font-size:var(--t-ui);background:var(--on-hero-glass-strong);justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;transform:translate(-50%)}.onboarding-start-account:focus-visible{outline:2px solid var(--on-hero);outline-offset:3px}.onboarding-start-tap.is-starting+.onboarding-start-account{display:none}
.hero-explanation{text-align:center;text-wrap:balance;width:100%;max-width:880px;padding-inline:4px;position:relative;container-type:inline-size}.hero-reveal{cursor:pointer}.hero-explanation>.card-listen{color:var(--on-hero);top:calc(100% + 16px);left:50%;right:auto;translate:-50%}.hero-explanation>.card-listen:hover{background:color-mix(in oklch, var(--on-hero) 16%, transparent)}.hero-reveal-paragraph{color:var(--on-hero);line-height:1.15}.hero-reveal-tail{white-space:nowrap}.hero-reveal-paragraph+.hero-reveal-paragraph{margin-top:var(--sp-4)}.hero-question{font-size:min(var(--t-sentence), 3.8dvh, 100cqi / (var(--keep-ch,1) * .54));font-weight:700;line-height:1.25}.hero-punch{font-size:min(var(--t-statement), 5dvh, 100cqi / (var(--keep-ch,1) * .54));letter-spacing:-.02em;font-weight:800}.hero-reveal-paragraph--dims{animation:hero-dim var(--m-enter) var(--ease-out) var(--dim-delay,0s) forwards}@keyframes hero-dim{to{color:var(--on-hero-muted)}}.hero-reveal[data-skip=true] .hero-reveal-paragraph[data-dim=true]{color:var(--on-hero-muted)}.hero-reveal-word{animation:fade-in var(--m-enter) var(--ease-out) backwards;display:inline-block}.hero-reveal-word--shown{animation:none}.hero-reveal-word--pending{opacity:0;animation:none}@media (max-height:560px){.hero-question{font-size:min(var(--t-body), 100cqi / (var(--keep-ch,1) * .54))}.hero-punch{font-size:min(var(--t-sentence), 100cqi / (var(--keep-ch,1) * .54))}}.hero-lang[data-language=es]{color:var(--lang-es-on-hero);font-weight:500}.hero-lang[data-language=en]{color:var(--lang-en-on-hero)}.hero-explanation .lesson-explanation-image{width:auto;padding:var(--sp-3);border-radius:var(--r-lg);background:var(--surface-writing);display:block}.hero-explanation .lesson-explanation-image[data-image-step=shrink]{max-height:max(16dvh,170px)}.hero-explanation .spelled kbd{border-color:var(--on-hero-muted);background:var(--on-hero-glass);box-shadow:inset 0 -2px 0 var(--on-hero-glass)}