:root{--color-principal:#118476;--color-secundario:#264653;--color-fondo:#e6f2f1;--color-texto:#222222;--color-acento:#bd4b2e;--color-boton-hover:#c65339;--color-boton-disabled:#aaa;--color-fondo-hover:#27675b;--border-radius:10px;--transition:0.3s ease;--max-width:900px}*,::after,::before{box-sizing:border-box}body{margin:0;background-color:var(--color-fondo);font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:var(--color-texto);line-height:1.6;padding:20px 15px;min-height:100vh;display:flex;flex-direction:column;align-items:center;font-size:1rem;font-weight:400}a[href]{position:absolute;color:#1f7a71;text-decoration:none;font-weight:600;top:30px;left:50px;width:30px;height:30px;margin-bottom:20px;display:inline-block;transition:color var(--transition)}a[href]:focus,a[href]:hover{color:var(--color-acento);outline:3px solid var(--color-acento);outline-offset:2px}.container,.formulario input{border-radius:var(--border-radius)}.container{width:100%;max-width:var(--max-width);min-height:400px;background-color:#fff;box-shadow:0 10px 30px rgb(0 0 0/.15);padding:30px 40px;box-sizing:border-box}h1,h2{font-weight:700}h1{text-align:center;font-size:2.5rem;margin-bottom:30px;color:var(--color-secundario);user-select:none}h2{font-size:1.6rem;color:var(--color-principal);margin-bottom:15px;border-bottom:2px solid var(--color-acento);padding-bottom:6px}.formulario form{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px 20px;margin-bottom:30px}.formulario input{padding:12px 15px;font-size:1rem;border:2px solid #1f7a71;transition:border-color var(--transition);outline-offset:2px;font-weight:500}.filtros input:focus,.formulario input:focus{border-color:var(--color-acento);outline:3px solid var(--color-acento);outline-offset:3px}.formulario button{grid-column:1/-1;padding:14px 0;background-color:var(--color-acento);border:0;border-radius:var(--border-radius);color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:background-color var(--transition);user-select:none;box-shadow:0 2px 6px rgba(0,0,0,.2)}.formulario button:focus:not(:disabled),.formulario button:hover:not(:disabled){background-color:var(--color-boton-hover);outline:3px solid var(--color-boton-hover);outline-offset:3px;box-shadow:0 4px 14px rgba(198,83,57,.7)}.formulario button:disabled{background-color:var(--color-boton-disabled);cursor:not-allowed}.filtros{display:flex;flex-wrap:wrap;gap:15px 20px;align-items:flex-end;margin-bottom:40px}.filtros h2{flex-basis:100%}.filtros button,.filtros input{border-radius:var(--border-radius);font-size:1rem}.filtros input{flex:1 1;padding:12px 15px;border:2px solid #1f7a71;transition:border-color var(--transition);font-weight:500}.filtros button{padding:14px 30px;background-color:var(--color-principal);border:0;color:#fff;font-weight:700;cursor:pointer;transition:background-color var(--transition);user-select:none;box-shadow:0 2px 6px rgba(0,0,0,.2)}.filtros button:focus,.filtros button:hover{background-color:var(--color-boton-hover);outline:3px solid var(--color-acento);outline-offset:3px;box-shadow:0 4px 14px rgba(198,83,57,.7)}.libros-list{margin-bottom:40px}.libros-list h2{margin-bottom:15px}#book-list{list-style:none;padding:0;margin:0;min-height:200px;border-radius:var(--border-radius);box-shadow:0 8px 20px rgba(0,0,0,.1);overflow:hidden;background:#fff}#book-list li{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr auto;align-items:center;padding:12px 20px;border-bottom:1px solid #ddd;font-size:1.1rem;font-weight:500;transition:background-color .3s ease,color .3s ease;cursor:default;color:var(--color-texto);box-shadow:inset 0-1px 0#ddd;background-color:#fff}#book-list li:nth-child(even){background-color:#f5f9f8}#book-list li:hover{background-color:var(--color-fondo-hover);color:#fff}#book-list li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#book-list button{background-color:var(--color-principal);border:0;padding:8px 16px;border-radius:var(--border-radius);color:#fff;font-weight:700;cursor:pointer;transition:background-color var(--transition),box-shadow var(--transition);box-shadow:0 2px 6px rgba(0,0,0,.2)}#book-list button:focus,#book-list button:hover,#mostrar-libros:focus,#mostrar-libros:hover{background-color:var(--color-boton-hover);outline:3px solid var(--color-boton-hover);outline-offset:3px;box-shadow:0 4px 14px rgba(198,83,57,.7)}#book-list button:disabled,#mostrar-libros:disabled{background-color:var(--color-boton-disabled);cursor:not-allowed}#mostrar-libros,.ganancias{font-weight:700;user-select:none}.ganancias{text-align:right;font-size:1.3rem;color:var(--color-secundario);margin-bottom:40px}.ganancias span{color:var(--color-acento)}#mostrar-libros{display:block;margin:0 auto 50px;background-color:var(--color-principal);color:#fff;border:0;padding:14px 30px;border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition),box-shadow var(--transition);box-shadow:0 2px 6px rgba(0,0,0,.2)}a,button,input{transition:all var(--transition)}@media (max-width:600px){.formulario form{grid-template-columns:1fr}#book-list li{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;padding:10px}#book-list li span{white-space:normal}.filtros{flex-direction:column;gap:10px}h1{font-size:2rem}}