.miembro-card{text-align:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:1.25rem;flex-direction:column;height:100%;padding:1rem;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05)}.miembro-card:hover{border-color:rgba(28,41,107,.4);transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,.05)}.miembro-imagen-container{aspect-ratio:1;background-color:#fff;border:1px solid #f3f4f6;border-radius:.75rem;width:100%;margin-bottom:1.25rem;position:relative;overflow:hidden}.miembro-imagen{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.miembro-nombre{color:#111827;margin-bottom:.35rem;padding:0 .5rem;font-size:1.05rem;font-weight:700;line-height:1.3}.miembro-cargo{color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px;margin-top:0;padding:0 .5rem;font-size:.85rem;font-weight:600}.miembro-card{opacity:0;animation:.4s ease-out forwards fadeInSlideUpMiembroCard;transform:translateY(20px)}@keyframes fadeInSlideUpMiembroCard{to{opacity:1;transform:translateY(0)}}.miembros-grid .miembro-card:first-child{animation-delay:50ms}.miembros-grid .miembro-card:nth-child(2){animation-delay:.1s}.miembros-grid .miembro-card:nth-child(3){animation-delay:.15s}.miembros-grid .miembro-card:nth-child(4){animation-delay:.2s}.miembros-grid .miembro-card:nth-child(5){animation-delay:.25s}
.pagina-directorio-container{width:100%;min-height:100vh;font-family:var(--font-primary,sans-serif);color:#111827;background-color:#f9fafb;margin:0 auto;padding:4rem 1rem}.pagina-directorio-inner{flex-direction:column;gap:3rem;max-width:1200px;margin:0 auto;display:flex}.loading-state{text-align:center;color:#6b7280;padding:5rem 0;font-size:1.25rem;font-weight:500}.directorio-filtros{background-color:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;flex-direction:row;align-items:center;gap:1.5rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)}.directorio-filtros input,.directorio-filtros select{font-size:.95rem;font-family:var(--font-primary,sans-serif);color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:.75rem;flex:1;padding:.8rem 1.2rem;transition:all .2s}.directorio-filtros input:focus,.directorio-filtros select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px rgba(28,41,107,.1)}.directorio-filtros select{cursor:pointer;max-width:300px}.directorio-seccion{background-color:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;padding:2rem;transition:all .3s;box-shadow:0 10px 15px -3px rgba(0,0,0,.05),0 4px 6px -2px rgba(0,0,0,.024)}.directorio-seccion-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:1rem;transition:all .2s;display:flex}.directorio-seccion-header:hover h3{color:var(--color-accent)}.directorio-seccion h3{color:#111827;font-size:1.75rem;font-weight:700;font-family:var(--font-display,sans-serif);letter-spacing:-.01em;flex:1;margin:0;transition:color .2s}.toggle-button{color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.toggle-button:hover{color:var(--color-accent);border-color:var(--color-accent);background-color:rgba(28,41,107,.06)}.toggle-button.expanded{transform:rotate(180deg)}.miembros-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-top:2rem;animation:.3s ease-out expandCollapse;display:grid}.presidente-seccion .miembros-grid{grid-template-columns:repeat(auto-fit,minmax(280px,320px));justify-content:center}.no-results{text-align:center;color:#6b7280;background-color:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;padding:3rem;font-size:1.1rem}@keyframes expandCollapse{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.pagina-directorio-container{padding:2rem 1rem}.directorio-filtros{flex-direction:column;align-items:stretch;gap:1rem;padding:1.25rem}.directorio-filtros select{max-width:100%}.directorio-seccion{padding:1.5rem}.directorio-seccion h3{font-size:1.5rem}.miembros-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}}@media (max-width:480px){.miembros-grid,.presidente-seccion .miembros-grid{grid-template-columns:1fr}}