@layer components{:root{--papel-fondo:#f8f6f1;--papel-hoja:#fffefb;--papel-gris:#f1efe9;--papel-borde:#e6e1d6;--papel-borde-realce:#d3ccbd;--papel-letra:#141210;--papel-tinta-1:#f0d4c0;--papel-tinta-2:#e8decb;--papel-tinta-3:#f1e2bf;--papel-icono:#2a211a;--papel-puntos:#4a321e29;--papel-encabezado:#f3ece0}.dark{--papel-fondo:#1f1e1c;--papel-hoja:#2a2826;--papel-gris:#302e2b;--papel-borde:#3a3733;--papel-borde-realce:#534e48;--papel-letra:var(--ink);--papel-tinta-1:#4a382c;--papel-tinta-2:#403a32;--papel-tinta-3:#463e2d;--papel-icono:#f3e9dc;--papel-puntos:#fff0dc1a;--papel-encabezado:#262420}.papel{background-color:var(--papel-fondo);--paper:var(--papel-fondo);--paper-2:var(--papel-gris);--panel:var(--papel-hoja);--panel-2:var(--papel-gris);--rule:var(--papel-borde)}body:has(.papel){background-color:var(--papel-fondo);--paper:var(--papel-fondo);--rule:var(--papel-borde)}.encabezado-de-papel{border-bottom:1px solid var(--papel-borde);background-color:var(--papel-encabezado)}.titulo-de-seccion-papel{font-family:var(--font-titulos);letter-spacing:-.022em;color:var(--ink);font-size:clamp(1.625rem,1.3rem + 1vw,2.125rem);font-weight:500;line-height:1.12}.titulo-de-tarjeta-papel{font-family:var(--font-titulos);letter-spacing:-.018em;color:var(--papel-letra);font-size:1.3125rem;font-weight:500;line-height:1.2}.tarjeta-de-papel{border:1px solid var(--papel-borde);background-color:var(--papel-hoja);height:100%;transition:border-color var(--dur-short) ease-out, transform var(--dur-short) ease-out, box-shadow var(--dur-short) ease-out;border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.tarjeta-de-papel:hover{border-color:var(--papel-borde-realce);box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:no-preference){.tarjeta-de-papel:hover{transform:translateY(-2px)}}.cabeza-de-tarjeta{background-color:var(--cabeza-fondo,var(--papel-tinta-1));color:var(--papel-icono);place-items:center;display:grid;position:relative;overflow:hidden}.cabeza-de-tarjeta[data-tinta="2"]{--cabeza-fondo:var(--papel-tinta-2)}.cabeza-de-tarjeta[data-tinta="3"]{--cabeza-fondo:var(--papel-tinta-3)}.cabeza-de-tarjeta:before,.cabeza-de-tarjeta:after{content:"";pointer-events:none;position:absolute;inset:0}.cabeza-de-tarjeta:before{background-image:radial-gradient(var(--papel-puntos) 1px, transparent 1.4px);background-position:7px 7px;background-size:14px 14px;-webkit-mask-image:linear-gradient(90deg,#000,#0000 38% 62%,#000);mask-image:linear-gradient(90deg,#000,#0000 38% 62%,#000)}.cabeza-de-tarjeta:after{opacity:.55;mix-blend-mode:soft-light;background-image:url(/fondos/grano.webp);background-size:256px 256px}.cabeza-de-tarjeta>*{z-index:1;position:relative}:root{--guias-naranja:var(--naranja-hondo);--guias-hoja:var(--papel-hoja);--guias-gris:var(--papel-gris);--guias-borde-realce:var(--papel-borde-realce);--guias-icono:var(--papel-icono);--guias-nivel-introduccion:var(--papel-gris);--guias-nivel-avanzada:color-mix(in oklab, var(--naranja-vivo) 13%, var(--papel-hoja))}.dark{--guias-nivel-avanzada:color-mix(in oklab, var(--naranja-vivo) 22%, var(--papel-hoja))}.guias{--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)}.guias .on-deep{--focus:var(--naranja-claro)}}