body {
      background: linear-gradient(to right, #097a0dff, rgb(179, 217, 28));
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Segoe UI', sans-serif;
    }

    .bodyCoordinadores {
      background: linear-gradient(to right, rgb(4, 8, 104), rgb(98, 83, 233));
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Segoe UI', sans-serif;
    }

    .login-card {
      width: 100%;
      max-width: 400px;
      padding: 2rem;
      border-radius: 1rem;
      background-color: #fff;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    }

    .form-control:focus {
      box-shadow: none;
      border-color: #2575fc;
    }

    .btn-primary {
      background-color: #349929ff;
      border-color: #349929ff;
    }
  /*Boton de Ingresar - Sin Mouse*/ 
    .btn-primary:hover {
      background-color: #1a5edc;
      border-color: #1a5edc;
    }

    #LoginUser {
      color: #0c8c1b;
      margin-top: 20px;
      text-align: center;     
    }

    #LoginPass {
      color: #0c8c1b;
      margin-top: 20px;
      text-align: center;     
    }

    .InfoLoginCoord {
      color: #217a3a;
      margin-top: 20px;
      text-align: center;   
      font-weight: bold;  
    }

    
    .InfoLogin {
      color: #209d0c;
      margin-top: 20px;
      font-size: 18px;
      text-align: center;   
      font-weight: bold;  
    }

    /*BOTON DE ACCESO LOGIN - 06-08-2025*/


    .BotonInicio:hover {
        background: linear-gradient(90deg, #8aa60c 0%, #85e480 100%);
        color: #fff;
        box-shadow: 0 6px 20px rgba(41, 143, 161, 0.3);
        transform: translateY(-2px) scale(1.03);
        transition: background 0.3s, box-shadow 0.2s, transform 0.2s;
    }

    .BotonInicio {
        background: linear-gradient(90deg, #0a8032 0%, #a0d714 100%);
        color: #fff;        
        border: none;
        padding: 0.75rem 2rem;
        border-radius: 1rem;
        font-size: 1rem;
        font-weight: bold;
        cursor: pointer;
        transition: box-shadow 0.2s, transform 0.2s;
        box-shadow: 0 4px 14px rgba(67, 233, 123, 0.2);
    }

/*BOTON DE COORDINADORES - 06/08/2025*/



    .BotonInicio2 {
        background: linear-gradient(90deg, #062052 0%, #998fe3 100%);
        color: #fff;        
        border: none;
        padding: 0.75rem 2rem;
        border-radius: 1rem;
        font-size: 1rem;
        font-weight: bold;
        cursor: pointer;
        transition: box-shadow 0.2s, transform 0.2s;
        box-shadow: 0 4px 14px rgba(67, 233, 123, 0.2);
    }

        .BotonInicio2:hover {
        background: linear-gradient(90deg, #06146f 0%, #6fd1a2 100%);
        color: #fff;
        box-shadow: 0 6px 20px rgba(41, 143, 161, 0.3);
        transform: translateY(-2px) scale(1.03);
        transition: background 0.3s, box-shadow 0.2s, transform 0.2s;
    }

/*==========================*/

   .IniciaSesion {
    font-family:Arial;
    color: rgb(13, 98, 28);
    font-weight: bold;
    }


    .IniciaSesion2 {
    font-family:Arial;
    color: rgb(23, 123, 65);
    font-weight: bold;
    }

     .RegistroRecuperacion {
    font-family:Arial;
    color: rgb(40, 128, 47);    
    font-size: 14px;
    }

    
     .RegistroRecuperacion2 {
    font-family:Arial; 
    color: rgb(68, 40, 128);    
    font-size: 14px;
    }
   
 .espaciarCheck {
    display:inline-block; 
    width:10px;
}