/* SOMOS: personalizacion visual de Self Service Password 1.8.2. */
:root { --somos-rosa:#e4007c; --somos-rosa-oscuro:#a5005a; --somos-texto:#2f3a3f; }
html,body { background:#fff!important; background-image:none!important; color:var(--somos-texto); padding-top:0; font-family:Arial,sans-serif; font-size:16px; min-height:100%; }
body { margin:0; padding:32px 0 24px; }
body>.container { width:100%; max-width:560px; padding:0 24px; margin:0 auto; }
body>.container>.card { background:#fff; border:0; box-shadow:none!important; }
.card>.card-body { padding:0; }
.card .container { width:100%; max-width:none; padding:0; }
.navbar { background:#fff!important; border:0; box-shadow:none!important; padding:0 0 16px; }
.navbar>.container-fluid { padding:0; }
.navbar-brand { white-space:normal; font-size:15px; line-height:1.5; color:#595959; margin-right:0; }
img.menu-logo { display:none; }
.navbar a { color:var(--somos-rosa-oscuro); }
img.logo { width:260px; max-width:80%; height:auto; margin:24px auto 30px!important; }
.alert { border-radius:6px; box-shadow:none!important; padding:14px 16px; overflow-wrap:anywhere; }
.title.alert-success { background:#fff; border:0; color:var(--somos-texto); }
.title h1 { font-size:23px; font-weight:700; }
.alert-success { color:#1b593d; background:#edf7f0; border:1px solid #b7d9c6; }
.alert-warning { color:#624b15; background:#fff9e9; border:1px solid #ead9a9; }
.alert-danger { color:#8b1930; background:#fff0f3; border:1px solid #e5a8b5; }
.alert-info { background:#fff; border:0; color:var(--somos-texto); padding:0; }
form .row { margin-left:0; margin-right:0; }
form .row>[class*="col-sm-"] { width:100%; flex:0 0 100%; max-width:100%; padding-left:0; padding-right:0; }
form .row>[class*="offset-sm-"] { margin-left:0; }
form label.col-form-label { text-align:left!important; font-weight:600; font-size:14px; padding:0 0 7px; }
form .mb-3 { margin-bottom:20px!important; }
.form-control,.form-select { min-height:46px; border-color:#aab2b8; background:#fff; color:var(--somos-texto); font-size:16px; border-radius:4px; }
.form-control:focus,.form-select:focus { border-color:var(--somos-rosa); box-shadow:0 0 0 3px #e4007c25; }
.form-control::placeholder { color:#687177; opacity:1; }
.input-group-text { color:#69747b; background:#f7f7f8; border-color:#aab2b8; }
.password-toggle-icon { color:var(--somos-rosa-oscuro); cursor:pointer; }
.btn-success { --bs-btn-bg:#e4007c; --bs-btn-border-color:#e4007c; --bs-btn-hover-bg:#a5005a; --bs-btn-hover-border-color:#a5005a; --bs-btn-active-bg:#a5005a; --bs-btn-active-border-color:#a5005a; --bs-btn-disabled-bg:#e4007c; --bs-btn-disabled-border-color:#e4007c; }
form button[type="submit"] { width:100%; min-height:48px; padding:11px 16px; font-size:16px; font-weight:600; border-radius:4px; }
a { color:var(--somos-rosa-oscuro); }
a:hover { color:#7c0044; text-decoration:underline; }
a:focus-visible,button:focus-visible,.password-toggle-icon:focus-visible { outline:3px solid #2f3a3f; outline-offset:3px; }
#footer { position:static!important; margin:30px auto 0; background:#fff!important; color:#69747b; font-size:12px; padding:12px 24px!important; }
.captcha { text-align:left!important; }
@media(max-width:575px) { body { padding-top:20px; } body>.container { padding:0 20px; } img.logo { width:230px; } }
@media print { body { padding:0; } }
