/* Presentación del login existente de Yii2 User; no altera widgets ni autenticación. */
.login-page.vot-login{
    min-height:100vh;margin:0;color:#243447;font-family:"Segoe UI",Arial,sans-serif;
    background:radial-gradient(ellipse at 15% 10%,#dff4f5 0,transparent 55%),radial-gradient(ellipse at 90% 90%,#e3edfa 0,transparent 55%),#F4F7FB;
}
.vot-login-shell{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:32px 20px}
.vot-login-shell>.row{width:100%;margin:0}
.vot-login-shell>.row>[class*="col-"]{float:none;width:100%;max-width:440px;margin:0 auto;padding:0}
.vot-login-shell>.row>[class*="col-"]>div:first-child{padding:0 24px 24px!important}
.vot-login-shell>.row>[class*="col-"]>div:first-child img{display:block;max-width:360px;height:auto;margin:0 auto}
.vot-login-shell .panel{border:1px solid #dce5ee;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(22,58,95,.09);margin-bottom:20px}
.vot-login-shell .panel-heading{padding:24px 28px;border:0;border-radius:17px 17px 0 0;background:linear-gradient(135deg,#1677B8,#00A6A6);color:#fff}
.vot-login-shell .panel-title{font-size:26px;line-height:1.25;font-weight:700}
.vot-login-shell .panel-body{padding:26px 28px 28px}
.vot-login-shell .form-group{margin-bottom:20px}
.vot-login-shell .control-label{font-size:14px;font-weight:600;line-height:1.5;margin-bottom:8px}
.vot-login-shell .form-control{height:50px;border:1px solid #cbd7e3;border-radius:9px;box-shadow:none;background:#fbfcfe;font-size:16px;padding:12px 14px;color:#243447;max-width:100%}
.vot-login-shell .form-control:focus{border-color:#00A6A6;background:#fff;box-shadow:0 0 0 3px rgba(0,166,166,.12)}
.vot-login-shell a{color:#1677B8;text-decoration:none}
.vot-login-shell a:hover,.vot-login-shell a:focus{text-decoration:underline}
.vot-login-shell .checkbox{margin:0}
.vot-login-shell .checkbox label{display:flex;align-items:center;min-height:44px;font-weight:400;line-height:1.4;padding-left:26px}
.vot-login-shell .checkbox input{width:16px;height:16px;accent-color:#00A6A6;margin-top:0;margin-left:-26px}
.vot-login-shell .btn-primary{min-height:50px;border:0;border-radius:9px;background:linear-gradient(135deg,#1677B8,#00A6A6);font-size:16px;font-weight:600;box-shadow:0 3px 8px rgba(22,119,184,.15)}
.vot-login-shell .btn-primary:hover,.vot-login-shell .btn-primary:focus{background:#126899;color:#fff}
.vot-login-shell .btn:focus-visible,.vot-login-shell a:focus-visible{outline:3px solid #163A5F;outline-offset:3px}
.vot-login-shell .help-block{font-size:13px;line-height:1.4}
.vot-login-shell .has-error .form-control{border-color:#DC3545}
.vot-login-shell .alert{max-width:440px;width:100%;margin:0 auto 16px;border-radius:9px}
.vot-login-shell>.row>[class*="col-"]>div:last-child{font-size:13px;line-height:1.6;color:#fff;background:#163A5F;border-radius:12px;padding:12px 18px}
.vot-login-shell>.row>[class*="col-"]>div:last-child img{display:block;max-width:170px;width:100%;height:auto;margin:6px auto 0}
@media(max-width:480px){
    .vot-login-shell{padding:24px 16px;justify-content:flex-start}
    .vot-login-shell .panel-heading{padding:20px}
    .vot-login-shell .panel-body{padding:22px 20px}
    .vot-login-shell .panel-title{font-size:24px}
    .vot-login-shell>.row>[class*="col-"]>div:first-child{padding:0 16px 20px!important}
}