/* GENERADO por bricks-import/generar-directorio.py desde hub/directorio/index.html. No editar a mano. */
.epi-dir{--rojo:#DA291C;--rojo-dark:#7A160E;--grafito:#1F1F1F;--blanco:#fff;--gris:#F4F3F1;--linea:rgba(31,31,31,.15);
--fd:"IBM Plex Sans Condensed",sans-serif;--fb:"IBM Plex Sans",sans-serif;--r-s:10px;--r-m:16px}
.epi-dir *{box-sizing:border-box;margin:0;padding:0}

.epi-dir{font-family:var(--fb);line-height:1.6;color:var(--grafito);background:var(--blanco)}
.epi-dir a{color:inherit;text-decoration:none}
.epi-dir button{font:inherit;color:inherit}
.epi-dir .wrap{width:80%;max-width:1600px;margin:0 auto}
@media(max-width:900px){.epi-dir .wrap{width:auto;margin:0 1.25rem}}
.epi-dir h1,.epi-dir h2,.epi-dir h3{font-family:var(--fd);font-weight:700;color:inherit}
.epi-dir .btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--fd);font-weight:700;font-size:.95rem;padding:.7rem 1.2rem;border-radius:var(--r-s);background:var(--rojo);color:#fff;border:0;cursor:pointer}
.epi-dir .btn.o{background:#fff;color:var(--grafito);border:1.5px solid var(--grafito)}
@media(max-width:900px){}
.epi-dir .hero{position:relative;color:#fff;padding:clamp(2rem,3.2vw,2.75rem) 0!important;background:linear-gradient(90deg,rgba(10,10,10,.95) 0%,rgba(10,10,10,.86) 50%,rgba(10,10,10,.74) 100%),var(--hero-img) center 42%/cover,var(--grafito)}
.epi-dir .cej{font-family:var(--fd);font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--rojo);margin-bottom:1rem}
.epi-dir .hero .wrap{padding:0!important;min-height:0!important;display:block}
.epi-dir .hero h1{font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.08;max-width:24ch}
.epi-dir .hero p{margin-top:.8rem;max-width:40rem;color:rgba(255,255,255,.82)}
.epi-dir /* cuerpo: barra lateral + lista */
.cuerpo{display:grid;grid-template-columns:17rem 1fr;gap:clamp(2rem,4vw,4rem);padding:2.5rem 0 5rem;align-items:start}
@media(max-width:900px){.epi-dir .cuerpo{grid-template-columns:1fr;gap:1rem}}
.epi-dir .lado{position:sticky;top:6rem}
.epi-dir .lado h2{font-size:1.5rem;line-height:1.15;padding-bottom:1rem;border-bottom:4px solid var(--grafito)}
.epi-dir .bloque{padding:1.25rem 0;border-bottom:1px solid var(--linea)}
.epi-dir .bloque h3{font-size:1.05rem;margin-bottom:.75rem}
.epi-dir .opt{color:var(--grafito);display:flex;align-items:center;gap:.65rem;padding:.3rem 0;cursor:pointer;font-size:.95rem}
.epi-dir .opt input{width:1.1rem;height:1.1rem;accent-color:var(--rojo)}
.epi-dir .opt span{margin-left:auto;color:rgba(31,31,31,.5);font-size:.85rem}
.epi-dir .mas{background:none;border:0;text-decoration:underline;cursor:pointer;font-size:.9rem;margin-top:.4rem}
.epi-dir .lado .buscar{margin-top:1.25rem;position:relative}
.epi-dir .buscar input{width:100%;font:inherit;padding:.75rem 1rem;border:1.5px solid var(--linea);border-radius:var(--r-s);background:var(--gris)}
.epi-dir .buscar input:focus{outline:2px solid var(--rojo);background:#fff;border-color:transparent}
@media(max-width:900px){.epi-dir .lado{position:static}
.epi-dir .lado h2{display:none}
.epi-dir .lado .panel{display:none;margin-top:.75rem}
.epi-dir .lado.abre .panel{display:block}
.epi-dir .abrir{display:flex!important}}
.epi-dir .abrir{display:none;justify-content:space-between;width:100%;padding:.85rem 1rem;border:1.5px solid var(--grafito);border-radius:var(--r-s);background:#fff;font-weight:600;cursor:pointer}
.epi-dir /* resultados */
.cabeza{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid var(--linea)}
.epi-dir .cabeza h2{font-size:2rem;line-height:1}
.epi-dir .cabeza .der{display:flex;gap:.75rem;align-items:center}
.epi-dir select{font:inherit;padding:.6rem 2rem .6rem .9rem;border:0;border-bottom:2px solid var(--grafito);background:#fff;font-weight:500}
.epi-dir .lista-btn{white-space:nowrap;display:inline-flex;gap:.45rem;align-items:center;padding:.6rem 1rem;border-radius:99px;border:1.5px solid var(--linea);background:#fff;cursor:pointer;font-weight:500;font-size:.9rem}
.epi-dir .lista-btn.on{background:var(--grafito);color:#fff;border-color:var(--grafito)}
.epi-dir .az{display:flex;gap:.1rem;flex-wrap:wrap;padding:.9rem 0}
.epi-dir .az button{font:600 .8rem var(--fd);width:1.8rem;height:1.8rem;border-radius:6px;border:0;background:transparent;cursor:pointer}
.epi-dir .az button:hover{background:var(--gris)}
.epi-dir .az button.on{background:var(--rojo);color:#fff}
.epi-dir .az button:disabled{opacity:.25;cursor:default}
.epi-dir .fila{display:grid;grid-template-columns:9rem 1fr;gap:1.75rem;padding:1.75rem 0;border-bottom:1px solid var(--linea)}
@media(max-width:560px){.epi-dir .fila{grid-template-columns:5.5rem 1fr;gap:1rem}}
.epi-dir .logoimg{aspect-ratio:1;border:1.5px solid var(--linea);border-radius:var(--r-s);display:grid;place-items:center;padding:.6rem;background:#fff}
.epi-dir .logoimg img{max-width:100%;max-height:100%;object-fit:contain}
.epi-dir .logoph{aspect-ratio:1;border:1.5px solid var(--linea);border-radius:var(--r-s);display:grid;place-items:center;font:700 2.2rem var(--fd);color:rgba(31,31,31,.28);background:var(--gris)}
.epi-dir .fila .cej{font-size:.75rem;color:var(--rojo);margin-bottom:.4rem;display:flex;justify-content:space-between;align-items:center}
.epi-dir .fila h3{font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.2;text-transform:uppercase}
.epi-dir .ubi{font-size:.88rem;color:rgba(31,31,31,.65);margin-top:.2rem;letter-spacing:.02em}
.epi-dir .desc{margin-top:.8rem;max-width:44rem}
.epi-dir .pend{margin-top:.8rem;padding:.8rem 1rem;border:1.5px dashed var(--linea);border-radius:var(--r-s);font-size:.9rem;color:rgba(31,31,31,.7);display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:space-between}
.epi-dir .pend a{font-weight:600;color:var(--rojo-dark);text-decoration:underline}
.epi-dir .pie{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.9rem}
.epi-dir .tag{color:var(--grafito);font:500 .75rem var(--fb);padding:.25rem .65rem;border-radius:99px;background:var(--gris)}
.epi-dir .pie .web{margin-left:auto;font-weight:500;font-size:.88rem;color:var(--rojo-dark)}
.epi-dir .guarda{border:0;background:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;color:var(--rojo);font-weight:500;font-size:.85rem;text-transform:none;letter-spacing:0}
.epi-dir .guarda svg{width:1.4rem;height:1.4rem;fill:none;stroke:var(--rojo);stroke-width:1.8}
.epi-dir .guarda.on svg{fill:var(--rojo)}
.epi-dir .vacio{padding:4rem 0;text-align:center;color:rgba(31,31,31,.6)}
.epi-dir .nota{margin-top:3rem;padding:1rem 1.25rem;border-left:4px solid var(--rojo);background:var(--gris);font-size:.85rem;border-radius:0 var(--r-s) var(--r-s) 0}
.epi-dir .cont{margin-top:.8rem;display:grid;gap:.25rem;font-size:.9rem}
.epi-dir .cont div{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem}
@media(max-width:560px){.epi-dir .cont div{grid-template-columns:4.6rem minmax(0,1fr);gap:.5rem}}
.epi-dir .fila>div{min-width:0}
.epi-dir .cont dd{overflow-wrap:anywhere}
.epi-dir .cont dt{font:600 .72rem var(--fd);letter-spacing:.08em;text-transform:uppercase;color:rgba(31,31,31,.5);padding-top:.15rem}
.epi-dir .cont a{color:var(--rojo-dark);font-weight:500}
.epi-dir .cont a:hover{text-decoration:underline}