/* Conserva el ancho del .container del sitio; solo afecta al directorio. */
#socios-directorio { padding-bottom: 32px; }
#socios-directorio [hidden] { display: none !important; }
#socios-directorio .socios-filtros { clear: both; display: flex; align-items: flex-end; gap: 14px; padding: 18px; margin: 0 10px 14px; background: #f3f6f3; border: 1px solid #dce5dc; border-top: 3px solid #00843c; }
#socios-directorio .socios-campo { flex: 1 1 0; min-width: 0; }
#socios-directorio label { display: block; font-size: 13px; font-weight: 600; color: #294b34; margin-bottom: 7px; }
#socios-directorio select, #socios-directorio input { box-sizing: border-box; width: 100%; height: 38px; border: 1px solid #b9c8bb; border-radius: 2px; padding: 7px 9px; background: #fff; color: #333; font: inherit; font-size: 13px; }
#socios-directorio .socios-limpiar { height: 38px; padding: 7px 15px; border: 1px solid #00843c; background: #fff; color: #00662f; font-size: 13px; border-radius: 2px; cursor: pointer; }
#socios-directorio .socios-limpiar:hover { background: #e4eee6; }
#socios-directorio :focus-visible { outline: 3px solid #00843c; outline-offset: 3px; }
#socios-directorio .socios-resumen { clear: both; display: flex; justify-content: space-between; gap: 12px; margin: 0 10px 12px; color: #626962; font-size: 12px; }
#socios-directorio #socios-cantidad { font-weight: bold; color: #00662f; }
#socios-directorio .socios-grilla { clear: both; display: grid; grid-template-columns: repeat(auto-fill, minmax(135px, 1fr)); gap: 18px 14px; margin: 0 10px; align-items: start; }
#socios-directorio .socios-tarjeta { position: relative; min-width: 0; background: #fff; text-align: center; border: 1px solid #e0e5df; padding: 12px 8px 9px; }
#socios-directorio .socios-logo { display: flex; height: 118px; align-items: center; justify-content: center; }
#socios-directorio .socios-logo img { width: 118px; height: 118px; max-width: 100%; object-fit: contain; }
#socios-directorio .socios-nombre { font-size: 11px; line-height: 1.4; font-weight: 600; color: #414941; margin: 9px 0 7px; min-height: 47px; overflow-wrap: anywhere; }
#socios-directorio .socios-detalle summary { color: #006c32; font-size: 12px; cursor: pointer; list-style-position: inside; }
#socios-directorio .socios-descripcion { text-align: left; font-size: 13px; line-height: 1.55; color: #333; background: #fff; padding: 17px; border: 1px solid #c6d5c6; box-shadow: 0 5px 18px #0002; overflow-wrap: break-word; }
#socios-directorio .socios-descripcion strong { display: block; color: #006c32; font-size: 14px; }
#socios-directorio .socios-etiqueta { display: block; margin: 7px 0 10px; color: #687168; font-size: 10px; line-height: 1.5; }
#socios-directorio .socios-descripcion p { margin: 0; }
#socios-directorio .socios-detalle[open] .socios-descripcion { position: absolute; z-index: 20; top: 100%; left: 0; width: 320px; max-width: calc(100vw - 40px); }
#socios-directorio .socios-tarjeta.socios-alinear-derecha .socios-descripcion { left: auto; right: 0; }
#socios-directorio .socios-vacio { clear: both; padding: 25px 20px; background: #f3f6f3; color: #435043; margin: 10px; }
#socios-directorio .socios-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; }
@media (max-width: 700px) {
    #socios-directorio .socios-filtros { flex-wrap: wrap; padding: 12px; }
    #socios-directorio .socios-campo { flex-basis: 100%; }
    #socios-directorio .socios-resumen { display: block; }
    #socios-directorio .socios-grilla { grid-template-columns: repeat(auto-fill, minmax(125px, 1fr)); gap: 12px; }
}