/* Lo que te da Admósfera (menu_servicios.js). Usa los tokens de estilo.css. */
.ms-selector{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.ms-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;font-size:13px;
  font-weight:700;color:var(--tinta);background:var(--papel);border:1px solid var(--linea);text-decoration:none}
.ms-pill i{width:9px;height:9px;border-radius:50%;background:var(--u,var(--acento))}
.ms-pill:hover{border-color:var(--u,var(--acento))}
.ms-pill.activa{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}

.ms-tabla tbody tr[data-ir]{cursor:pointer}
.ms-tabla tbody tr[data-ir]:hover td{background:var(--fondo)}
.ms-tabla .pinta{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}

.ms-cabeza{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--papel);
  border:1px solid var(--linea);border-top:4px solid var(--u);border-radius:var(--radio);padding:16px 20px;
  box-shadow:var(--sombra);margin-bottom:14px}
.ms-cabeza img{height:52px;width:auto;max-width:140px;object-fit:contain}
.ms-cabeza div{flex:1;min-width:200px}
.ms-cabeza h2{margin:0 0 2px}
.ms-cabeza p{margin:0;color:var(--suave);font-size:13.5px}
.ms-asi{margin:-4px 0 14px}

.ms-capas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:10px}
.ms-capa{background:var(--fondo);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;
  border-left:4px solid var(--ms-c,var(--acento))}
.ms-capa span{font-size:13px;color:var(--suave)}

.ms-leyenda{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 14px}
.ms-lineas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.ms-linea{background:var(--fondo);border-radius:10px;padding:14px 16px;min-width:0}
.ms-linea h3{display:flex;align-items:center;gap:8px;margin:0 0 2px;font-size:15px}
.ms-linea h3 span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;
  background:var(--tinta);color:var(--papel);font-size:12px}
.ms-linea > p{margin:0 0 8px;font-size:12.5px}
.ms-linea ul{list-style:none;margin:0;padding:0}
.ms-linea li{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:7px 0;
  border-top:1px solid var(--linea)}
.ms-linea li div{min-width:0}
.ms-linea li b{display:block;font-size:13.5px}
.ms-linea li small{display:block;font-size:12px;color:var(--suave)}

.ms-tag{flex:none;display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;
  white-space:nowrap;background:var(--linea);color:var(--suave)}
.ms-piso{--ms-c:var(--acento)} .ms-tag.ms-piso{background:var(--bruma);color:var(--acento-tinta)}
.ms-admin{--ms-c:var(--ok)} .ms-tag.ms-admin{background:var(--ok-fondo);color:var(--ok)}
.ms-encargos{--ms-c:var(--sol)} .ms-tag.ms-encargos{background:var(--sol-fondo);color:var(--sol-tinta)}
.ms-tag.ms-direccion{background:var(--tinta);color:var(--papel)}

.ms-tuyo ul{margin:8px 0 6px;padding-left:20px}
.ms-tuyo li{margin:3px 0}

@media (max-width:600px){
  .ms-lineas{grid-template-columns:1fr}
  .ms-linea li{flex-direction:column;gap:4px}
}