/**
 * TEMA AZUL PARA ICONOS BOOTSTRAP
 * Este archivo aplica el tema azul unificado a todos los iconos Bootstrap del sitio
 */

/* Aplicar el tema azul a todos los iconos Bootstrap por defecto */
.bi {
  color: var(--primary-700) !important;
}

/* Excepción: Iconos de estado y acciones especiales */
.bi-check-circle, 
.bi-check-circle-fill {
  color: var(--primary-600) !important;
}

.bi-shield-check, 
.bi-shield-lock,
.bi-shield-lock-fill {
  color: var(--primary-700) !important;
}

.bi-info-circle,
.bi-info-circle-fill {
  color: var(--primary-600) !important;
}

/* Mantener el color verde para WhatsApp */
.bi-whatsapp {
  color: #25d366 !important;
}

/* Excepciones para redes sociales */
.social-btn .bi-facebook,
.social-btn .bi-twitter,
.social-btn .bi-linkedin {
  color: inherit !important;
}

/* Iconos de advertencia */
.bi-exclamation-circle,
.bi-exclamation-triangle {
  color: var(--warning) !important;
}

/* Iconos de error */
.bi-x-circle,
.bi-x-octagon {
  color: var(--error) !important;
}

/* Iconos de estrellas - valoraciones */
.star-rating .bi-star-fill,
.star-rating .bi-star {
  color: var(--primary-500) !important;
}

/* Mantener el color heredado para iconos dentro de botones */
.btn .bi {
  color: inherit !important;
}

/* Iconos en los encabezados */
h1 .bi, h2 .bi, h3 .bi, h4 .bi, h5 .bi, h6 .bi {
  color: var(--primary-700) !important;
}

/* Iconos circulares con fondo */
.icon-circle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: var(--primary-100);
}

.icon-circle .bi {
  color: var(--primary-700) !important;
}

/* Iconos en elementos de navegación */
.nav-link .bi {
  color: inherit !important;
}

/* Iconos dentro de cards */
.card-header .bi {
  color: var(--primary-700) !important;
}

/* Efectos hover para iconos */
.icon-hover:hover .bi {
  color: var(--primary-800) !important;
  transform: scale(1.1);
}