body {
  background-color: rgb(255, 224, 158);
}

.card {
  border-radius: 1rem;
}

body {
  text-transform: uppercase;
}

.nav-tabs .nav-link.active {
  border-color: #dee2e6 #dee2e6 #fff;
}

.tab-pane {
  transition: opacity 0.3s ease;
}

.card-header-tabs .nav-link {
  margin-bottom: -1px;
}

/* Centrado vertical y fondo claro */
.login-wrapper {
  min-height: 100vh;
  background-color: #f8f9fa;
}

/* Contenedor del formulario de login */
.login-container {
  max-width: 400px;
  width: 100%;
  padding: 1rem;
}

/* Tamaño del logo */
.logo-login {
  max-height: 80px;
}

/* resultados.css */
.pn-highlight {
  font-weight: 800;
  font-size: 1.05rem;
  letter-spacing: .2px;
  display: inline-block;
  padding: .15rem .45rem;
  border-radius: .4rem;
  background: linear-gradient(90deg, rgba(255, 235, 59, .25), rgba(255, 255, 255, 0.685));
  border: 1px solid rgba(255, 193, 7, .45);
  color: #0b0f14;
}

.img-zoom {
  border: 1px solid #dee2e6;
  /* borde sutil */
  border-radius: .5rem;
  /* combina con .rounded */
  background: #fff;
  /* evita transparencias raras */
  cursor: zoom-in;
  /* feedback visual */
}

.img-zoom:hover {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .08);
}


.badge.bg-info.text-dark {
  border: 1px solid rgba(13, 110, 253, .2);
}

@media (max-width: 576px) {
  h2 {
    font-size: 1.5rem;
  }

  .input-group>.form-control {
    font-size: 0.95rem;
  }
}