* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: Arial, sans-serif;
    }

    body {
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      background: linear-gradient(135deg, #0f172a, #1e293b, #334155);
    }

    .login-container {
      width: 100%;
      max-width: 400px;
      background: #ffffff;
      padding: 35px;
      border-radius: 16px;
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
    }

    .login-header {
      text-align: center;
      margin-bottom: 25px;
    }

    .login-header h2 {
      color: #0f172a;
      margin-bottom: 8px;
    }

    .login-header p {
      color: #64748b;
      font-size: 14px;
    }

    .form-group {
      margin-bottom: 18px;
    }

    label {
      display: block;
      margin-bottom: 8px;
      color: #334155;
      font-weight: bold;
      font-size: 14px;
    }

    input {
      width: 100%;
      padding: 12px 14px;
      border: 1px solid #cbd5e1;
      border-radius: 10px;
      font-size: 15px;
      outline: none;
      transition: 0.3s;
    }

    input:focus {
      border-color: #2563eb;
      box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
    }

    .password-wrapper {
      position: relative;
    }

    .toggle-password {
      position: absolute;
      right: 12px;
      top: 12px;
      cursor: pointer;
      font-size: 13px;
      color: #2563eb;
      font-weight: bold;
      user-select: none;
    }

    .login-btn {
      width: 100%;
      background: #2563eb;
      color: white;
      border: none;
      padding: 13px;
      border-radius: 10px;
      font-size: 16px;
      font-weight: bold;
      cursor: pointer;
      transition: 0.3s;
    }

    .login-btn:hover {
      background: #1d4ed8;
    }

    .extra-links {
      margin-top: 16px;
      display: flex;
      justify-content: space-between;
      font-size: 13px;
    }

    .extra-links a {
      color: #2563eb;
      text-decoration: none;
    }

    .extra-links a:hover {
      text-decoration: underline;
    }

    .message {
      margin-top: 15px;
      text-align: center;
      font-size: 14px;
      font-weight: bold;
    }

    .error {
      color: #dc2626;
    }

    .success {
      color: #16a34a;
    }
   body {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;

  background: 
              url("img/Damasco-_2_.webp") no-repeat center center/cover;
}
.login-container {
  backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
body {
  background: #f1f5f9;
}

.card {
  border-radius: 14px;
  overflow: hidden;
}

.table th,
.table td {
  vertical-align: middle;
  font-size: 14px;
}

/* Agrega esto dentro de tu <style> */
.label-palma {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #000000;
    font-size: 8px;
    font-weight: 900;
    text-shadow: 
        1px 1px 1px white, 
        -1px -1px 1px white, 
        1px -1px 1px white, 
        -1px 1px 1px white;
}

.leaflet-tooltip-center::before {
    display: none !important;
}

.pdf-mode #map {
    background: white !important;
}

.pdf-mode .leaflet-tile-pane {
    display: none !important;
}

.pdf-mode .leaflet-control-container {
    display: none !important;
}

.pdf-mode .no-print {
    display: none !important;
}

.pdf-mode .card {
    box-shadow: none !important;
}