body {
  font-family: 'Segoe UI', sans-serif;
}

header {
  background: url('../img/almacen.jpg') no-repeat center center/cover;
  color: white;
  text-shadow: 1px 1px 3px #000;
}

h1, h2 {
  font-weight: 700;
}
.servicio-box {
  background: white;
  border: 1px solid #ddd;
  transition: all 0.3s ease;
  border-radius: 8px;
}

.servicio-box:hover {
  background-color: #003366;
  color: white;
  border-color: #003366;
}

.servicio-box:hover a {
  color: #ffd700;
  text-decoration: underline;
}

.icono-servicio i {
  color: #003366;
}

.servicio-box:hover .icono-servicio i {
  color: #ffd700;
}

footer a:hover {
  text-decoration: underline;
}

footer .bi {
  margin-right: 8px;
}

 body {
      background: url('https://images.unsplash.com/photo-1565612929152-7a6e97d85a27?ixlib=rb-4.0.3&auto=format&fit=crop&w=1950&q=80') no-repeat center center fixed;
      background-size: cover;
      font-family: 'Segoe UI', sans-serif;
    }
    .login-container {
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      backdrop-filter: blur(6px);
    }
    .card {
      background-color: rgba(255, 255, 255, 0.9);
      border-radius: 15px;
      padding: 30px;
      width: 100%;
      max-width: 400px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    }
    .logo {
      font-size: 2rem;
      font-weight: bold;
      color: #0d6efd;
      text-align: center;
    }
    .btn-primary {
      width: 100%;
    }