/* =========================
   NAVBAR MÓVIL + RESPONSIVE
   ========================= */

@media (max-width:576px){
  .navbar .container{
    flex-direction:column;
    align-items:center;
    gap:.5rem;
  }

  .navbar-brand{
    margin-right:0;
  }

  .navbar-brand img{
    height:80px;
    width:auto;
  }

  .test-toolbar{
    position:static;
    top:auto;
    z-index:auto;
    margin-top:0;
  }

  #questionNav .question-nav-btn,
  .question-nav-btn{
    width:34px;
    min-width:34px;
    height:34px;
    font-size:.75rem;
  }

  .cookie-banner{
    left:.75rem;
    right:.75rem;
    bottom:.75rem;
    padding:1rem;
  }

  .cookie-banner-actions{
    width:100%;
  }

  .cookie-banner-actions .btn{
    flex:1 1 auto;
  }

  .card-body{
    padding:1rem;
  }

  .test-toolbar .card-body{
    padding:.75rem .9rem;
  }

  .test-toolbar .progress{
    height:6px !important;
  }

  .test-toolbar .small{
    font-size:.8rem;
  }

  #questionNav{
    gap:4px !important;
  }
}

/* ==================
   CONTRASTE BOTONES
   ================== */

.btn-outline-primary{
  color:#0b5ed7;
  border-color:#0b5ed7;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active{
  background:#0b5ed7;
  color:#fff;
  border-color:#0b5ed7;
}

.btn-outline-secondary{
  color:#495057;
  border-color:#6c757d;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active{
  background:#6c757d;
  color:#fff;
  border-color:#6c757d;
}

.badge.bg-primary-subtle{
  background-color:#cfe2ff !important;
  color:#052c65 !important;
  border-color:#052c65;
}

/* ================
   CONTRASTE COOKIE
   ================ */

.cookie-banner .text-muted{
  color:#495057 !important;
}

.cookie-banner a{
  color:#0a58ca;
  text-decoration:underline;
}

.cookie-banner a:hover,
.cookie-banner a:focus{
  color:#084298;
}
.cookie-banner-note{
  color:#495057;
}