/* UFY Phone — El Chat: pestañas "Para ti" y "Siguiendo"
   (js/ufy-phone/el-chat-feed-tabs.js). Como las de Instagram: texto, y la
   elegida en blanco con una raya debajo. */
.ufy-el-chat-tabs {
  display: flex;
  justify-content: center;
  gap: 28px;
  margin: 4px 0 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.ufy-el-chat-tab {
  position: relative;
  min-height: 44px;
  padding: 10px 6px;
  border: 0;
  background: none;
  color: rgba(255, 255, 255, 0.6);
  font: inherit;
  font-size: calc(15px * var(--ufy-font-scale, 1));
  font-weight: 600;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.ufy-el-chat-tab[aria-pressed="true"] {
  color: #fff;
}

.ufy-el-chat-tab[aria-pressed="true"]::after {
  content: "";
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: -1px;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, #b46bff, #ff9ccf);
}

.ufy-el-chat-tab:focus-visible {
  outline: 2px solid #b0faff;
  outline-offset: 2px;
  border-radius: 8px;
}