:root{--fondo: #f4f1ea;--superficie: #fffdf8;--tinta: #1d2433;--tenue: #636a7c;--linea: #d3cdc0;--acento: #2b4c7e;--acento-tinta: #ffffff;--error: #b3261e;--prefijo: #17695f;--raiz: #2b4c7e;--sufijo: #8f3566;--sombra: 0 1px 2px rgb(30 30 40 / .06), 0 8px 24px rgb(30 30 40 / .07);color-scheme:light}:root[data-theme=dark]{--fondo: #14171f;--superficie: #1c2029;--tinta: #e7e9ef;--tenue: #9aa1b2;--linea: #363c4a;--acento: #8fb3ee;--acento-tinta: #10131a;--error: #ff8a80;--prefijo: #5fc9ba;--raiz: #8fb3ee;--sufijo: #e58bbb;--sombra: 0 1px 2px rgb(0 0 0 / .3), 0 8px 24px rgb(0 0 0 / .25);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--fondo);color:var(--tinta);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.55;-webkit-tap-highlight-color:transparent}a{color:var(--acento);text-underline-offset:3px}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:2px solid var(--acento);outline-offset:2px}h1,h2{margin:0;line-height:1.2;text-wrap:balance}h1{font-size:clamp(30px,6vw,44px);font-weight:750;letter-spacing:-.02em;overflow-wrap:anywhere}h2{font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tenue);margin-bottom:10px}h2 small{font-weight:500;letter-spacing:0;margin-left:4px}.app{max-width:860px;margin:0 auto;padding:14px 16px 64px}.barra{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;margin-bottom:28px}.marca{font-size:20px;font-weight:750;letter-spacing:-.01em;color:var(--tinta);text-decoration:none}.marca span,.entrar h1 span{color:var(--acento)}.barra nav a{color:var(--tenue);font-weight:600;text-decoration:none}.barra nav a:hover{color:var(--tinta)}.herramientas{margin-left:auto;display:flex;align-items:center;gap:8px}.salir{height:42px;padding:0 14px;border:1px solid var(--linea);border-radius:999px;background:var(--superficie);color:var(--tenue);font-weight:600}.salir:hover{color:var(--tinta)}.selector-tema{display:flex;gap:2px;padding:3px;border:1px solid var(--linea);border-radius:999px;background:var(--superficie)}.selector-tema button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:999px;background:transparent;color:var(--tenue)}.selector-tema button.actual{background:var(--acento);color:var(--acento-tinta)}.selector-tema svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:2;stroke-linecap:round}.selector-tema svg path{stroke:none}main>section,article>section{margin-top:32px}.aviso{padding:48px 16px;text-align:center;color:var(--tenue)}.aviso.error,.falla{color:var(--error)}.nota{margin:12px 0 0;font-size:15px;color:var(--tenue)}.entrar{max-width:420px;margin:0 auto;padding:12vh 16px 48px}.lema-sitio{margin:10px 0 32px;color:var(--tenue)}.entrar form{display:grid;gap:10px}.entrar label,.buscador label{font-weight:650}input[type=search],.entrar input{width:100%;padding:14px 16px;border:1.5px solid var(--linea);border-radius:12px;background:var(--superficie);font-size:18px}input:focus-visible{outline:none;border-color:var(--acento);box-shadow:0 0 0 3px color-mix(in srgb,var(--acento) 22%,transparent)}.entrar input{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}.entrar input::placeholder{letter-spacing:.02em}.falla{margin:0;font-size:15px}.principal{padding:13px 16px;border:0;border-radius:12px;background:var(--acento);color:var(--acento-tinta);font-weight:700}.buscador{display:grid;gap:10px}.buscador label{font-size:20px}.bienvenida{max-width:62ch}.bienvenida p{margin:0 0 12px}.cuenta{color:var(--tenue);font-size:15px}.t-prefijo{color:var(--prefijo)}.t-raiz{color:var(--raiz)}.t-sufijo{color:var(--sufijo)}button.enlace{padding:0;border:0;background:none;color:var(--acento);text-decoration:underline;text-underline-offset:3px}.partes{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}.parte{--color: var(--tenue);display:flex;flex-direction:column;min-width:0;max-width:100%}.parte.prefijo{--color: var(--prefijo)}.parte.raiz{--color: var(--raiz)}.parte.sufijo{--color: var(--sufijo)}.parte>a,.parte>span:first-child{display:flex;flex-direction:column;gap:4px;height:100%;padding:10px 14px 11px;border-radius:12px;border:1.5px solid color-mix(in srgb,var(--color) 45%,transparent);background:color-mix(in srgb,var(--color) 9%,var(--superficie));text-decoration:none;color:var(--tinta)}.parte>a:hover{border-color:var(--color);background:color-mix(in srgb,var(--color) 16%,var(--superficie))}.parte .texto{font-size:clamp(22px,5vw,30px);font-weight:750;line-height:1.1;color:var(--color);overflow-wrap:anywhere}.parte .significado{max-width:24ch;font-size:14px;line-height:1.3;color:var(--tenue)}.parte.enlace>span:first-child,.parte.desconocida>span:first-child{background:transparent;border-style:dashed;border-color:var(--linea)}.parte .alternativas{max-width:24ch;margin-top:5px;padding:0 4px;font-size:13px;line-height:1.3;color:var(--tenue)}.palabra .definicion,.significado-grande{max-width:62ch;margin:22px 0 0;font-size:21px;line-height:1.45}.significado-grande{margin-top:8px}.pendiente{display:inline-block;margin:0 0 10px;padding:3px 10px;border-radius:999px;border:1px solid var(--linea);font-size:13px;font-weight:650;color:var(--tenue)}.detalles{display:grid;gap:14px;margin:26px 0 0}.detalles dt{font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tenue)}.detalles dd{margin:2px 0 0;max-width:62ch}.detalles ul{margin:0;padding-left:20px}figure{margin:28px 0 0}figure img{display:block;max-width:min(100%,520px);height:auto;border-radius:12px;box-shadow:var(--sombra)}figcaption{margin-top:6px;font-size:13px;color:var(--tenue)}.morfema .tipo{--color: var(--raiz);margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color)}.morfema.prefijo .tipo,.morfema.prefijo h1{--color: var(--prefijo)}.morfema.sufijo .tipo,.morfema.sufijo h1{--color: var(--sufijo)}.morfema h1{--color: var(--raiz);color:var(--color)}.etimologia,.ver{max-width:62ch;margin:14px 0 0;color:var(--tenue)}.filtro{margin-top:28px;max-width:360px}.lista-palabras{margin:0;padding:0;list-style:none;columns:3 200px;column-gap:24px}.lista-palabras li{padding:3px 0;break-inside:avoid;overflow-wrap:anywhere;color:var(--tenue)}.lista-morfemas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:0;padding:0;list-style:none}.ficha-morfema{--color: var(--raiz);display:grid;grid-template-columns:1fr auto;gap:0 10px;height:100%;padding:9px 12px;border:1px solid var(--linea);border-radius:10px;background:var(--superficie);color:var(--tinta);text-decoration:none}.ficha-morfema.prefijo{--color: var(--prefijo)}.ficha-morfema.sufijo{--color: var(--sufijo)}.ficha-morfema:hover{border-color:var(--color)}.ficha-morfema b{color:var(--color);overflow-wrap:anywhere}.ficha-morfema span{grid-column:1 / -1;font-size:15px;line-height:1.35;color:var(--tenue)}.ficha-morfema small{grid-row:1;grid-column:2;font-size:12px;color:var(--tenue)}.segmentos{display:inline-flex;flex-wrap:wrap;gap:2px;margin-top:16px;padding:3px;border-radius:12px;background:color-mix(in srgb,var(--linea) 55%,transparent)}.segmentos button{padding:7px 14px;border:0;border-radius:9px;background:transparent;font-size:15px;font-weight:600;color:var(--tenue)}.segmentos button.actual{background:var(--superficie);color:var(--tinta);box-shadow:0 1px 3px #0000001f}.letras{display:flex;flex-wrap:wrap;gap:2px;margin-top:14px}.letras a{display:grid;place-items:center;min-width:34px;height:34px;border-radius:8px;font-weight:700;text-decoration:none}.letras a:hover{background:var(--superficie)}.grupo-letra{margin-top:28px;scroll-margin-top:12px}.grupo-letra h2{font-size:22px;letter-spacing:0;color:var(--tinta)}@media(prefers-reduced-motion:no-preference){.parte>a,.ficha-morfema{transition:border-color .12s ease,background-color .12s ease}}
