*{margin:0;padding:0;box-sizing:border-box;font-family:Calibri;}


body{
height:100vh;
display:flex;
align-items:center;
justify-content:center;
background-image: url('textura3.png');
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
}


body, html {
    height: 100%;
    margin: 0;
  }
  .bg-image {
    /* La ruta de tu imagen */
    background-image: url('textura3.png');
    
    /* Centrar la imagen y cubrir la pantalla */
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    /* Asegura que cubra toda la pantalla incluso si el body es pequeño */
    background-attachment: fixed;
}

.contenedor{width:1100px;height:550px;display:flex;}

.lado-izquierdo{width:50%;display:flex;align-items:center;justify-content:center;}

.logo{width:340px;}

.lado-derecho{width:50%;display:flex;align-items:center;justify-content:center;}

.login-box{
background:rgba(255,255,255,0.95);
padding:40px;
border-radius:18px;
width:360px;
box-shadow:0px 20px 40px rgba(0,0,0,0.25);
text-align:center;
}

.login-box h2{font-size:18px;margin-bottom:25px;color:#333;}

.input-group{display:flex;align-items:center;border:1px solid #ddd;border-radius:8px;padding:10px;margin-bottom:15px;}

.input-group i{margin-right:10px;color:#888;}

.input-group input{border:none;outline:none;width:100%;font-size:14px;}

.input-group select{border:none;outline:none;width:100%;font-size:14px;background:none;}

.btn-login{
width:100%;
padding:12px;
background:linear-gradient(90deg,#2cbf6c,#1f8f4a);
border:none;
color:white;
font-size:16px;
border-radius:25px;
cursor:pointer;
margin-top:10px;
}

.btn-login:hover{opacity:0.9;}

.footer{margin-top:20px;font-size:12px;color:#666;}