.encabezado{position:sticky;top:0;z-index:1200;background:var(--color-primary);border-bottom:var(--border-width) solid var(--color-border);padding-top:env(safe-area-inset-top,0px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;flex-wrap:wrap}.encabezado :where(a,button):focus-visible{outline-color:var(--color-text)}.encabezado-marca{display:inline-flex;align-items:center;gap:10px;color:var(--color-text);text-decoration:none}.encabezado-logo{display:block;width:auto;height:30px}.encabezado-marca-texto{font-family:var(--font-heading);font-size:var(--font-size-heading);letter-spacing:-.02em}.encabezado-nav{display:flex;align-items:center;gap:4px}.encabezado-link{padding:8px 12px;border-radius:var(--radius-pill);color:var(--color-text);text-decoration:none;font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);background:transparent;border:none;cursor:pointer;font-family:inherit}.encabezado-boton{min-height:auto}.encabezado-icono{display:inline-flex;align-items:center;padding:8px}.encabezado-cta{color:var(--color-text);background:var(--color-surface);border:var(--border-width) solid var(--color-border);font-weight:var(--font-weight-extrabold);box-shadow:var(--shadow-chunky-orange)}@media(hover:hover){.encabezado-link:hover{background:#17130f1f}.encabezado-cta:hover{background:var(--color-surface-hover)}}.archivo-main{flex:1;max-width:560px;width:100%;margin:0 auto;padding:24px 16px 40px}.archivo-titulo{font-size:var(--font-size-display);letter-spacing:-.02em;margin-bottom:16px}.archivo-estado{color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.archivo-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.archivo-lista a{text-decoration:none;display:block}.archivo-item{display:flex;align-items:center;justify-content:space-between;padding:16px 18px}.archivo-fecha{display:block;font-size:var(--font-size-caption);color:var(--color-text-secondary);font-weight:var(--font-weight-bold)}.archivo-especialidad{display:block;margin-top:2px;font-size:var(--font-size-title);color:var(--color-text);font-weight:var(--font-weight-extrabold)}.archivo-badge{flex-shrink:0;padding:6px 12px;border-radius:var(--radius-pill);border:1.5px solid var(--color-border-soft);background:var(--color-surface);color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-extrabold);text-transform:uppercase;white-space:nowrap}.archivo-badge.ganado{background:var(--color-correcto-tint);color:var(--color-correcto)}.archivo-badge.perdido{background:var(--color-diferente-tint);color:var(--color-diferente)}.estadisticas-main{flex:1;max-width:480px;width:100%;margin:0 auto;padding:24px 16px 40px}.estadisticas-titulo{font-size:var(--font-size-display);letter-spacing:-.02em;margin-bottom:16px}.estadisticas-estado{color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.estadisticas-grilla{display:grid;grid-template-columns:1fr 1fr;gap:12px}.estadisticas-tarjeta{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:var(--color-primary-dark)}.estadisticas-tarjeta-ancha{grid-column:span 2}.estadisticas-tarjeta-ganados{color:var(--color-correcto)}.estadisticas-tarjeta-perdidos{color:var(--color-diferente)}.estadisticas-numero{font-family:var(--font-heading);font-size:var(--font-size-hero)}.estadisticas-etiqueta{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 20px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);font-family:inherit;font-size:var(--font-size-title);font-weight:var(--font-weight-extrabold);cursor:pointer;outline:none}.boton:disabled{cursor:default;opacity:.6}.boton-naranja{background:var(--color-primary-strong);color:var(--color-text);box-shadow:var(--shadow-chunky-orange)}.boton-secundario{background:var(--color-surface);color:var(--color-text)}.campo{display:flex;flex-direction:column;gap:6px}.campo-etiqueta{font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.campo-input{width:100%;padding:14px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:15px;font-weight:var(--font-weight-bold);outline:none}.campo-input[aria-invalid=true]{border-color:var(--color-diferente)}.campo-error{margin:0;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-diferente)}.combobox{position:relative}.combobox-caja{position:relative;display:flex}.combobox-input{flex:1;padding-right:40px;cursor:text}.combobox-boton-flecha{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer}.combobox-boton-flecha:disabled{cursor:not-allowed}.combobox-lista{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;max-height:260px;overflow-y:auto;margin:0;padding:4px;list-style:none;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-clay-card)}.combobox-opcion{padding:10px 12px;border-radius:var(--radius-sm);font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer}.combobox-opcion-activa,.combobox-opcion:hover{background:var(--color-primary-tint)}.combobox-opcion[aria-selected=true]{font-weight:var(--font-weight-bold)}.combobox-vacio{padding:10px 12px;font-size:14px;color:var(--color-text-tertiary)}.calendario-semana{display:flex;align-items:center;gap:4px}.calendario-flecha{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);border:1.5px solid var(--color-border-soft);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer}.calendario-flecha:disabled{opacity:.35;cursor:not-allowed}.calendario-dias{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:4px;list-style:none;margin:0;padding:0}.calendario-dia{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:var(--radius-md);border:1.5px solid var(--color-border-soft);background:var(--color-surface);color:var(--color-text-tertiary);cursor:pointer;transition:transform var(--transition-fast)}.calendario-dia:disabled{cursor:default;opacity:.5}.calendario-dia:not(:disabled):active{transform:scale(.94)}.calendario-dia-letra{font-family:var(--font-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);text-transform:uppercase;opacity:.7}.calendario-dia-numero{font-family:var(--font-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-extrabold)}.calendario-dia-ganado{background:var(--color-correcto-tint);color:var(--color-correcto)}.calendario-dia-perdido{background:var(--color-diferente-tint);color:var(--color-diferente)}.calendario-dia-disponible{background:var(--color-primary-tint);color:var(--color-primary-dark)}.calendario-dia-vacio{background:transparent}.calendario-dia-hoy{border-color:var(--color-border);background:var(--color-primary);color:var(--color-text)}.calendario-dia-seleccionado{box-shadow:0 0 0 2px var(--color-border)}.chip-intento{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-body)}.chip-intento-nombre{font-family:var(--font-mono);font-weight:var(--font-weight-extrabold)}.chip-intento-categoria{font-family:var(--font-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);text-transform:uppercase;white-space:nowrap}.resultado{display:flex;flex-direction:column;gap:12px}.resultado-titulo{font-size:var(--font-size-display);letter-spacing:-.02em}.resultado-titulo.ganado{color:var(--color-correcto)}.resultado-titulo.perdido{color:var(--color-diferente)}.resultado-explicacion{margin:0;color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:1.6}.resultado-subtitulo{font-size:var(--font-size-title);font-weight:var(--font-weight-extrabold);margin-bottom:6px}.resultado-hallazgos ul{margin:0;padding-left:20px;color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:1.7}.resultado-acciones{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.resultado-error{margin:0;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-diferente)}.pista{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--radius-md);border:1.5px solid var(--color-border-soft);background:var(--color-surface)}.pista-numero{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-primary);font-family:var(--font-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-black)}.pista-tipo{display:block;font-family:var(--font-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-extrabold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.pista-texto{margin:3px 0 0;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:1.5;color:var(--color-text)}.juego-main{flex:1;display:flex;justify-content:center;padding:20px 16px 40px}.juego-columna{width:100%;max-width:480px;display:flex;flex-direction:column;gap:14px}.juego-card{width:100%;display:flex;flex-direction:column;gap:16px}.juego-seccion-titulo{margin:0 0 8px;font-family:var(--font-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-extrabold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary)}.juego-motivo{padding:12px 14px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm)}.juego-motivo-texto{margin:0;font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);color:var(--color-text)}.juego-progreso{display:flex;gap:6px}.juego-progreso-segmento{flex:1;height:10px;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-surface)}.juego-progreso-lleno{background:var(--color-primary)}.chip-intento-vacio{height:40px;border-radius:var(--radius-md);border:var(--border-width) dashed var(--color-border-soft)}.juego-leyenda{list-style:none;margin:0;padding:12px 0 0;border-top:var(--border-width) solid var(--color-border);display:flex;flex-wrap:wrap;gap:8px 14px;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.juego-leyenda li{display:inline-flex;align-items:center;gap:6px}.juego-leyenda-punto{width:10px;height:10px;border-radius:var(--radius-pill);flex-shrink:0}.juego-estado{margin:0;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.juego-encabezado{display:flex;align-items:center;justify-content:space-between}.juego-especialidad{display:inline-flex;padding:6px 14px;border-radius:var(--radius-pill);border:1.5px solid var(--color-border);background:var(--color-primary);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.02em}.juego-racha{display:inline-flex;align-items:center;gap:4px;color:var(--color-primary-dark);font-family:var(--font-mono);font-size:var(--font-size-title);font-weight:var(--font-weight-extrabold)}.juego-pistas,.juego-historial{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.juego-form{display:flex;flex-direction:column;gap:8px}.juego-error{margin:0;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-diferente)}.juego-link-login{color:var(--color-primary-dark);font-weight:var(--font-weight-extrabold)}.login-main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px}.login-card{width:100%;max-width:380px;padding:28px 24px}.login-titulo{font-size:var(--font-size-display);letter-spacing:-.02em}.login-subtitulo{margin:8px 0 20px;color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:1.5}.login-form{display:flex;flex-direction:column;gap:14px}.login-error{margin:0;padding:10px 14px;border-radius:var(--radius-md);background:var(--color-diferente-tint);color:var(--color-diferente);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.login-cambiar-modo{display:block;margin:16px auto 0;background:none;border:none;color:var(--color-primary-dark);font-family:inherit;font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);cursor:pointer;text-decoration:underline}.ranking-main{flex:1;max-width:480px;width:100%;margin:0 auto;padding:24px 16px 40px}.ranking-titulo{font-size:var(--font-size-display);letter-spacing:-.02em;margin-bottom:16px}.ranking-estado{color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.ranking-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.ranking-fila{display:flex;align-items:center;gap:12px;padding:10px 4px}.ranking-fila:not(:last-child){border-bottom:1px solid var(--color-border-soft)}.ranking-puesto{flex-shrink:0;width:24px;text-align:center;font-weight:var(--font-weight-black);color:var(--color-primary-dark)}.ranking-nombre{flex:1;font-weight:var(--font-weight-extrabold)}.ranking-intentos{flex-shrink:0;font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-400-normal-8Rpg0ruU.woff2) format("woff2"),url(/assets/public-sans-latin-400-normal-SBbinRkI.woff) format("woff")}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-ext-400-normal-mk90oQqJ.woff2) format("woff2"),url(/assets/public-sans-latin-ext-400-normal-B02wwOdZ.woff) format("woff")}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/public-sans-latin-500-normal-NlrCPXnF.woff2) format("woff2"),url(/assets/public-sans-latin-500-normal-vCxiVFAq.woff) format("woff")}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/public-sans-latin-ext-500-normal-DC-z7ASZ.woff2) format("woff2"),url(/assets/public-sans-latin-ext-500-normal-BHCCp-na.woff) format("woff")}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/public-sans-latin-700-normal-BqJmxWdE.woff2) format("woff2"),url(/assets/public-sans-latin-700-normal-Dm-oTPSL.woff) format("woff")}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/public-sans-latin-ext-700-normal-CgolUQuG.woff2) format("woff2"),url(/assets/public-sans-latin-ext-700-normal-jWHjnMgZ.woff) format("woff")}@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-400-normal-BTVu2TQR.woff2) format("woff2"),url(/assets/archivo-black-latin-400-normal-HW9MwEcM.woff) format("woff")}@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-ext-400-normal-DQAASfvW.woff2) format("woff2"),url(/assets/archivo-black-latin-ext-400-normal--j5WRK12.woff) format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2) format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff) format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-ext-400-normal-DTLbW2xa.woff2) format("woff2"),url(/assets/space-mono-latin-ext-400-normal-D4cJI_B-.woff) format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-700-normal-mWgeinG7.woff2) format("woff2"),url(/assets/space-mono-latin-700-normal-D7A851RN.woff) format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-ext-700-normal-B2s3bDs2.woff2) format("woff2"),url(/assets/space-mono-latin-ext-700-normal-B_E7P90g.woff) format("woff")}:root{--color-background: #fbf1e2;--color-surface: #ffffff;--color-surface-hover: #f3e4cb;--color-text: #17130f;--color-text-secondary: #4a423a;--color-text-tertiary: #6b6152;--color-border: #17130f;--color-border-soft: #e4d5be;--border-width: 2px;--color-primary: #ff5c00;--color-primary-strong: #ff5c00;--color-primary-dark: #b34000;--color-primary-soft: #ff7a2e;--color-primary-tint: #ffe0cc;--color-correcto: #1f8f3d;--color-correcto-tint: #dcf0e1;--color-misma-especialidad: #a6790a;--color-misma-especialidad-tint: #fbefce;--color-relacionado: #1568b0;--color-relacionado-tint: #dceaf6;--color-diferente: #c21d25;--color-diferente-tint: #fad9d8;--radius-sm: 6px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 8px;--radius-clay: 8px;--radius-clay-lg: 10px;--radius-pill: 8px;--shadow-clay-card: 4px 4px 0 var(--color-border);--shadow-chunky-orange: 3px 3px 0 var(--color-border);--shadow-inset-input: none;--font-sans: "Public Sans", -apple-system, system-ui, sans-serif;--font-heading: "Archivo Black", sans-serif;--font-mono: "Space Mono", monospace;--font-size-label: 11px;--font-size-caption: 12px;--font-size-body: 13px;--font-size-title: 14px;--font-size-heading: 16px;--font-size-display: 22px;--font-size-hero: 28px;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 700;--font-weight-black: 700;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-heading);font-weight:400;margin:0}.press{transition:transform .12s cubic-bezier(.34,1.56,.64,1)}.press:active{transform:translateY(3px) scale(.99)}.clay-card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-clay);box-shadow:var(--shadow-clay-card)}@media(hover:hover){.boton-naranja:hover{background:var(--color-primary-dark)}.chip:hover{background:var(--color-surface-hover)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(input,textarea,select,button,a,[tabindex]):focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}:where(.clay-card,.boton-naranja) :where(input,textarea,select,button):focus-visible,button.boton-naranja:focus-visible{outline-color:var(--color-text)}@media(max-width:900px){input,textarea,select{font-size:16px!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.press{transition:none}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-soft);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-soft)}
