body
{
	background-color: white;
}


.body2 
{
	
 /* background-image: url("pti.JPEG"); */
    height: 100vh; 
    position: relative; 
     display: flex;
    justify-content: center;
    align-items: center;
  }
.divImagenIDXI {
    width: 100%;
    height: 100px; 
    overflow: hidden; /* Para que no se desborde la mendiga imagen */
margin: 0 auto;
}

.img-ajustada {
    width: 100%;
    height: 100%;
	
   
}

.DivSesion 
{
    background-color: rgba(255, 255, 255, 0.5); 
    top: 250px; /* Desplazamos pa eso es el div el div 20px hacia abajo */
    left: 600px; 
    width: 600px;
    height: 600px;
}

#LabelInitSesion
{
	top:10px;
position: relative;
width: 50%; 
min-width: max-content;
    height: 50px; 
    margin: 0 auto; 
  /* background-color: transparent;*/
  /*  justify-content: center; */
  /*  align-items: center;*/
/*	color: #8e227b;*/
	background: linear-gradient(rgba(255, 255, 249, 0.4), rgba(162, 183, 190, 0.25));
    font-size: 30pt;
    text-align: center;
}
.inicioSesiondegradado{
	
	background: linear-gradient(to right, #924be0, #28c0ea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.FormSesion
{
width:50%; /* ancho acordar */
    height: 300px; /* acordarse del alto */
    /* background-color: #ccc; este fondo feo se quita */
    margin: 0 auto; /* colocamos margenes automaticos es para centrarlo mejor dicho */
    justify-content: center; /* Centramoso horizontalmente */
    align-items: center;
	color: #61A46B;
background-color: transparent;
}



.LabelSesion
{
	font-size: 30pt;
    color: #484398;
    background-color: rgb(179 199 196 / 20%);
}

.InputSesion
{
width: 80%; /* Ajusta el ancho del cuadrojeje */
    height: 40px;
    box-shadow: 2px 2px 5px rgba(28, 166, 220, 1.0);
    border: 1px solid #e3f9dd;
	font-size: 15pt;
}
.input-container {
    position: relative;
    width: 100%;
}

.eye-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 20px;
}

.ButtonSesion
{
    width: 70%;
    height: auto;
    box-shadow: 2px 2px 5px rgba(28, 166, 220, 1.0);
    border: 1px solid #e3f9dd;  
	font-size: 15pt;
}



footer{
 position:relative;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background:#999;
         }