/* Paleta de colores personalizada para wisaarsoft */
:root {
  --wisaar-brown-dark: #473317;
  --wisaar-brown: #744112;
  --wisaar-orange-dark: #a54e14;
  --wisaar-orange: #fb6404;
  --wisaar-orange-secondary: #c8540a;
  --wisaar-orange-light: #d05c0c;
  --wisaar-orange-lighter: #dc5c0c;
  --wisaar-orange-bright: #e15d04;

  /* Sobrescribir colores Bootstrap */
  --primary: var(--wisaar-orange);
  --secondary: var(--wisaar-brown);
  --dark: var(--wisaar-brown-dark);
}

/* Estilos personalizados */

.btn-primary {
  background-color: var(--wisaar-orange);
  border-color: var(--wisaar-orange);
}

.btn-primary:hover {
  background-color: var(--wisaar-orange-dark);
  border-color: var(--wisaar-orange-dark);
}

.section-title {
  color: var(--wisaar-brown-dark);
}

.text-primary {
  color: var(--wisaar-orange) !important;
}

.social-links .link:hover {
  color: var(--wisaar-orange);
}

.footer {
  background-color: var(--wisaar-brown-dark);
  color: white;
}

.footer a, .footer p {
  color: var(--wisaar-orange-light);
}

.footer a:hover {
  color: var(--wisaar-orange);
}

/* Centrar items del carrusel portfolio cuando no llenan el ancho */
#owl-portfolio {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}

#owl-portfolio .owl-stage {
  display: flex;
  justify-content: center;
}

/* Sección de tecnologías */
.tech-item i {
  font-size: 3rem;
  transition: transform 0.2s;
}

.tech-item i:hover {
  transform: scale(1.15);
}

.tech-icon-fallback {
  color: var(--wisaar-orange);
}

.tech-label {
  font-size: 0.8rem;
  margin-top: 0.5rem;
  margin-bottom: 0;
  color: var(--wisaar-brown-dark);
  font-weight: 600;
}

/* Badges de infraestructura */
.infra-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.infra-badge {
  background-color: #fff;
  border: 2px solid var(--wisaar-orange);
  color: var(--wisaar-brown-dark);
  font-size: 0.85rem;
  padding: 0.5rem 0.9rem;
  border-radius: 2rem;
  font-weight: 500;
}