.equipo-grid-wrapper{width:100%;margin:20px auto;}
.equipo-grid{display:grid;gap:20px}
.equipo-grid.columns-1{grid-template-columns:1fr}
.equipo-grid.columns-2{grid-template-columns:repeat(2,1fr)}
.equipo-grid.columns-3{grid-template-columns:repeat(3,1fr)}
.equipo-grid.columns-4{grid-template-columns:repeat(4,1fr)}
.equipo-grid.columns-5{grid-template-columns:repeat(5,1fr)}
.equipo-grid.columns-6{grid-template-columns:repeat(6,1fr)}
.member-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 6px 18px rgba(0,0,0,0.08);text-align:center;overflow:hidden;transition:transform .3s ease, box-shadow .3s ease;cursor:pointer}
.member-card:hover{transform:translateY(-10px);box-shadow: 0 0px 10px rgb(0 0 0 / 66%)}
.member-photo{display:inline-block;width:160px;height:160px;border-radius:12px;overflow:hidden;margin:0 auto 12px;display:block;border: none;background: none;}
.member-photo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px;}
.placeholder-avatar{width:160px;height:160px;border-radius:12px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:36px;color:#374151;margin:0 auto 12px}
.member-name{margin:0;font-size:18px;font-weight:600}
.member-position{color:#6b7280;margin-top:6px;font-size:14px}
.member-extras{margin-top:10px;text-align:left;font-size:13px;color:#374151}
.member-extras .extra-item{margin-bottom:6px}
.equipo-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);z-index:9999}
.equipo-modal[aria-hidden="false"]{display:flex}
.equipo-modal-inner{background:#fff;max-width:720px;width:94%;border-radius:10px;padding:22px;position:relative;box-shadow:0 20px 60px rgba(2,6,23,0.4)}
.equipo-modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer}
.equipo-modal-content{max-height:70vh;overflow:auto;color:#111}



/*arreglo para celulares*/
@media(max-width:1024px){.equipo-grid.columns-4{grid-template-columns:repeat(3,1fr)}.equipo-grid.columns-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.equipo-grid.columns-4,.equipo-grid.columns-3,.equipo-grid.columns-2{grid-template-columns:repeat(1,1fr)}.member-photo,.placeholder-avatar{width:120px;height:120px;border-radius:12px}.member-card{padding:14px}.equipo-modal-inner{padding:16px}}