@import url('https://fonts.googleapis.com/css2?family=Baloo+Da+2:wght@400;500;600&display=swap');
body {margin: 0px;}
a{color:black;text-decoration: none!important;}
.btnIngresar{height: 45px;font-size: 22px!important;border: none;}
.fondo{margin:0;padding: 0;display: flex;align-items: center;justify-content: center;height: 100vh;background: url( "../img/fondoGestioname2.jpg");background-size: cover;}
.img_logo{width: 100%;border-radius: 19px;margin-top: 18px;padding: 7px;background-color: #0081ff82;}
.input_login {text-align: center;background-color: #ffffff30;font-size: 21px;font-weight: 200;padding: 5px 0;width: 250px;transition: border .5s;color: white;border-radius: 19px;}
.input_login:inactive {background-color: #ecf0f13b!important;}
.login {margin: 20px auto;}
.control-group {margin-bottom: 10px;}
.form-check-input:checked {background-color: #b160c8;border-color: #8d88a1;}
.fondo2{margin:0;padding: 0;display: flex;align-items: center;justify-content: center;height: 100vh; background-color:#c8bdfa;}
.login-screen2{background-color: #5c5c5c61;padding: 20px;width: 306px;height: fit-content;margin-left: auto;margin-right: inherit;font-family: 'Baloo Da 2', cursive;font-size: 12px;}
.casilla_rut2{height: 50px;border: 1px solid #00000033;color: #000000;}
.input_login2{background-color: #ffffff30;font-size: 15px;padding: 5px 30px;color: #3e3e3e;}
.fotoLateral{position: relative;background: url("fotoFinalLateral.jpg");background-position: center center;background-size: cover;}
.fotoSuperior{display: none;}
input {border:none;outline: none;background: none;}
/*.iconoInput{margin-right: -25px;margin-left: 25px;font-size: 15px;color: #735d99;}*/







.wrapper-input {
    display: flex;
    align-items: center;
    background-color: #ffffff30; /* Mantiene tu fondo semi-transparente */
    border: 1px solid #00000033; /* Mantiene tu borde original */
    padding: 0 15px;
    width: 250px; /* Ancho fijo para que no se deforme */
    margin: 0 auto; /* Centra el bloque completo horizontalmente */
}

/* REEMPLAZAR tu .iconoInput viejo por este */
.iconoInput {
    font-size: 15px;
    color: #735d99;
    flex-shrink: 0; /* Evita que el celular achique el ícono */
    margin-right: 10px; /* Separa limpiamente el ícono de las letras */
}

/* Modificación de tus clases existentes para que se acoplen perfectamente */
.input_login2 {
    background-color: transparent !important; /* El fondo ahora lo maneja el wrapper */
    font-size: 15px;
    padding: 5px 0px !important; /* Limpiamos los paddings que movían el texto */
    color: #3e3e3e;
    width: 100%; /* El input usa todo el espacio que sobra al lado del ícono */
    height: 50px;
    border: none !important; /* Le quitamos el borde individual para que no se duplique */
    outline: none;
}












/****************** SMART PHONE ****************************************/
@media screen and (max-width: 960px) {

.fotoLateral{display: none;}
.login-screen2{margin-right: auto;}
.fotoSuperior{display: block;position: relative;background: url(fotoFinalLateral.jpg);background-position: center center;background-size: cover;width: 307px;height: 177px;margin-left: auto;margin-right: auto;}
    
}