/* CG CONNECT · Etapa 1b · Íconos interiores aprobados.
   Solo reemplazo visual; se conservan los botones, el texto y los controles originales. */
.profile-button > span {
  display:grid;
  grid-row:auto;
  grid-column:auto;
  place-items:center;
  position:relative;
  flex:none;
  width:clamp(30px,4.3vw,51px);
  height:clamp(30px,4.3vw,51px);
  margin:0;
  color:transparent;
  font-size:0 !important;
  line-height:0;
  text-shadow:none;
}
.profile-button > span::before {
  content:"";
  display:block;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  filter:drop-shadow(0 3px 2px #0008);
  pointer-events:none;
}
.profile-button[data-profile="professional"] > span::before,
.profile-button[data-open="professional"] > span::before {
  background-image:url("/icons/professional.svg");
}
.profile-button[data-profile="personal"] > span::before,
.profile-button[data-open="personal"] > span::before {
  background-image:url("/icons/personal.svg");
}
.profile-button[data-profile="social"] > span::before,
.profile-button[data-open="social"] > span::before {
  background-image:url("/icons/social.svg");
}
@media(max-width:760px) {
  .profile-button > span {
    width:clamp(27px,6.8vw,42px);
    height:clamp(27px,6.8vw,42px);
  }
}