/* Mi taller › Mi equipo y la pantalla de invitación (mi-equipo.js) */
.me-bloque{background:var(--sup);border:1px solid var(--linea);border-radius:var(--radio-2);padding:16px;margin:0 0 16px}
.me-bloque>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}
.me-bloque h2{margin:0;font-size:var(--t-5);font-weight:800;letter-spacing:-.01em}
.me-bloque>header .btn{margin:0}
.me-lista{list-style:none;margin:0;padding:0}
.me-fila{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--linea)}
.me-lista>.me-fila:first-child{border-top:0}
.me-fila.cerrada .me-tx>b,.me-fila.cerrada small{opacity:.7}
.me-av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--tinta-rgb),.08);color:var(--tinta);font-weight:800;font-size:var(--t-3)}
.me-av.foto{background:center/cover no-repeat rgba(var(--tinta-rgb),.08)}
.me-av.suc svg{width:18px;height:18px}
.me-tx{flex:1;min-width:0}
.me-tx>b{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--t-4);overflow-wrap:anywhere}
.me-tx>b em{font-style:normal;font-size:var(--t-1);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.me-tx small{display:block;margin-top:4px;color:var(--gris);font-size:var(--t-3);overflow-wrap:anywhere}
.me-acc{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.me-acc button{background:none;border:1px solid var(--linea2);color:var(--texto);border-radius:var(--radio-pildora);padding:8px 12px;font:600 var(--t-2)/1 var(--f);cursor:pointer;min-height:36px}
.me-acc button:hover{border-color:var(--menta);color:var(--menta)}
.me-acc button.no{color:var(--rojo);border-color:rgba(var(--tinta-rgb),.14)}
.me-nota{margin:0 0 12px;color:var(--gris);font-size:var(--t-3)}
.me-msg{margin:8px 0 0;font-size:var(--t-3);color:var(--menta);min-height:0}
.me-msg:empty{display:none}
.me-msg.malo{color:var(--rojo)}
.me-msg .btn{margin:8px 0 0}
#meMsg{margin:0 0 12px}
.me-sub{margin:0 0 8px;font-size:var(--t-2);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}

/* capa: hoja a pantalla completa en celular, tarjeta centrada en computadora */
body>.me-capa{position:fixed!important;inset:0;z-index:100000!important;display:flex;justify-content:center;align-items:flex-end;background:rgba(3,4,6,.6)}
.me-hoja{width:min(560px,100%);max-height:100%;overflow:auto;background:var(--fondo);border:1px solid var(--linea);border-radius:var(--radio-3) var(--radio-3) 0 0;padding:0 16px 24px;overscroll-behavior:contain}
@media(min-width:700px){.me-capa{align-items:center;padding:24px}.me-hoja{border-radius:var(--radio-3);max-height:calc(100% - 48px)}}
.me-hoja-cab{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 0;background:var(--fondo);border-bottom:1px solid var(--linea)}
.me-hoja-cab h2{margin:0;font-size:var(--t-5);font-weight:800;min-width:0;overflow-wrap:anywhere}
.me-atras{display:inline-flex;align-items:center;gap:4px;flex:none;background:none;border:1px solid var(--linea2);color:var(--tinta);border-radius:var(--radio-pildora);padding:8px 12px 8px 8px;font:700 var(--t-3)/1 var(--f);cursor:pointer;min-height:40px}
.me-atras svg{width:18px;height:18px}
.me-hoja-c{padding-top:16px}
.me-hoja-c>label:first-child{margin-top:0}
.me-puestos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.me-op{text-align:left;background:rgba(var(--tinta-rgb),.04);border:1px solid var(--linea2);color:var(--texto);border-radius:var(--radio-2);padding:12px;cursor:pointer}
.me-op b{display:block;font-size:var(--t-4)}
.me-op small{display:block;margin-top:4px;color:var(--gris);font-size:var(--t-2);line-height:1.35}
.me-op.on{border-color:var(--menta);background:var(--menta-osc)}
.me-op.on b{color:var(--menta)}
.me-btns{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}
.me-btns .btn{margin:0}
@media(min-width:420px){.me-btns{grid-template-columns:1fr 1fr}}
#meLiga{font:var(--t-3) var(--num,var(--f));overflow:hidden;text-overflow:ellipsis}
.me-aviso{margin:0 0 8px;color:var(--texto);font-size:var(--t-4);line-height:1.45}
.me-dos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.me-dos>div{min-width:0}
@media(max-width:400px){.me-dos{grid-template-columns:1fr;gap:0}}
.me-mapa{margin-top:12px}
.me-vis{margin-top:8px}
.me-vis .pas{flex:1 1 auto}

/* quien abre la liga */
.me-un{max-width:480px}
.me-un .me-un-t{display:block;font-size:var(--t-6);font-weight:800;line-height:1.15;overflow-wrap:anywhere}
.me-un-d{margin:8px 0 0;color:var(--gris);font-size:var(--t-4)}
.me-un .btn{margin-top:16px}
.me-un .btn.sec{margin-top:8px}