/* =========================================================
   CPAU Theme Bootstrap 5 (archivo CSS limpio)
   ========================================================= */

:root {
  --cpau-black: #000000;
  --cpau-primary-dark: #12054f;
  --cpau-primary-mid: #0a0591;
  --cpau-primary: #3400ff;
  --cpau-gray: #616161;
  --cpau-stone: #bfb5ab;
  --cpau-light: #e0dbd9;

  --cpau-bg: #f4f5f7;
  --cpau-surface: #ffffff;
  --cpau-border: #d9dee5;
  --cpau-border-strong: #c6ced8;
  --cpau-text: #1f2937;
  --cpau-text-soft: #5b6573;

  --cpau-success: #17663a;
  --cpau-danger: #a61b1b;

  --cpau-font-sans: "Roboto", Arial, sans-serif;
  --cpau-font-heading: "Montserrat", "Roboto", Arial, sans-serif;
}

body {
  font-family: var(--cpau-font-sans);
  color: var(--cpau-text);
  background-color: var(--cpau-bg);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--cpau-font-heading);
  font-weight: 700;
}

a {
  color: var(--cpau-primary);
}

a:hover {
  color: var(--cpau-black);
}

/* NAVBAR */
.navbar {
  background: #fff;
  border-bottom: 1px solid var(--cpau-border);
}

.navbar-brand {
  font-weight: 800;
}

/* BOTONES */
.btn {
  border-radius: 0;
}

.btn-primary {
  background: var(--cpau-primary);
  border: none;
}

.btn-primary:hover {
  background: var(--cpau-black);
}

/* FORMULARIOS */
.form-control, .form-select {
  border-radius: 0;
  border: 1px solid var(--cpau-border-strong);
}

.form-control:focus {
  border-color: var(--cpau-primary);
  box-shadow: 0 0 0 .1rem rgba(52,0,255,.1);
}

/* CARDS */
.card {
  border: 1px solid var(--cpau-border);
  border-radius: .75rem;
}

/* TABLAS */
.table thead {
  background: #f5f7fa;
}

/* HELP BOX */
.help-box {
  background: #f8fafc;
  border-left: 4px solid var(--cpau-primary);
  padding: .75rem;
}

/* BADGES */
.badge-soft-primary {
  background: #eef0ff;
  color: var(--cpau-primary-dark);
}

/* STEP */
.step {
  border-radius: 999px;
  border: 1px solid var(--cpau-border);
  padding: .4rem .8rem;
}

.step.active {
  background: var(--cpau-primary);
  color: #fff;
}

/* LOGIN BACKGROUND */
.login-page {
  background-image: url("https://static.cpau.org/web/images/backgrounds/e2022.jpg");
  background-size: cover;
}