*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;font-family:'Poppins',sans-serif;background:#374E5B;color:white;overflow:auto}
.login-container{position:relative;width:min(440px,94vw);min-height:500px;padding:24px 35px 35px;background:white;color:white;text-align:center;border-radius:28px;box-shadow:0 0 30px rgba(255,255,255,.5);overflow:visible}
.login-logo{width:190px;height:145px;margin:0 auto 8px;background:white;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px}
.login-logo img{display:block;width:100%;height:100%;object-fit:contain}
h1{margin:8px 0 25px;font-size:36px;font-weight:bold;letter-spacing:1px;color:#B4812D}
label{display:block;margin:0 0 4px;font-size:18px;font-weight:bold}.field{margin-bottom:4px;color: #374E5B}
input[type=text],input[type=password],select#empresa{display:block;width:250px;height:44px;margin:0 auto 4px;padding:9px 42px 9px 14px;background:white;color:#374E5B;text-align:center;font-family:'Poppins',sans-serif;font-size:16px;font-weight:500;outline:none;border:2px solid #374E5B;border-radius:20px;transition:.4s;cursor:pointer;appearance:auto}
select#empresa{padding-left:14px;padding-right:36px;text-align:center}
select#empresa option{background:white;color:#374E5B;font-family:'Poppins',sans-serif;font-size:15px}
input[type=text]:focus,input[type=password]:focus,select#empresa:focus{width:300px;border-color:#B4812D;box-shadow:0 0 0 2px rgba(180,129,45,.12)}
select#empresa:hover{border-color:#B4812D}
input::placeholder{color:#B4812D}
.show-password{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;margin-bottom:10px;font-size:16px;cursor:pointer;user-select:none;color:#374E5B}.show-password input{width:auto;margin:0;transform:scale(1.3);cursor:pointer;accent-color:#2196f3}
button[type=submit]{display:block;width:170px;margin:15px auto 0;padding:12px;background:none;color:#B4812D;border:2px solid #374E5B;border-radius:20px;font-family:'Poppins',sans-serif;font-size:16px;cursor:pointer;transition:1s}
button[type=submit]:hover,button[type=submit]:focus{background:#B4812D;color:black;box-shadow:0 0 15px rgba(255,255,255,.8);outline:none;border:2px solid #B4812D}button[type=submit]:disabled{opacity:.6;cursor:wait}
#mensaje{min-height:22px;margin-top:14px;color:#374E5B;font-size:14px}#mensaje.success{color:#B4812D}
@media(max-width:480px){body{padding:14px}.login-container{width:94vw;min-height:500px;padding:20px 15px 30px;border-radius:24px}.login-logo{width:180px;height:135px;margin-bottom:8px}h1{font-size:32px;margin-bottom:23px}input[type=text],input[type=password],select#empresa{width:230px}input[type=text]:focus,input[type=password]:focus,select#empresa:focus{width:min(290px,78vw)}}

/* Selector de empresa personalizado */
.empresa-select{position:relative;width:250px;margin:0 auto 4px;text-align:center}
.empresa-select select{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.empresa-select-button{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:44px;margin:0;padding:9px 42px 9px 14px;background:#fff;color:#374E5B;border:2px solid #374E5B;border-radius:20px;font-family:'Poppins',sans-serif;font-size:16px;font-weight:500;cursor:pointer;transition:.25s}
.empresa-select-button:hover,.empresa-select.open .empresa-select-button{border-color:#B4812D;box-shadow:0 0 0 2px rgba(180,129,45,.12)}
.empresa-select-arrow{position:absolute;right:15px;top:50%;width:9px;height:9px;border-right:2px solid #374E5B;border-bottom:2px solid #374E5B;transform:translateY(-65%) rotate(45deg);transition:.2s}
.empresa-select.open .empresa-select-arrow{transform:translateY(-25%) rotate(225deg);border-color:#B4812D}
.empresa-select-menu{display:none;position:absolute;z-index:1000;top:calc(100% + 5px);left:0;width:100%;padding:5px;background:#fff;border:2px solid #B4812D;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.empresa-select.open .empresa-select-menu{display:block}
.empresa-option{display:block;width:100%;padding:9px 10px;background:#fff;color:#374E5B;border:0;border-radius:10px;font-family:'Poppins',sans-serif;font-size:15px;text-align:center;cursor:pointer}
.empresa-option:hover,.empresa-option.selected{background:#B4812D;color:#fff}
@media(max-width:480px){.empresa-select{width:230px}.empresa-select:focus-within .empresa-select-button{width:min(290px,78vw)}}