.herramientas{background:#fff;border:1px solid var(--borde);border-radius:12px;padding:24px}
.herramientas label{display:block;font-weight:650;margin-bottom:8px}
.autocompletar{position:relative;flex:1;min-width:0}#sugerencias{position:absolute;top:100%;left:0;right:0;z-index:5;margin:4px 0 0;padding:4px;list-style:none;background:white;border:1px solid #8b9aa7;border-radius:6px;box-shadow:0 8px 20px #20384925;max-height:280px;overflow:auto}#sugerencias li{padding:12px;min-height:44px;cursor:pointer;overflow-wrap:anywhere}#sugerencias li:hover,#sugerencias li[aria-selected=true]{background:#e4f0df}
.campo{display:flex;gap:12px}.campo input{flex:1;min-width:0;width:100%;border:1px solid #8b9aa7;border-radius:6px;padding:12px;font:inherit;background:white;color:var(--tinta)}
button{font:inherit;cursor:pointer;min-height:44px;border:1px solid #9aabb7;border-radius:6px;background:white;color:var(--verde);padding:9px 14px}
button:hover{background:#edf3ee}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b67d16;outline-offset:3px}
.ayuda{font-size:.9rem;color:#52636e;margin:8px 0 18px}
#alfabeto{display:flex;flex-wrap:wrap;gap:6px}#alfabeto button{min-width:44px;padding:8px}#alfabeto button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:white}#alfabeto button:disabled{opacity:.4;cursor:default}
#estado{margin:24px 0 16px;font-weight:600}
#familias{display:grid;gap:12px}
.familia{background:#fff;border:1px solid var(--borde);border-radius:10px;overflow:hidden}
.familia summary{cursor:pointer;padding:18px 20px;color:var(--azul);font-size:1.15rem;overflow-wrap:anywhere}
.familia summary span{font-size:.88rem;color:#52636e;margin-left:14px;display:inline-block}
.familia[open] summary{border-bottom:1px solid var(--borde);background:#f4f7f5}
.generos{list-style:none;margin:0;padding:18px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:8px}
.generos li{min-width:0;padding:9px 12px;border-radius:6px;background:#f5f7fa;overflow-wrap:anywhere;font-style:italic}
.generos .coincide{background:#e4f0df;font-weight:650;color:#244923}
.vacio{padding:25px;background:white;border-radius:10px}
@media(max-width:600px){.herramientas{padding:16px}.campo{flex-direction:column}.campo button{align-self:flex-start}.familia summary{padding:16px}.familia summary span{display:block;margin:4px 0 0 18px}.generos{padding:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}}
@media(max-width:360px){.generos{grid-template-columns:1fr}}

.generos{display:flex;flex-direction:column;gap:8px}.generos>li{padding:0;font-style:normal}.familia .genero>summary{font-size:1rem;font-style:italic;padding:12px 16px;background:transparent;border:0}.familia .genero[open]>summary{border-bottom:1px solid var(--borde)}.contenido-especies{padding:12px 16px;background:white}.cuenta-especies{margin:0 0 8px;font-size:.85rem;color:#52636e}.generos .especies{list-style:none;margin:0;padding:0}.generos .especies li{padding:10px 0;border-bottom:1px solid #e7ecef;background:white;border-radius:0;font-style:italic}.generos .especies li:last-child{border:0}


.familia .genero>summary,.generos .especies li{font-style:normal}.familia summary .autoria{font:inherit;font-style:normal;margin:0;color:inherit;display:inline}.familia summary i{font-style:italic}.especies span{font-style:normal}

.acciones-busqueda{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 24px}.acciones-busqueda #buscar-familia{display:inline-flex;align-items:center;gap:8px;background:var(--verde);color:white}#alfabeto{padding-top:18px;border-top:1px solid var(--borde)}

.acciones-busqueda{margin-bottom:10px}.ayuda-familias{font-size:.85rem;line-height:1.5;color:#52636e;margin:0 0 20px}.ayuda-familias span{display:block}

.acciones-busqueda{align-items:center;margin-bottom:20px}.acciones-busqueda>button{flex-shrink:0}.acciones-busqueda .ayuda-familias{flex:1 1 320px;min-width:0;margin:0 0 0 6px}@media(max-width:600px){.acciones-busqueda .ayuda-familias{flex-basis:100%;margin:2px 0 0}}