:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-green: #10b981;--primary-blue: #2563eb;--secondary-green: #059669;--secondary-blue: #1d4ed8;--light-green: #d1fae5;--light-blue: #dbeafe;--dark-text: #1f2937;--medium-text: #4b5563;--light-text: #9ca3af;--background: #f9fafb;--white: #ffffff;--error-red: #ef4444;--gradient-bg: linear-gradient(135deg, #10b981 0%, #2563eb 100%)}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:var(--background);color:var(--dark-text)}#root{max-width:1600px;margin:0 auto;text-align:center}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--gradient-bg);color:var(--white);padding:2rem 1rem;text-align:center;border-radius:0 0 20px 20px;box-shadow:0 4px 12px #0000001a}.app-header h1{margin:0;font-size:2.5rem;font-weight:700}.subtitulo{font-size:1.2rem;opacity:.9;margin-top:.5rem}.search-container{margin:2rem auto;width:90%;max-width:800px}.search-input-container{display:flex;box-shadow:0 2px 8px #0000001a;border-radius:12px;overflow:hidden}.search-input{flex:1;padding:1rem 1.5rem;font-size:1.1rem;border:none;background:var(--white);color:var(--dark-text)}.search-input:focus{outline:none}.search-button{background-color:var(--primary-green);color:#fff;border:none;padding:0 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.search-button:hover:not(:disabled){background-color:var(--secondary-green)}.search-button:disabled{background-color:var(--light-text);cursor:not-allowed}.error-message{color:var(--error-red);background-color:#fee2e2;padding:.75rem;border-radius:8px;margin-top:1rem;text-align:center;font-weight:500}.content-container{display:flex;gap:2rem;padding:0 2rem 2rem;flex:1}.resultados-container{flex:1;background-color:var(--white);border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;max-height:700px;overflow-y:auto;min-width:300px}.resultados-container h2{color:var(--primary-blue);font-size:1.5rem;margin-top:0;margin-bottom:1.5rem;text-align:left;border-bottom:2px solid var(--light-blue);padding-bottom:.5rem}.resultados-lista{list-style:none;padding:0;margin:0;text-align:left}.resultado-item{padding:1rem;border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease;background-color:#f8fafc;border-left:4px solid transparent}.resultado-item:hover{background-color:var(--light-green);transform:translate(4px);border-left-color:var(--primary-green)}.resultado-item.selected{background-color:var(--light-blue);border-left-color:var(--primary-blue)}.producto-clave{font-family:Courier New,monospace;font-size:.9rem;color:var(--secondary-blue);font-weight:600;margin-bottom:.25rem}.producto-descripcion{font-size:1.1rem;font-weight:500}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;color:var(--medium-text);font-style:italic}.no-resultados,.instrucciones-busqueda{text-align:center;padding:3rem 1rem;color:var(--medium-text);font-size:1.1rem}.ejemplo{font-style:italic;color:var(--secondary-blue);margin-top:.5rem}.detalle-container{flex:1.5;background-color:var(--white);border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;overflow-y:auto;max-height:700px}.detalle-container h2{color:var(--primary-green);font-size:1.5rem;margin-top:0;margin-bottom:1.5rem;text-align:left;border-bottom:2px solid var(--light-green);padding-bottom:.5rem}.producto-header{display:flex;align-items:center;margin-bottom:2rem}.producto-titulo{flex:1;text-align:left}.producto-titulo h3{font-size:1.6rem;margin:0 0 .5rem;color:var(--dark-text)}.producto-clave-detalle{font-family:Courier New,monospace;font-size:1rem;color:var(--medium-text)}.taxonomy-container{background-color:#f8fafc;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.taxonomy-title{text-align:center;font-size:1.2rem;font-weight:600;color:var(--primary-blue);margin-bottom:1.5rem}.taxonomy-tree{display:flex;flex-direction:column;align-items:center}.taxonomy-level{width:100%;background:var(--white);border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;text-align:left}.level-label{font-weight:600;font-size:.9rem;color:var(--medium-text);margin-bottom:.25rem}.level-value{font-size:1.1rem;color:var(--dark-text)}.taxonomy-arrow{font-size:1.5rem;color:var(--primary-green);margin:.5rem 0}.final-level{background:linear-gradient(to right,var(--light-green),var(--light-blue));border:1px solid var(--primary-green)}.palabras-similares{background-color:#f8fafc;border-radius:12px;padding:1.5rem;text-align:left}.palabras-similares h4{color:var(--primary-blue);margin-top:0;font-size:1.1rem;margin-bottom:.75rem}.palabras-similares p{margin:0;line-height:1.6;color:var(--medium-text)}.app-footer{margin-top:2rem;background:var(--gradient-bg);color:var(--white);padding:1.5rem;border-radius:20px 20px 0 0;box-shadow:0 -4px 12px #0000001a}.app-footer p{margin:0;font-size:.9rem;opacity:.9}.inline-details{margin-top:.5rem;margin-bottom:1.5rem;padding-left:.5rem;border-left:4px solid var(--primary-blue)}.inline-details .detalle-container{margin:0;padding:.75rem;box-shadow:none;max-height:none;border-radius:8px}.inline-details .taxonomy-container{margin-bottom:1rem}.inline-details .taxonomy-level{margin-bottom:.25rem}.inline-details .taxonomy-arrow{margin:.25rem 0;font-size:1.25rem}.inline-details .palabras-similares{padding:.75rem}.inline-details h2{font-size:1.2rem;margin-bottom:1rem}.inline-details h3{font-size:1.1rem}.inline-details h4{font-size:1rem}.inline-details .producto-header{margin-bottom:1rem}@media (max-width: 960px){.content-container{flex-direction:column}.detalle-container,.resultados-container{max-height:none}}@media (max-width: 600px){.app-header h1{font-size:2rem}.search-input-container{flex-direction:column}.search-button{padding:.75rem}.taxonomy-container{padding:1rem;overflow-x:hidden}.taxonomy-tree{width:100%}.taxonomy-level{width:calc(100% - 1rem);padding:.75rem;margin-bottom:.5rem;word-break:break-word}.level-value{font-size:1rem}.taxonomy-arrow{margin:.25rem 0}.producto-header{flex-direction:column;align-items:flex-start}.producto-titulo h3{font-size:1.3rem;word-break:break-word}.palabras-similares{padding:1rem}.palabras-similares p{word-break:break-word}}@media (max-width: 400px){.content-container{padding:0 1rem 1rem}.taxonomy-container{padding:.75rem}.taxonomy-level{width:calc(100% - .5rem);padding:.5rem}.level-label{font-size:.8rem}.level-value{font-size:.9rem}}