/* ICONOS PROFESIONALES ARDE PRODE */
/* Reemplaza los iconos CSS viejos por iconos SVG limpios tipo app */

.tab-icon,
.sheet-icon {
  position: relative !important;
  display: inline-block !important;
  width: 25px !important;
  height: 25px !important;
  color: #a9dcff !important;
  flex: 0 0 auto !important;
}

.sheet-icon {
  width: 34px !important;
  height: 34px !important;
  margin-bottom: 18px !important;
}

.tab-icon::before,
.sheet-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  clip-path: none !important;

  background: currentColor !important;
  -webkit-mask: var(--arde-icon) center / contain no-repeat !important;
  mask: var(--arde-icon) center / contain no-repeat !important;
}

.tab-icon::after,
.sheet-icon::after {
  display: none !important;
  content: none !important;
}

/* Inicio */
.icon-home {
  --arde-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.8 12 3l9 7.8'/%3E%3Cpath d='M5.5 9.5V21h13V9.5'/%3E%3Cpath d='M9.5 21v-6h5v6'/%3E%3C/svg%3E");
}

/* Fixture / pelota */
.icon-ball {
  --arde-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.2 16.2 10l-1.6 5h-5.2L7.8 10 12 7.2Z'/%3E%3Cpath d='M12 7.2V3'/%3E%3Cpath d='M16.2 10 21 8.8'/%3E%3Cpath d='M14.6 15 17.4 20'/%3E%3Cpath d='M9.4 15 6.6 20'/%3E%3Cpath d='M7.8 10 3 8.8'/%3E%3C/svg%3E");
}

/* Tablas */
.icon-table {
  --arde-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='3'/%3E%3Cpath d='M4 9h16'/%3E%3Cpath d='M4 14h16'/%3E%3Cpath d='M10 4v16'/%3E%3C/svg%3E");
}

/* Ranking */
.icon-rank,
.icon-stats {
  --arde-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20V11'/%3E%3Cpath d='M12 20V5'/%3E%3Cpath d='M19 20v-8'/%3E%3Cpath d='M3.5 20h17'/%3E%3C/svg%3E");
}

/* Menú */
.icon-more {
  --arde-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='12' r='1.5' fill='black'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='black'/%3E%3Ccircle cx='19' cy='12' r='1.5' fill='black'/%3E%3C/svg%3E");
}

/* Especiales */
.icon-star {
  --arde-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='m12 2.8 2.72 5.52 6.1.89-4.41 4.3 1.04 6.07L12 16.72l-5.45 2.86 1.04-6.07-4.41-4.3 6.1-.89L12 2.8Z'/%3E%3C/svg%3E");
}

/* Perfil */
.icon-user {
  --arde-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 21c1.15-4.1 4-6.2 7.5-6.2s6.35 2.1 7.5 6.2'/%3E%3C/svg%3E");
}

/* Panel resultados */
.icon-panel {
  --arde-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='3'/%3E%3Cpath d='M8 9h8'/%3E%3Cpath d='M8 13h5'/%3E%3Cpath d='M8 17h8'/%3E%3C/svg%3E");
}

/* Usuarios */
.icon-users {
  --arde-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 11a4 4 0 1 0-8 0'/%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.2-4 4-6 8-6s6.8 2 8 6'/%3E%3Cpath d='M18 8.5a3 3 0 0 1 1.4 5.6'/%3E%3Cpath d='M20.5 21c-.35-1.5-1.1-2.7-2.2-3.55'/%3E%3C/svg%3E");
}

/* Mi Prode / invitación */
.icon-link {
  --arde-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13.5a4 4 0 0 0 5.7 0l2.8-2.8a4 4 0 0 0-5.7-5.7l-1.4 1.4'/%3E%3Cpath d='M14 10.5a4 4 0 0 0-5.7 0l-2.8 2.8a4 4 0 0 0 5.7 5.7l1.4-1.4'/%3E%3C/svg%3E");
}

/* Salir */
.icon-exit {
  --arde-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5H6.8A2.8 2.8 0 0 0 4 7.8v8.4A2.8 2.8 0 0 0 6.8 19H10'/%3E%3Cpath d='M14 8l4 4-4 4'/%3E%3Cpath d='M18 12H9'/%3E%3C/svg%3E");
}

/* Más presencia visual en cards del menú */
.menu-tile .sheet-icon {
  color: #9fd7ff !important;
  filter: drop-shadow(0 8px 18px rgba(116,172,223,.24)) !important;
}

.mobile-tab .tab-icon {
  opacity: .92 !important;
}

.mobile-tab:hover .tab-icon,
.mobile-tab:active .tab-icon {
  color: #ffffff !important;
}