.material-symbols-rounded{
  font-family:"Material Symbols Rounded";
  font-weight:normal;
  font-style:normal;
  font-size:1.25rem;
  line-height:1;
  letter-spacing:normal;
  text-transform:none;
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  -webkit-font-feature-settings:"liga";
  font-feature-settings:"liga";
  -webkit-font-smoothing:antialiased;
  vertical-align:middle;
  flex:0 0 auto;
}
.icon-inline{font-size:1.05em;vertical-align:-.14em}

:root{
  --acp-primary:#079AF7;
  --acp-primary-2:#00B9F8;
  --acp-primary-dark:#0468B8;
  --acp-primary-soft:#EAF8FF;
  --acp-accent:#01F3B3;
  --acp-accent-dark:#00C997;
  --acp-accent-soft:#E4FFF7;
  --heading:#263238;
  --text:#64748B;
  --muted:#7A8795;
  --border:#E5EAF0;
  --bg:#F6F8FB;
}
html,body{max-width:100%;overflow-x:hidden}\nbody{min-height:100vh;min-height:100dvh;margin:0;background:var(--bg);font-family:"Inter",Arial,sans-serif;color:var(--text)}
.auth-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)}
.auth-visual{
  padding:3.5rem 4rem;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:#fff;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 22%,rgba(1,243,179,.28),transparent 28%),
    linear-gradient(145deg,#043A61 0%,#007BEF 54%,#19B8FE 100%);
}
.auth-visual:before,.auth-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.09)}
.auth-visual:before{width:520px;height:520px;right:-190px;top:-150px}
.auth-visual:after{width:350px;height:350px;left:-160px;bottom:-140px}
.auth-brand{position:relative;z-index:1;display:inline-flex;width:max-content}
.auth-brand-plate{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.96);padding:.55rem .8rem;border-radius:16px;box-shadow:0 12px 34px rgba(0,49,92,.18)}
.auth-brand img{width:165px;height:auto;display:block}
.auth-copy{max-width:570px;position:relative;z-index:1}
.auth-pill{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);padding:.45rem .75rem;border-radius:999px;font-size:.82rem;font-weight:500;margin-bottom:1.2rem}
.auth-copy h1{color:#fff;font-size:clamp(2.8rem,5vw,4.7rem);font-weight:800;line-height:.98;letter-spacing:-.045em;margin:0}
.auth-copy p{font-size:1.08rem;color:rgba(255,255,255,.72);max-width:510px;margin:1.4rem 0}
.auth-features{display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem;color:rgba(255,255,255,.82)}.auth-features span{display:inline-flex;align-items:center;gap:.3rem}.auth-features .material-symbols-rounded{color:var(--acp-accent)}
.auth-footer-copy{position:relative;z-index:1;color:rgba(255,255,255,.55)}
.auth-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--bg);min-width:0}
.auth-panel-inner{width:100%;max-width:510px;min-width:0;margin:auto}\n.auth-card{width:100%;max-width:510px;min-width:0;border:0;border-radius:16px;box-shadow:0 10px 36px rgba(67,89,113,.17);background:#fff}
.auth-card .card-body{padding:2rem}
.auth-card h1,.auth-card h2,.auth-card h3,.auth-card h4,.auth-card h5{color:var(--heading)}
.auth-mobile-logo{width:125px}
.form-control,.form-select{min-height:46px;border-radius:8px;border-color:#D9DEE3;color:var(--heading)}
.form-control:focus,.form-select:focus{border-color:#74CDFD;box-shadow:0 0 0 .2rem rgba(7,154,247,.12)}
.form-label{font-size:.87rem;font-weight:500;color:#697A8D}
.btn{border-radius:8px;font-weight:500;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}
.btn-primary{background:var(--acp-primary);border-color:var(--acp-primary)}
.btn-primary:hover{background:var(--acp-primary-dark);border-color:var(--acp-primary-dark)}
a{color:var(--acp-primary)}
.swal2-popup{font-family:"Inter",Arial,sans-serif!important;border-radius:14px!important}
.auth-loader{position:fixed;inset:0;background:rgba(47,51,73,.38);backdrop-filter:blur(3px);z-index:3000;display:none;place-items:center;padding:1rem}
.auth-loader.show{display:grid}
.auth-loader-card{min-width:min(340px,92vw);background:#fff;border-radius:14px;padding:1.1rem 1.25rem;box-shadow:0 16px 54px rgba(47,51,73,.28);display:flex;align-items:center;gap:1rem}
.auth-loader .spinner-border{color:var(--acp-primary)}
.acp-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.acp-honeypot input{width:1px!important;height:1px!important;padding:0!important;border:0!important}
@media(max-width:991.98px){
  .auth-shell{display:block;background:var(--bg)}
  .auth-visual{min-height:230px;padding:2rem 1.25rem}
  .auth-brand{display:none}
  .auth-copy h1{font-size:2.4rem}
  .auth-copy p{margin-bottom:.5rem}
  .auth-features{display:none}
  .auth-panel{padding:1rem 1.25rem 2rem;transform:translateY(-26px);background:transparent}
  .auth-panel-inner{max-width:620px}
  .auth-card{max-width:none}
  .auth-card .card-body{padding:1.4rem}
}
/* ACP+ autenticación adaptable v3.0.0 */
.auth-skip-link{position:fixed;left:1rem;top:-5rem;z-index:5000;background:#fff;color:var(--heading);padding:.65rem .9rem;border-radius:8px;box-shadow:0 6px 24px rgba(47,51,73,.22);transition:top .15s ease}.auth-skip-link:focus{top:1rem}
.btn .material-symbols-rounded{font-size:1.15rem}
.btn:focus-visible,.form-control:focus-visible,.form-select:focus-visible,a:focus-visible{outline:3px solid rgba(7,154,247,.28);outline-offset:2px}
@media(max-width:767.98px){
  .auth-shell{min-height:100dvh;display:flex;align-items:stretch}
  .auth-visual{display:none}
  .auth-panel{width:100%;min-height:100dvh;padding:max(1rem,env(safe-area-inset-top)) .85rem max(1rem,env(safe-area-inset-bottom));transform:none;background:var(--bg);align-items:flex-start;justify-content:flex-start}
  .auth-panel-inner{max-width:560px;margin:0 auto}
  .auth-card{max-width:none;margin:0;border-radius:14px}
  .auth-card .card-body{padding:1.25rem}
  .form-control,.form-select{font-size:16px;min-height:46px}
  .btn{min-height:44px}
  .swal2-popup{width:min(94vw,420px)!important;padding:1rem!important}
  .swal2-actions{width:100%}.swal2-actions .swal2-styled{flex:1 1 130px;margin:.2rem!important}
}
@media(max-width:380px){.auth-card .card-body{padding:1rem}.auth-mobile-logo{width:108px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* ACP+ autenticación v3.1 */
.auth-section-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--acp-primary-soft);color:var(--acp-primary);margin-bottom:1rem}
.auth-section-icon .material-symbols-rounded{font-size:1.5rem}
.auth-input-group .input-group-text{background:#fff;color:var(--acp-primary);border-color:#d9e6ef}
.auth-input-group .form-control{border-color:#d9e6ef}
.auth-password-toggle{min-width:48px;border-color:#d9e6ef;color:#60788a;background:#fff}
.auth-password-toggle:hover,.auth-password-toggle:focus{background:var(--acp-primary-soft);color:var(--acp-primary);border-color:#9fdcff}
.auth-company-hint{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;border:1px solid #bfe9ff;background:linear-gradient(135deg,#f1fbff,#effff9);border-radius:14px}
.auth-company-hint>.material-symbols-rounded{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#fff;color:var(--acp-primary);box-shadow:0 5px 16px rgba(7,154,247,.12)}
.auth-company-hint div{display:flex;flex-direction:column;min-width:0;flex:1}.auth-company-hint small{color:var(--muted)}.auth-company-hint strong{color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.password-strength{height:6px;background:#edf1f4;border-radius:999px;overflow:hidden}.password-strength-bar{height:100%;width:0;border-radius:inherit;transition:width .18s ease,background .18s ease}.password-strength-bar[data-level="1"]{background:#ff6b57}.password-strength-bar[data-level="2"]{background:#f5ad20}.password-strength-bar[data-level="3"]{background:#22b8cf}.password-strength-bar[data-level="4"]{background:var(--acp-accent-dark)}
.auth-consent-box{padding:1rem;border:1px solid var(--border);background:#fbfcfd;border-radius:14px}.auth-consent-box .form-check-input{margin-top:.25rem}.auth-inline-link{border:0;background:transparent;padding:0;color:var(--acp-primary);text-decoration:underline;font:inherit}.auth-inline-link:hover{color:var(--acp-primary-dark)}
.auth-card .modal-content{text-align:left}
@media(max-width:575.98px){.auth-company-hint{align-items:flex-start}.auth-company-hint .badge{display:none}}
/* ACP+ autenticación v3.2 */
body{font-family:"Inter",Arial,sans-serif}
.auth-card{border:1px solid rgba(229,234,240,.9);box-shadow:0 18px 48px rgba(30,41,59,.11)}
.auth-brand-plate{box-shadow:0 12px 32px rgba(0,49,92,.14)}
.form-control,.form-select{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
.form-control:focus,.form-select:focus{border-color:#66C6F8;box-shadow:0 0 0 .2rem rgba(7,154,247,.10)}
.btn{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}
.btn-primary{box-shadow:0 6px 16px rgba(7,154,247,.18)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(7,154,247,.22)}
.auth-input-group:focus-within .input-group-text,.auth-input-group:focus-within .form-control,.auth-input-group:focus-within .auth-password-toggle{border-color:#66C6F8}
.auth-input-group:focus-within .input-group-text{background:var(--acp-primary-soft)}
.auth-section-icon{box-shadow:inset 0 0 0 1px rgba(7,154,247,.06)}
@media(prefers-reduced-motion:reduce){.btn-primary:hover{transform:none!important}}

/* Enlaces públicos visibles aun sin iniciar sesión */
.auth-public-links{
    width:100%;
    max-width:510px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin:18px auto 0;
    padding:0 10px;
    color:#8a99a8;
    font-size:.78rem;
    line-height:1.45;
    text-align:center;
}
.auth-public-links a{
    display:inline-flex;
    align-items:center;
    color:#5f7487;
    text-decoration:none;
    font-weight:700;
    white-space:normal;
}
.auth-public-links a:hover{color:#079AF7;text-decoration:underline}

/* ACP+ autenticación v3.4 · corrección de alineación y responsive */
.auth-panel-inner,
.auth-card,
.auth-card .card-body,
.auth-input-group,
.auth-company-hint{min-width:0}
.auth-card img{max-width:100%;height:auto}
.auth-card .form-text,
.auth-card .alert,
.auth-card p,
.auth-card label,
.auth-public-links a{overflow-wrap:anywhere}
.auth-input-group .form-control{min-width:0}
.auth-card .modal-dialog{max-width:min(500px,calc(100vw - 2rem))}
.auth-card .modal-content{max-height:calc(100dvh - 2rem);overflow:auto}

@media(max-width:991.98px){
  .auth-public-links{max-width:620px}
}
@media(max-width:767.98px){
  .auth-public-links{max-width:560px;margin-top:14px;padding:0 .5rem 1rem}
}
@media(max-width:575.98px){
  .auth-card .card-body{padding:1.15rem}
  .auth-section-icon{width:44px;height:44px;border-radius:12px}
  .auth-card h2{font-size:1.65rem;line-height:1.15}
  .auth-public-links{column-gap:7px;row-gap:6px;font-size:.8rem}
  .auth-company-hint{padding:.8rem}
}
@media(max-width:359.98px){
  .auth-panel{padding-left:.6rem;padding-right:.6rem}
  .auth-card .card-body{padding:1rem}
  .auth-card h2{font-size:1.5rem}
  .auth-public-links span[aria-hidden="true"]{display:none}
  .auth-public-links{gap:5px 12px}
  .auth-public-links a{flex:1 1 100%;justify-content:center}
}