:root {
    --bs-primary: #1889c8;
    --bs-secondary: #6c757d;
    --bs-success: #28a745;
    --bs-danger: #dc3545;
    --bs-warning: #ffc107;
    --bs-info: #17a2b8;
    --bs-light: #f8f9fa;
    --bs-dark: #343a40;
  }

  /* PRIMARY */
  .btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
  }

  .btn-primary:hover {
    background-color: #147db6 !important;
    border-color: #147db6 !important;
  }

  .btn-primary:active {
    background-color: #116fa3 !important;
    border-color: #116fa3 !important;
  }

  /* SECONDARY */
  .btn-secondary:hover {
    background-color: #5a6268;
    border-color: #5a6268;
  }

  /* SUCCESS */
  .btn-success:hover {
    background-color: #218838;
    border-color: #218838;
  }

  /* DANGER */
  .btn-danger:hover {
    background-color: #c82333;
    border-color: #c82333;
  }

  /* WARNING */
  .btn-warning {
    color: #000;
  }

  .btn-warning:hover {
    background-color: #e0a800;
    border-color: #e0a800;
  }

  /* INFO */
  .btn-info:hover {
    background-color: #138496;
    border-color: #138496;
  }

  /* OUTLINE PRIMARY */
  .btn-outline-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
  }

  .btn-outline-primary:hover {
    background-color: var(--bs-primary);
    color: white;
  }

  /* OUTLINE OTHERS */
  .btn-outline-secondary:hover {
    background-color: var(--bs-secondary);
    color: white;
  }

  .btn-outline-success:hover {
    background-color: var(--bs-success);
    color: white;
  }

  .btn-outline-danger:hover {
    background-color: var(--bs-danger);
    color: white;
  }

  .btn-outline-warning:hover {
    background-color: var(--bs-warning);
    color: black;
  }

  .btn-outline-info:hover {
    background-color: var(--bs-info);
    color: white;
  }

  /* LIGHT AND DARK */
  .btn-light:hover {
    background-color: #e2e6ea;
    border-color: #dae0e5;
  }

  .btn-dark:hover {
    background-color: #23272b;
    border-color: #1d2124;
  }

  .hero {
    background: linear-gradient(135deg, #1a8fd0 0%, #147ab3 100%);
    color: white;
    padding: 80px 30px;
    border-radius: 0 0 40px 40px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.feature-card {
    transition: transform 0.3s;
    height: 100%;
}
.feature-card:hover {
    transform: translateY(-5px);
}
.sector-card {
    transition: all 0.3s ease;
    cursor: pointer;

}
.sector-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.bg-purple {
    background-color: #6f42c1;
}
.sector-card {
    border: 1px solid #dee2e6;
    display: flex;
    flex-direction: column;
    min-height: 180px;
}
.sector-card p {
    flex-grow: 1;
    min-height: 200px;
    align-content: center;
}
body {
  background-color: #f5f5f9;
}
.step-title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #121264;
}
.toggle-btns .form-check-input {
  display: none;
}
.toggle-btns label {
  padding: 0.5rem 1.2rem;
  border: 2px solid #ccc;
  border-radius: 20px;
  cursor: pointer;
  margin-right: 10px;
}
.toggle-btns .form-check-input:checked + label {
  background-color: #f26623;
  color: white;
  border-color: #f26623;
}
.info-box {
  border: 2px solid #fff;
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #fff;
  color: #212529;
  margin-top: 1rem;
}
.info-box i {
  color: #fff;
  margin-right: 0.5rem;
}
.info-box.negative {
  border-color: #f26623;
}
.info-box.negative i {
  color: #f26623;
}
.info-box.positive {
  border-color: #198754;
}
.info-box.positive i {
  color: #198754;
}

#completionMessage {
  display: none;
  text-align: left;
  padding: 2rem;
}
#completionMessage h3 {
  color: #198754;
}
.wizard-sidebar {
  border-right: 1px solid #ddd;
}
.wizard-step-link {
  display: block;
  padding: 0.75rem;
  color: #121264;
  text-decoration: none;
  border-left: 4px solid transparent;
}
.wizard-step-link:hover,
.wizard-step-link.active {
  background-color: #e6e6f2;
  border-left-color: #f26623;
}
.contact-container {
    max-width: 800px;
    margin: auto;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}