@layer components{:root{--guias-naranja:var(--naranja-hondo);--guias-gris:#f4f4f5;--guias-tapa:#fafafa;--guias-borde:#e4e4e7;--guias-borde-realce:#d4d4d8;--guias-letra:#111;--guias-nivel-introduccion:var(--guias-gris);--guias-nivel-avanzada:color-mix(in oklab, var(--naranja-vivo) 13%, var(--background))}.dark{--guias-gris:#1c1d22;--guias-tapa:#17181c;--guias-borde:#2b2d34;--guias-borde-realce:#484b55;--guias-letra:var(--ink);--guias-nivel-avanzada:color-mix(in oklab, var(--naranja-vivo) 22%, var(--background))}:has(>.fondo-de-hero){--guias-nivel-introduccion:var(--hero-velo);--guias-nivel-avanzada:var(--hero-velo)}.pagina-de-guia,.banda-de-la-cuenta{--focus:var(--naranja-tinta);--ring:var(--naranja-tinta);--cta-face:var(--guias-naranja);--cta-ink:var(--blanco);--cta-face-hover:color-mix(in oklab, var(--guias-naranja) 84%, black);--cta-ink-hover:var(--blanco)}.pagina-de-guia .on-deep{--focus:var(--naranja-claro)}}