h2 {
            text-align: center;
            color: #f0e6d2; /* Beige/Tan - Heading */
            margin-bottom: 25px;
            font-weight: bold;
            letter-spacing: 1px;
        }

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

        
        select,
		textarea,
		input[type="text"],
		input[type="date"],
        input[type="time"] {
            width: calc(100% - 16px);
            padding: 12px;
            border: 1px solid #555;
            border-radius: 4px;
            box-sizing: border-box;
            font-size: 16px;
            background-color: #555; /* Darker Gray - Input Background */
            color: #f0e6d2; /* Beige/Tan - Input Text */
        }

        select option {
            background-color: #444444; /* Darker Gray - Option Background */
            color: #f0e6d2; /* Beige/Tan - Option Text */
        }

        button {
            background-color: #a00000; /* Dark Red - Button */
            color: #fff;
            padding: 14px 22px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 18px;
            width: 100%;
            font-weight: bold;
            transition: background-color 0.3s ease;
        }

        button:hover {
            background-color: #800000; /* Darker Red - Button Hover */
        }

        .error-message {
            color: #ff4d4d; /* Light Red - Error */
            font-size: 0.9em;
            margin-top: 8px;
        }
       
        
   body  {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background-color: #1a1a1a;
      color: #f5e4b8;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
       text-align: center;
      background: radial-gradient(ellipse at center, #1a1a1a 0%, #111 100%);
      
           
    }

    .container {
      max-width: 650px;
      padding: 10px;
      background-color: #262626;
      border: 2px solid #e3b062;
      border-radius: 20px;
      box-shadow: 0 0 20px rgba(255, 204, 102, 0.15);
    }
    
    .containerimg {
      max-width: 320px;
      padding: 0px;
      background-color: #262626;
      border: 2px solid #e3b062;
      border-radius: 20px;
      box-shadow: 0 0 20px rgba(255, 204, 102, 0.15);
	 height: 200px;
    width: 200px;
    margin: auto;
    margin-top: 3px;
	 margin-bottom: 13px;
    display: block;
     }
	 .containerTable{
       background-color: #262626;
       border-radius: 20px;
      box-shadow: 0 0 20px rgba(255, 204, 102, 0.15);
	 
     margin-right: 13px;
     display: block;
     }

    .logo {
      width: 320px;
      height: auto;
      margin-bottom: 25px;
    }

    h1 {
      color: #ffcc66;
      font-size: 2.8rem;
      margin-bottom: 20px;
      font-family: 'Georgia', serif;
    }

    p {
      font-size: 1.3rem;
      margin-bottom: 20px;
      line-height: 1.6;
      color: #f5e4b8;
    }
	
	

    

    .a {
      display: inline-block;
      padding: 9px 15px;
      background-color: #ffcc66;
      color: #1a1a1a;
      text-decoration: none;
      border-radius: 10px;
      font-weight: bold;
      font-size: 0.9rem;
 	  
	   
    }
	.aa {
      display: inline-block;
     color: #ffcc66;
       text-decoration: none;
        font-size: 0.9rem;
 	  
	   
    }

    a:hover {
      background-color: #ffd98a;
	  
            
    }
    
    label {
            display: block;
            margin-bottom: 8px;
            margin-left:8px;
            color: #d2b48c; /* Light Brown - Label */
            font-weight: bold; 
            text-align: left;
        }
       .footer{
		  
      margin-top: 40px;
       color: #f5e4b8;
	   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        
      justify-content: center;
      align-items: center;
       text-align: center;
 	  font-size: 0.9em;

 	   }
	   .vencido{
  background-color: rgb(237 238 242);
  color: #707274de;
 border: 1px solid #ddd; padding: 8px;
}

.avencer{
  background-color: rgb(225 255 225);
  color: #0640fdde;
 border: 1px solid #ddd; padding: 8px;
}
.nav{
  list-style: none;
  padding: 0;
  margin: 1rem 0;
  display: flex;
  justify-content: center;
  gap: 20px;
}

nav ul li {
  display: inline;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 2px solid rgb(140 140 140);
  text-align: center;
  font:
    16px "Open Sans",
    Helvetica,
    Arial,
    sans-serif;
}