/* WEB 111 · EXPEDIENTE DIGITAL PC · SECUENCIA FUNCIONAL */
#modalRegistroAdministrativoInicial.esm111-reg-modal,
#modalCambioContrasenaAdminWeb.esm111-password-modal{position:fixed;inset:0;z-index:9999999;background:#010813;color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif}
#modalRegistroAdministrativoInicial.esm111-reg-modal:not(.oculto),
#modalCambioContrasenaAdminWeb.esm111-password-modal:not(.oculto){display:flex!important;visibility:visible!important;opacity:1!important}
.esm111-reg-shell{width:100vw;height:100vh;display:grid;grid-template-columns:330px minmax(720px,1fr) 330px;grid-template-rows:106px minmax(0,1fr) 42px;gap:10px;padding:10px;box-sizing:border-box;background:radial-gradient(circle at 50% 20%,rgba(0,92,190,.12),transparent 45%),#010813;overflow:hidden}
.esm111-reg-top{grid-column:1/4;display:grid;grid-template-columns:1.15fr 1.5fr .55fr .82fr;border:1px solid #0c70aa;border-radius:12px;background:#020b14;box-shadow:inset 0 0 24px rgba(0,125,255,.08);overflow:hidden}
.esm111-company,.esm111-title,.esm111-clock,.esm111-user{display:flex;align-items:center;padding:13px 18px;border-right:1px solid rgba(45,164,230,.18);min-width:0}
.esm111-company{gap:13px}.esm111-logo-box{width:68px;height:68px;border:1px solid #1d8ed3;border-radius:11px;background:#020913;display:grid;place-items:center;overflow:hidden;box-shadow:0 0 18px rgba(0,153,255,.18);flex:0 0 auto}.esm111-logo-box img{display:none;width:100%;height:100%;object-fit:contain;padding:5px;box-sizing:border-box}
.esm111-company div:last-child{display:grid;gap:3px;min-width:0}.esm111-company small,.esm111-company span,.esm111-title span{color:#21cfff;font-weight:800;font-size:12px;letter-spacing:.04em}.esm111-company strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.esm111-title{justify-content:center;flex-direction:column;text-align:center}.esm111-title h1{margin:0;font-size:30px;letter-spacing:.04em}.esm111-title span{margin-top:5px}
.esm111-clock{flex-direction:column;justify-content:center;gap:8px;font-size:13px}.esm111-user{gap:12px}.esm111-user img{width:60px;height:60px;border-radius:50%;object-fit:cover;background:#0a1623;border:2px solid #28bdf2}.esm111-user div{display:grid;gap:2px}.esm111-user span{font-size:12px;color:#cfd9e2}.esm111-user small{color:#36e684;font-size:11px}
.esm111-left{grid-column:1;grid-row:2;padding:22px 18px;border:1px solid #0c5d8d;border-radius:11px;background:linear-gradient(180deg,#020c16,#01070d);overflow:auto}.esm111-left h3{color:#19d3ff;margin:0;font-size:15px}.esm111-left h2{font-size:25px;margin:8px 0}.esm111-left>b{color:#ffcf22;font-size:14px}.esm111-left>p{font-size:13px;line-height:1.65;color:#d3dce3}
.esm111-side-card,.esm111-blocked{display:flex;gap:12px;align-items:center;border:1px solid #145e8c;border-radius:10px;padding:14px 12px;margin-top:14px;background:#04101b}.esm111-side-card i,.esm111-blocked i{font-style:normal;font-size:28px}.esm111-side-card div,.esm111-blocked div{display:grid;gap:5px}.esm111-side-card strong{color:#22d2ff;font-size:12px}.esm111-side-card span,.esm111-blocked span{font-size:11px;line-height:1.45;color:#ced7df}.esm111-blocked{border-color:#916c00;background:rgba(94,62,0,.14)}.esm111-blocked strong{color:#ffd21f;font-size:12px}
#btnVolverRegistroAdministrativo{width:100%;margin-top:16px;padding:12px;border:1px solid #a63d3d;border-radius:8px;background:#160a0d;color:#ff8a8a;font-weight:800;cursor:pointer}
.esm111-main{grid-column:2;grid-row:2;min-width:0;min-height:0;display:grid;grid-template-rows:116px minmax(0,1fr) 62px;gap:10px;position:relative}
.esm111-stepper{display:flex;align-items:center;justify-content:center;gap:0;border:1px solid #0c5d8d;border-radius:11px;background:#020b14;padding:13px 18px}.esm111-stepper .esm-exp-admin-step-dot{position:relative;min-width:108px;border:0;background:transparent;color:#d3d8de;display:grid;place-items:center;gap:5px;cursor:pointer}.esm111-stepper .esm-exp-admin-step-dot:not(:last-child):after{content:"";position:absolute;left:70%;right:-30%;top:25px;height:2px;background:#1f5e7b}.esm111-stepper .esm-exp-admin-step-dot b{width:46px;height:46px;border:2px solid #65717a;border-radius:50%;display:grid;place-items:center;font-size:15px}.esm111-stepper .esm-exp-admin-step-dot span{font-size:12px}.esm111-stepper .esm-exp-admin-step-dot.activo b{border-color:#29c8ff;color:#fff;box-shadow:0 0 20px #087dff;background:#073763}.esm111-stepper .esm-exp-admin-step-dot.activo span{color:#7fdcff}.esm111-stepper .esm-exp-admin-step-dot.completo b{border-color:#1cd4e8;color:#66eaff}.esm111-step-badge{position:absolute;top:90px;right:16px;color:#21ceff;font-size:10px;z-index:2}
.esm111-main .esm-exp-admin-panel{display:none;min-height:0;overflow:auto;border:1px solid #0b5a87;border-radius:11px;background:linear-gradient(180deg,#020d18,#010811);padding:18px;box-sizing:border-box}.esm111-main .esm-exp-admin-panel.activo{display:block}
.esm111-section-title{display:grid;gap:4px;margin-bottom:13px}.esm111-section-title b{font-size:22px;color:#21cff9}.esm111-section-title span{font-size:12px;color:#d7dfe6}
.esm111-welcome.activo{display:grid!important;grid-template-columns:1.3fr .7fr;align-items:center;gap:20px;background:radial-gradient(circle at 55% 36%,rgba(0,91,255,.17),transparent 40%),#020b14}.esm111-welcome-copy{text-align:center;padding:20px}.esm111-welcome-copy>span{color:#27ccff;font-weight:800}.esm111-welcome-copy h2{font-size:38px;margin:16px 0 8px}.esm111-welcome-copy>b{color:#21d1ff;font-size:20px}.esm111-welcome-copy p{color:#cbd5dc}.esm111-people{max-width:100%;max-height:430px;object-fit:contain;justify-self:center;filter:drop-shadow(0 0 18px rgba(0,126,255,.25))}
.esm111-identity-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.esm111-identity-summary div{border:1px solid #0c5d8d;border-radius:9px;padding:12px;background:#03111e;display:grid;gap:4px}.esm111-identity-summary small{color:#6ea6bf}.esm111-identity-summary strong{font-size:12px}
.esm111-photo-box{height:min(430px,50vh);max-width:650px;margin:0 auto;border:2px solid #138cd0;border-radius:20px;background:linear-gradient(rgba(0,45,82,.15),rgba(0,15,28,.8));display:grid;place-items:center;overflow:hidden;box-shadow:0 0 25px rgba(0,132,255,.18)}.esm111-photo-box img,.esm111-photo-box video{width:100%;height:100%;object-fit:contain}.esm111-photo-placeholder{display:grid;place-items:center;gap:8px;color:#6bdcff;font-size:46px}.esm111-photo-placeholder strong{font-size:18px;color:#fff}.esm111-photo-placeholder span{font-size:12px;color:#78a8bd}.esm111-photo-actions{display:flex;justify-content:center;gap:18px;margin-top:18px}.esm111-photo-actions button{min-width:180px;padding:15px;border:1px solid #1597d7;border-radius:12px;background:#03131f;color:#eaf8ff;font-weight:900;cursor:pointer;box-shadow:0 0 18px rgba(0,125,255,.1)}.esm111-photo-actions button:hover{border-color:#56e2ff}
.esm111-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.esm111-fields label,.esm111-license-row label,.esm111-item label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#e8f4f9}.esm111-fields .wide{grid-column:1/3}.esm111-fields input,.esm111-fields textarea,.esm111-license-row input,.esm111-license-row select,.esm111-item input,.esm111-item select{width:100%;box-sizing:border-box;background:#03111c;color:#fff;border:1px solid #0f6b9d;border-radius:7px;padding:12px;font:inherit;outline:none}.esm111-fields textarea{min-height:80px;resize:vertical}.esm111-fields input:focus,.esm111-fields textarea:focus,.esm111-license-row input:focus,.esm111-license-row select:focus,.esm111-item input:focus,.esm111-item select:focus{border-color:#29d5ff;box-shadow:0 0 0 2px rgba(41,213,255,.08)}
.esm111-license-row{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:center;border:1px solid #0e6f9d;border-radius:10px;padding:9px 14px;margin-bottom:10px;background:#03111b}.esm111-license-row img{width:100%;height:126px;object-fit:contain}.esm111-license-row>div{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.esm111-license-row h3{grid-column:1/3;margin:0;color:#20d4ff;font-size:15px}
.esm111-items{display:grid;grid-template-columns:1fr 1fr;gap:10px}.esm111-item{display:grid;grid-template-columns:125px 1fr;gap:12px;align-items:center;border:1px solid #0d658f;border-radius:9px;padding:8px;background:#03101a}.esm111-item img{width:120px;height:100px;object-fit:contain}.esm111-item>div{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}.esm111-item b{grid-column:1/3;color:#21d2ff;font-size:14px}
.esm111-confirm-grid{display:grid;grid-template-columns:210px 1fr;gap:14px}.esm111-confirm-photo{border:1px solid #0e6a9c;border-radius:10px;padding:10px;background:#03111b;display:grid;gap:8px;text-align:center}.esm111-confirm-photo img{width:100%;height:230px;object-fit:cover;border-radius:8px;background:#06121c}.esm111-confirm-photo b{font-size:11px;color:#22d4ff}.esm-exp-admin-confirm-summary{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:9px!important}.esm-exp-admin-confirm-summary>div{border:1px solid #0d5e87!important;border-radius:8px!important;padding:9px!important;background:#03111b!important;display:grid!important;gap:4px!important}.esm-exp-admin-confirm-summary small{color:#24cef4!important}.esm-exp-admin-confirm-summary strong{font-size:11px!important;color:#fff!important}.esm111-final-note{margin-top:13px;border:1px solid #0e6b99;border-radius:8px;padding:10px;color:#cde5ef;background:#03121f;font-size:11px}
.esm111-footer{display:flex;justify-content:space-between;align-items:center}.esm111-footer button{padding:15px 28px;border-radius:8px;border:1px solid #16618c;background:#02101c;color:#54d9ff;font-weight:900;cursor:pointer;min-width:180px}.esm111-footer #btnRegistroAdminSiguiente{margin-left:auto;border-color:#197ed2;color:#fff;box-shadow:0 0 16px rgba(0,104,255,.25)}.esm111-footer #btnGuardarRegistroAdministrativo{margin-left:auto;border-color:#d9a900;background:#271d00;color:#ffe23d;box-shadow:0 0 18px rgba(255,202,0,.2)}
.esm111-right{grid-column:3;grid-row:2;display:grid;grid-template-rows:1fr auto auto;gap:10px;min-height:0}.esm111-right-people{width:100%;height:100%;object-fit:cover;border:1px solid #0e628d;border-radius:11px;background:#03101a}.esm111-info-card{border:1px solid #0d5f88;border-radius:10px;background:#03101a;padding:15px;display:grid;gap:9px}.esm111-info-card b{color:#22d0f7;font-size:13px}.esm111-info-card span{font-size:11px;line-height:1.6;color:#d4dce2}
.esm111-bottom-lock{grid-column:1/4;grid-row:3;border:1px solid #0b5780;border-radius:9px;background:#020b14;display:grid;place-items:center;color:#dce6eb;font-size:11px;letter-spacing:.04em}
.oculto{display:none!important}
@media(max-width:1250px){.esm111-reg-shell{grid-template-columns:250px minmax(650px,1fr) 260px}.esm111-reg-top{grid-template-columns:1fr 1.35fr .6fr .8fr}.esm111-stepper .esm-exp-admin-step-dot{min-width:92px}.esm111-license-row{grid-template-columns:220px 1fr}.esm111-right{font-size:90%}}
@media(max-width:980px){.esm111-reg-shell{display:block;height:auto;min-height:100vh;overflow:auto}.esm111-reg-top,.esm111-left,.esm111-main,.esm111-right,.esm111-bottom-lock{display:block;margin-bottom:10px}.esm111-reg-top{display:grid;grid-template-columns:1fr 1fr}.esm111-left{display:none}.esm111-main{display:grid;min-height:760px}.esm111-right{display:none}.esm111-stepper{overflow-x:auto;justify-content:flex-start}.esm111-welcome.activo{grid-template-columns:1fr}.esm111-people{display:none}.esm111-license-row{grid-template-columns:1fr}.esm111-items{grid-template-columns:1fr}}

/* WEB111 PASSWORD */
.esm111-password-shell{width:min(1540px,96vw);height:min(930px,94vh);margin:auto;display:grid;grid-template-columns:58% 42%;grid-template-rows:135px 1fr 54px;border:1px solid #137bb4;border-radius:17px;overflow:hidden;background:#020a12;box-shadow:0 35px 100px rgba(0,0,0,.55)}
.esm111-password-header{grid-column:1/3;display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid #0e5b86;background:#020a12}.esm111-password-header h1{margin:0;font-size:44px;letter-spacing:.03em}.esm111-password-header span{display:block;color:#ffd022;font-weight:900;letter-spacing:.16em;margin-top:8px}.esm111-company-logo-frame{width:260px;height:78px;border:1px solid #208bc5;border-radius:13px;display:grid;place-items:center;overflow:hidden;background:#020b14}.esm111-company-logo-frame img{display:none;width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box}
.esm111-password-office{grid-column:1;grid-row:2;background:url("assets/expediente-pc-111/oficina_password.png") center/cover no-repeat;border-right:1px solid #0e5f8b}
.esm111-password-form{grid-column:2;grid-row:2;padding:26px 26px 18px;display:grid;gap:15px;align-content:center;background:linear-gradient(180deg,#020b14,#01070d)}.esm111-password-form label{display:grid;gap:6px}.esm111-password-form label>b{font-size:14px}.esm111-password-form label>small{color:#36c8ec;font-size:10px}.esm111-pw-field{height:48px;display:grid;grid-template-columns:1fr 50px;border:1px solid #0e6d9e;border-radius:7px;overflow:hidden}.esm111-pw-field input{border:0;background:#020b14;color:#fff;padding:0 13px;outline:none}.esm111-pw-field button{border:0;border-left:1px solid #0e6d9e;background:#020b14;color:#4eb7ff;cursor:pointer}.esm111-security-recommend{border:1px solid #c19200;border-radius:8px;padding:12px;background:#160f00;display:grid;gap:5px}.esm111-security-recommend b{color:#ffd020;font-size:12px}.esm111-security-recommend span{font-size:10px;line-height:1.45;color:#e7e7e7}.esm111-pw-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.esm111-pw-actions button{min-height:70px;border-radius:10px;display:grid;place-items:center;align-content:center;gap:4px;cursor:pointer}.esm111-pw-actions button span{font-size:10px}.esm111-pw-actions .save{border:1px solid #35d88d;background:#073522;color:#71f1b0}.esm111-pw-actions .restart{border:1px solid #9d5cff;background:#291255;color:#d5a8ff}.esm111-pw-status{min-height:20px;font-size:11px;color:#d5f5ff}.esm111-password-shell>footer{grid-column:1/3;display:grid;place-items:center;border-top:1px solid #0e5e87;font-size:11px;color:#d8e0e5}


/* WEB 112 · AJUSTE VISUAL PC · SOLO PRESENTACIÓN */
@media (min-width:1100px){
  .esm111-reg-shell{
    grid-template-columns:300px minmax(760px,1fr) 300px!important;
    gap:8px!important;padding:8px!important;
  }
  .esm111-reg-top{grid-template-columns:1.05fr 1.55fr .58fr .82fr!important}
  .esm111-left{padding:18px 16px!important}
  .esm111-main{grid-template-rows:92px minmax(0,1fr) 58px!important;gap:8px!important}

  .esm111-stepper{
    background:linear-gradient(180deg,rgba(2,10,18,.98),rgba(1,7,13,.98))!important;
    border-color:rgba(20,117,166,.55)!important;
    box-shadow:inset 0 0 22px rgba(0,120,210,.045),0 6px 20px rgba(0,0,0,.22)!important;
    padding:10px 18px!important;gap:4px!important;overflow:hidden!important;
  }
  .esm111-stepper .esm-exp-admin-step-dot{
    min-width:104px!important;color:#8e9aa4!important;opacity:.72!important;transition:.18s ease!important;
  }
  .esm111-stepper .esm-exp-admin-step-dot b{
    width:42px!important;height:42px!important;border:1px solid #65717a!important;
    background:rgba(2,10,17,.96)!important;box-shadow:none!important;color:#c6d0d7!important;
  }
  .esm111-stepper .esm-exp-admin-step-dot span{
    font-size:11px!important;color:#9aa6af!important;font-weight:700!important;
  }
  .esm111-stepper .esm-exp-admin-step-dot:not(:last-child):after{
    left:68%!important;right:-32%!important;top:22px!important;height:2px!important;
    background:#1d536c!important;box-shadow:none!important;
  }
  .esm111-stepper .esm-exp-admin-step-dot.completo{opacity:.9!important}
  .esm111-stepper .esm-exp-admin-step-dot.completo b{
    border-color:#1f7797!important;color:#79cde8!important;background:#04111c!important;
    box-shadow:inset 0 0 10px rgba(0,153,210,.07)!important;
  }
  .esm111-stepper .esm-exp-admin-step-dot.completo span{color:#6faec4!important}
  .esm111-stepper .esm-exp-admin-step-dot.completo:not(:last-child):after{background:#176987!important}
  .esm111-stepper .esm-exp-admin-step-dot.activo{opacity:1!important;transform:translateY(-1px)!important}
  .esm111-stepper .esm-exp-admin-step-dot.activo b{
    border:2px solid #53dfff!important;color:#fff!important;
    background:radial-gradient(circle at 50% 45%,#0b78c8 0%,#063968 62%,#031523 100%)!important;
    box-shadow:0 0 10px rgba(33,201,255,.55),0 0 22px rgba(0,118,255,.38),inset 0 0 12px rgba(115,229,255,.12)!important;
  }
  .esm111-stepper .esm-exp-admin-step-dot.activo span{
    color:#8be9ff!important;text-shadow:0 0 8px rgba(38,213,255,.3)!important;
  }

  .esm111-main .esm-exp-admin-panel{
    padding:16px 18px!important;scrollbar-width:thin;scrollbar-color:#176a95 #020b13;
  }
  .esm111-main .esm-exp-admin-panel::-webkit-scrollbar{width:8px}
  .esm111-main .esm-exp-admin-panel::-webkit-scrollbar-track{background:#020b13}
  .esm111-main .esm-exp-admin-panel::-webkit-scrollbar-thumb{background:#176a95;border-radius:10px}

  .esm111-welcome.activo{
    grid-template-columns:minmax(480px,1.35fr) minmax(240px,.65fr)!important;
    gap:16px!important;
  }
  .esm111-welcome-copy{padding:12px 18px!important}
  .esm111-welcome-copy h2{font-size:clamp(30px,3vw,48px)!important;line-height:1.08!important}
  .esm111-people{max-height:360px!important}
  .esm111-right{gap:8px!important}
  .esm111-right-people{object-position:center top!important}
  .esm111-fields{gap:12px 16px!important}
  .esm111-license-row{grid-template-columns:245px minmax(0,1fr)!important;gap:14px!important}
  .esm111-license-row img{height:116px!important}
  .esm111-items{gap:8px!important}
  .esm111-item{grid-template-columns:112px 1fr!important}
  .esm111-item img{width:105px!important;height:90px!important}
  .esm111-footer button{padding:13px 24px!important;min-width:170px!important}
}

@media (min-width:1100px) and (max-width:1600px){
  .esm111-reg-shell{
    grid-template-columns:270px minmax(690px,1fr) 270px!important;
    grid-template-rows:92px minmax(0,1fr) 38px!important;
  }
  .esm111-reg-top{font-size:92%!important}
  .esm111-title h1{font-size:26px!important}
  .esm111-logo-box{width:60px!important;height:60px!important}
  .esm111-left{padding:14px 12px!important}
  .esm111-left h2{font-size:22px!important}
  .esm111-side-card,.esm111-blocked{padding:11px 10px!important;margin-top:10px!important}
  .esm111-main{grid-template-rows:84px minmax(0,1fr) 54px!important}
  .esm111-stepper{padding:8px 10px!important}
  .esm111-stepper .esm-exp-admin-step-dot{min-width:88px!important}
  .esm111-stepper .esm-exp-admin-step-dot b{width:38px!important;height:38px!important}
  .esm111-stepper .esm-exp-admin-step-dot:not(:last-child):after{top:20px!important}
  .esm111-main .esm-exp-admin-panel{padding:13px 14px!important}
  .esm111-section-title b{font-size:19px!important}
  .esm111-welcome-copy h2{font-size:34px!important}
  .esm111-right-people{max-height:330px!important}
}


/* ============================================================
   WEB 113 · ORDEN VISUAL PC
   - Panel izquierdo completo sin scroll
   - Barra de pasos oscura: solo el paso activo brilla
   - Fotografía ordenada y visible completa
   SOLO CSS / PRESENTACIÓN
   ============================================================ */

@media (min-width:1100px){

  /* ===== PANEL IZQUIERDO: TODO DEBE CABER SIN BAJAR ===== */
  .esm111-left{
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    padding:12px 12px 10px!important;
    gap:0!important;
  }

  .esm111-left h3{
    margin:0!important;
    font-size:12px!important;
    line-height:1.15!important;
  }

  .esm111-left h2{
    margin:5px 0 4px!important;
    font-size:20px!important;
    line-height:1.08!important;
  }

  .esm111-left>b{
    font-size:11px!important;
    line-height:1.2!important;
  }

  .esm111-left>p{
    margin:7px 0 5px!important;
    font-size:10px!important;
    line-height:1.38!important;
  }

  .esm111-side-card,
  .esm111-blocked{
    flex:0 0 auto!important;
    min-height:0!important;
    margin-top:7px!important;
    padding:8px 9px!important;
    gap:8px!important;
    border-radius:8px!important;
  }

  .esm111-side-card i,
  .esm111-blocked i{
    font-size:20px!important;
    width:27px!important;
    text-align:center!important;
    flex:0 0 27px!important;
  }

  .esm111-side-card div,
  .esm111-blocked div{
    gap:2px!important;
  }

  .esm111-side-card strong,
  .esm111-blocked strong{
    font-size:10px!important;
    line-height:1.18!important;
  }

  .esm111-side-card span,
  .esm111-blocked span{
    font-size:9px!important;
    line-height:1.28!important;
  }

  #btnVolverRegistroAdministrativo{
    margin-top:8px!important;
    padding:9px 8px!important;
    min-height:36px!important;
    font-size:10px!important;
    line-height:1!important;
  }

  /* ===== BARRA DE PASOS: ELIMINAR CELESTE DE FONDO ===== */
  .esm111-stepper{
    background:#020912!important;
    border:1px solid #0a4d70!important;
    box-shadow:inset 0 0 16px rgba(0,116,180,.05)!important;
  }

  .esm111-stepper button.esm-exp-admin-step-dot,
  .esm111-stepper .esm-exp-admin-step-dot{
    appearance:none!important;
    -webkit-appearance:none!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:0!important;
    filter:none!important;
  }

  .esm111-stepper .esm-exp-admin-step-dot:hover,
  .esm111-stepper .esm-exp-admin-step-dot:focus,
  .esm111-stepper .esm-exp-admin-step-dot:active{
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  .esm111-stepper .esm-exp-admin-step-dot b{
    background:#030b13!important;
    border:1px solid #53616b!important;
    color:#b8c1c8!important;
    box-shadow:none!important;
  }

  .esm111-stepper .esm-exp-admin-step-dot span{
    color:#7f8d97!important;
    text-shadow:none!important;
  }

  .esm111-stepper .esm-exp-admin-step-dot.completo b{
    background:#04101a!important;
    border-color:#17617e!important;
    color:#66b8d1!important;
    box-shadow:none!important;
  }

  .esm111-stepper .esm-exp-admin-step-dot.completo span{
    color:#5d9bb0!important;
  }

  /* SOLO ACTIVO */
  .esm111-stepper .esm-exp-admin-step-dot.activo{
    background:transparent!important;
    box-shadow:none!important;
  }

  .esm111-stepper .esm-exp-admin-step-dot.activo b{
    background:radial-gradient(circle,#086eae 0%,#053556 66%,#020c15 100%)!important;
    border:2px solid #54ddff!important;
    color:#fff!important;
    box-shadow:0 0 8px rgba(57,215,255,.58),0 0 18px rgba(0,111,255,.38)!important;
  }

  .esm111-stepper .esm-exp-admin-step-dot.activo span{
    color:#79e4ff!important;
    text-shadow:0 0 7px rgba(35,208,255,.28)!important;
  }

  /* ===== PANTALLA FOTO: ORDEN Y PROPORCIÓN ===== */
  .esm111-photo{
    overflow:hidden!important;
    display:none!important;
  }

  .esm111-photo.activo{
    display:grid!important;
    grid-template-rows:auto minmax(210px,1fr) auto!important;
    align-content:stretch!important;
    gap:10px!important;
    padding:13px 16px!important;
  }

  .esm111-photo .esm111-section-title{
    margin:0!important;
  }

  .esm111-photo .esm111-section-title b{
    font-size:18px!important;
    line-height:1.15!important;
  }

  .esm111-photo .esm111-section-title span{
    font-size:10px!important;
    line-height:1.3!important;
  }

  .esm111-photo-box{
    width:min(720px,88%)!important;
    height:auto!important;
    min-height:210px!important;
    max-height:none!important;
    margin:0 auto!important;
    align-self:stretch!important;
    border-radius:15px!important;
    position:relative!important;
  }

  #registroAdminFotoPreview:not([src]),
  #registroAdminFotoPreview[src=""]{
    display:none!important;
  }

  #registroAdminFotoPreview{
    object-fit:contain!important;
    object-position:center!important;
  }

  .esm111-photo-placeholder{
    font-size:34px!important;
    gap:5px!important;
  }

  .esm111-photo-placeholder strong{
    font-size:15px!important;
  }

  .esm111-photo-placeholder span{
    font-size:10px!important;
  }

  .esm111-photo-actions{
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(130px,190px))!important;
    justify-content:center!important;
    gap:10px!important;
  }

  .esm111-photo-actions button{
    min-width:0!important;
    width:100%!important;
    min-height:44px!important;
    padding:10px 12px!important;
    font-size:11px!important;
    border-radius:9px!important;
  }

  /* Footer siempre visible, sin montarse sobre la foto */
  .esm111-footer{
    min-height:54px!important;
    position:relative!important;
    z-index:3!important;
    background:#010813!important;
  }

  /* Panel derecho un poco más compacto para no forzar altura */
  .esm111-right{
    grid-template-rows:minmax(190px,1fr) auto auto!important;
    overflow:hidden!important;
  }

  .esm111-info-card{
    padding:10px 12px!important;
    gap:5px!important;
  }

  .esm111-info-card b{
    font-size:11px!important;
  }

  .esm111-info-card span{
    font-size:9px!important;
    line-height:1.42!important;
  }
}

/* PC pequeña / navegador con menos alto: priorizar que TODO sea visible */
@media (min-width:1100px) and (max-height:820px){

  .esm111-reg-shell{
    grid-template-rows:82px minmax(0,1fr) 32px!important;
  }

  .esm111-reg-top{
    min-height:0!important;
  }

  .esm111-company,
  .esm111-title,
  .esm111-clock,
  .esm111-user{
    padding:8px 12px!important;
  }

  .esm111-logo-box{
    width:52px!important;
    height:52px!important;
  }

  .esm111-title h1{
    font-size:23px!important;
  }

  .esm111-title span,
  .esm111-company small,
  .esm111-company span{
    font-size:9px!important;
  }

  .esm111-company strong{
    font-size:13px!important;
  }

  .esm111-user img{
    width:46px!important;
    height:46px!important;
  }

  .esm111-main{
    grid-template-rows:70px minmax(0,1fr) 48px!important;
  }

  .esm111-stepper{
    padding:5px 8px!important;
  }

  .esm111-stepper .esm-exp-admin-step-dot{
    min-width:76px!important;
    gap:2px!important;
  }

  .esm111-stepper .esm-exp-admin-step-dot b{
    width:31px!important;
    height:31px!important;
    font-size:11px!important;
  }

  .esm111-stepper .esm-exp-admin-step-dot span{
    font-size:9px!important;
  }

  .esm111-stepper .esm-exp-admin-step-dot:not(:last-child):after{
    top:16px!important;
  }

  .esm111-step-badge{
    top:60px!important;
    font-size:8px!important;
  }

  .esm111-photo.activo{
    grid-template-rows:auto minmax(180px,1fr) auto!important;
    gap:7px!important;
    padding:9px 12px!important;
  }

  .esm111-photo-box{
    width:min(650px,86%)!important;
    min-height:180px!important;
  }

  .esm111-photo-actions button{
    min-height:38px!important;
    padding:8px!important;
    font-size:10px!important;
  }

  .esm111-footer button{
    min-height:38px!important;
    padding:9px 18px!important;
    font-size:10px!important;
  }

  .esm111-bottom-lock{
    font-size:8px!important;
  }
}

/* WEB 114 · AJUSTE FINAL PC solicitado 14-08-2026
   - Bienvenida sin foto interior duplicada
   - Foto lateral centrada/respirada
   - Stepper perfectamente alineado
   - Área de fotografía cuadrada y estable */
.esm111-welcome.activo{display:flex!important;align-items:center;justify-content:center;gap:0!important}
.esm111-welcome-copy{width:min(820px,92%);max-width:820px;margin:0 auto;padding:24px 28px}
.esm111-welcome>.esm111-people{display:none!important}

.esm111-stepper{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;justify-items:stretch;gap:0;padding:12px 20px 10px;overflow:visible}
.esm111-stepper .esm-exp-admin-step-dot{width:100%;min-width:0!important;grid-template-rows:48px 20px;align-items:start;justify-items:center;gap:4px;padding:0!important;margin:0!important}
.esm111-stepper .esm-exp-admin-step-dot b{width:42px;height:42px;box-sizing:border-box;position:relative;z-index:2;margin:0}
.esm111-stepper .esm-exp-admin-step-dot span{line-height:18px;white-space:nowrap;text-align:center}
.esm111-stepper .esm-exp-admin-step-dot:not(:last-child):after{left:calc(50% + 21px)!important;right:calc(-50% + 21px)!important;top:20px!important;height:2px!important}

.esm111-photo.activo{display:flex!important;flex-direction:column;align-items:stretch;overflow:auto}
.esm111-photo .esm111-section-title{width:100%}
.esm111-photo-box{width:min(500px,54vh,72%);height:auto!important;aspect-ratio:1/1;max-width:500px;max-height:none;margin:4px auto 0;border-radius:14px;flex:0 0 auto}
.esm111-photo-box img,.esm111-photo-box video,.esm111-photo-box canvas{width:100%;height:100%;object-fit:cover}
.esm111-photo-actions{margin-top:12px;gap:14px}
.esm111-photo-actions button{min-width:170px;padding:12px 18px}

.esm111-right{display:flex;flex-direction:column;align-items:stretch;overflow:hidden}
.esm111-right-people{width:88%!important;max-width:300px!important;height:300px!important;object-fit:contain!important;object-position:center center!important;margin:8px auto 10px!important;display:block!important;flex:0 0 auto}

@media (max-width:1500px){
 .esm111-reg-shell{grid-template-columns:300px minmax(650px,1fr) 290px}
 .esm111-stepper{padding-left:12px;padding-right:12px}
 .esm111-stepper .esm-exp-admin-step-dot span{font-size:11px}
 .esm111-photo-box{width:min(430px,50vh,70%);max-width:430px}
 .esm111-right-people{height:260px!important;max-width:270px!important}
}

/* WEB 115 · AJUSTE APROBADO PC · 14-08-2026
   SOLO PRESENTACIÓN: stepper, foto, panel derecho y encaje vertical. */
@media (min-width:1100px){
  .esm111-stepper{padding:8px 14px 6px!important;align-items:start!important}
  .esm111-stepper .esm-exp-admin-step-dot{display:grid!important;grid-template-rows:38px 18px!important;justify-items:center!important;align-items:start!important;gap:2px!important;position:relative!important}
  .esm111-stepper .esm-exp-admin-step-dot b{width:34px!important;height:34px!important;line-height:30px!important;margin:0!important;display:grid!important;place-items:center!important}
  .esm111-stepper .esm-exp-admin-step-dot span{display:block!important;position:static!important;margin:0!important;line-height:16px!important;text-align:center!important;font-size:10px!important}
  .esm111-stepper .esm-exp-admin-step-dot:not(:last-child):after{left:calc(50% + 17px)!important;right:calc(-50% + 17px)!important;top:16px!important}

  .esm111-photo.activo{padding:10px 16px!important;gap:6px!important;overflow:hidden!important}
  .esm111-photo-box{width:min(390px,43vh,62%)!important;max-width:390px!important;aspect-ratio:1/1!important;margin:2px auto 0!important;min-height:0!important}
  .esm111-photo-actions{margin-top:5px!important;grid-template-columns:repeat(2,minmax(150px,190px))!important;gap:10px!important}
  .esm111-photo-actions button{min-height:38px!important;padding:8px 12px!important}

  .esm111-right{display:grid!important;grid-template-rows:minmax(0,1fr) auto auto!important;gap:7px!important;padding:0!important;min-height:0!important}
  .esm111-right-people{width:calc(100% - 16px)!important;max-width:none!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center 30%!important;margin:8px auto 0!important;border-radius:10px!important}
  .esm111-info-card{margin:0 8px!important;padding:8px 10px!important;min-height:0!important}
  .esm111-info-card:last-child{margin-bottom:8px!important}
  .esm111-info-card b{font-size:10px!important}.esm111-info-card span{font-size:8.5px!important;line-height:1.32!important}
}
@media (min-width:1100px) and (max-height:820px){
  .esm111-photo-box{width:min(330px,39vh,58%)!important;max-width:330px!important}
  .esm111-right-people{object-position:center 26%!important}
  .esm111-info-card{padding:6px 9px!important}.esm111-info-card span{font-size:8px!important}
}

/* WEB 116 · DATOS PERSONALES PC + FOTO PREVIEW + PANEL DERECHO */
@media (min-width:1100px){
  .esm111-personal.activo{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:12px!important;
    padding:16px 18px!important;
    overflow:hidden!important;
  }
  .esm111-personal .esm111-fields{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(68px,auto)!important;
    gap:12px 18px!important;
    align-content:start!important;
  }
  .esm111-personal .esm111-fields label{
    display:grid!important;
    grid-template-rows:auto 44px!important;
    gap:6px!important;
    margin:0!important;
    min-width:0!important;
    font-size:12px!important;
    line-height:1.15!important;
  }
  .esm111-personal .esm111-fields label.wide{grid-column:1/-1!important;grid-template-rows:auto 62px!important;}
  .esm111-personal .esm111-fields input,
  .esm111-personal .esm111-fields textarea{
    width:100%!important;box-sizing:border-box!important;margin:0!important;
    min-height:44px!important;height:44px!important;padding:9px 13px!important;
    font-size:13px!important;border-radius:10px!important;
  }
  .esm111-personal .esm111-fields textarea{height:62px!important;min-height:62px!important;resize:none!important;}
  .esm111-right-people{object-fit:cover!important;object-position:center 38%!important;width:100%!important;height:100%!important;}
  .esm111-photo-box.tiene-foto #registroAdminFotoPreview{display:block!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important;object-fit:contain!important;z-index:2!important;}
  .esm111-photo-box.tiene-foto #registroAdminFotoIcono{display:none!important;}
}
@media (min-width:1100px) and (max-height:820px){
  .esm111-personal.activo{padding:10px 14px!important;gap:8px!important;}
  .esm111-personal .esm111-fields{grid-auto-rows:minmax(56px,auto)!important;gap:7px 14px!important;}
  .esm111-personal .esm111-fields label{grid-template-rows:auto 38px!important;gap:4px!important;font-size:10px!important;}
  .esm111-personal .esm111-fields label.wide{grid-template-rows:auto 48px!important;}
  .esm111-personal .esm111-fields input{height:38px!important;min-height:38px!important;padding:6px 11px!important;font-size:11px!important;}
  .esm111-personal .esm111-fields textarea{height:48px!important;min-height:48px!important;padding:7px 11px!important;font-size:11px!important;}
}

/* WEB 117 · COMPACTADO FINAL PC: PERSONALES + LICENCIAS */
@media (min-width:1100px){
  /* Datos personales: todo visible y proporcionado en pantallas PC */
  .esm111-personal.activo{padding:10px 14px!important;gap:7px!important;overflow:hidden!important}
  .esm111-personal .esm111-section-title{margin-bottom:0!important}
  .esm111-personal .esm111-section-title b{font-size:15px!important}
  .esm111-personal .esm111-section-title span{font-size:10px!important;margin-top:2px!important}
  .esm111-personal .esm111-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:6px 12px!important;align-content:start!important}
  .esm111-personal .esm111-fields label{grid-template-rows:auto 34px!important;gap:3px!important;font-size:9px!important;line-height:1.05!important}
  .esm111-personal .esm111-fields label.wide{grid-template-rows:auto 40px!important}
  .esm111-personal .esm111-fields input{height:34px!important;min-height:34px!important;padding:5px 9px!important;font-size:10px!important;border-radius:7px!important}
  .esm111-personal .esm111-fields textarea{height:40px!important;min-height:40px!important;padding:5px 9px!important;font-size:10px!important;border-radius:7px!important;resize:none!important}

  /* Licencias: tres tarjetas completas dentro del área central */
  .esm111-licenses.activo{padding:9px 13px!important;overflow:hidden!important}
  .esm111-licenses .esm111-section-title{margin-bottom:6px!important}
  .esm111-licenses .esm111-section-title b{font-size:15px!important}
  .esm111-licenses .esm111-section-title span{font-size:10px!important;margin-top:2px!important}
  .esm111-license-row{grid-template-columns:185px minmax(0,1fr)!important;gap:10px!important;padding:6px 10px!important;margin-bottom:6px!important;min-height:0!important;border-radius:8px!important}
  .esm111-license-row img{height:82px!important;width:100%!important;object-fit:contain!important}
  .esm111-license-row>div{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px 10px!important;align-items:end!important}
  .esm111-license-row h3{font-size:13px!important;line-height:1.05!important;margin:0 0 2px!important}
  .esm111-license-row label{gap:3px!important;font-size:9px!important;line-height:1!important}
  .esm111-license-row input,.esm111-license-row select{height:32px!important;min-height:32px!important;padding:4px 8px!important;font-size:10px!important;border-radius:7px!important}

  /* Foto derecha: mostrar completa la imagen de siete colaboradores */
  .esm111-right-people{object-fit:contain!important;object-position:center center!important;background:#020b13!important;padding:4px!important;box-sizing:border-box!important}
}
@media (min-width:1100px) and (max-height:820px){
  .esm111-personal.activo{padding:7px 11px!important;gap:5px!important}
  .esm111-personal .esm111-fields{gap:4px 10px!important}
  .esm111-personal .esm111-fields label{grid-template-rows:auto 30px!important;font-size:8.5px!important}
  .esm111-personal .esm111-fields label.wide{grid-template-rows:auto 34px!important}
  .esm111-personal .esm111-fields input{height:30px!important;min-height:30px!important;padding:4px 8px!important;font-size:9.5px!important}
  .esm111-personal .esm111-fields textarea{height:34px!important;min-height:34px!important;padding:4px 8px!important;font-size:9.5px!important}
  .esm111-licenses.activo{padding:7px 10px!important}
  .esm111-license-row{grid-template-columns:160px minmax(0,1fr)!important;padding:4px 8px!important;margin-bottom:4px!important;gap:8px!important}
  .esm111-license-row img{height:66px!important}
  .esm111-license-row h3{font-size:11px!important}
  .esm111-license-row label{font-size:8px!important}
  .esm111-license-row input,.esm111-license-row select{height:28px!important;min-height:28px!important;padding:3px 7px!important;font-size:9px!important}
}

/* WEB 118 · UNIFORMES/EQUIPOS COMPACTO + FOTO DERECHA A MARCO COMPLETO */
@media (min-width:1100px){
  .esm111-uniforms.activo{padding:9px 12px!important;overflow:hidden!important}
  .esm111-uniforms .esm111-section-title{margin-bottom:6px!important}
  .esm111-uniforms .esm111-section-title b{font-size:15px!important}
  .esm111-uniforms .esm111-section-title span{font-size:10px!important;margin-top:1px!important}
  .esm111-uniforms .esm111-items{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 8px!important;align-content:start!important}
  .esm111-uniforms .esm111-item{grid-template-columns:82px minmax(0,1fr)!important;gap:7px!important;padding:5px 7px!important;min-height:88px!important;border-radius:7px!important}
  .esm111-uniforms .esm111-item img{width:78px!important;height:76px!important;max-width:100%!important;object-fit:contain!important;object-position:center!important}
  .esm111-uniforms .esm111-item>div{gap:4px 7px!important;align-items:end!important}
  .esm111-uniforms .esm111-item b{font-size:10px!important;line-height:1!important}
  .esm111-uniforms .esm111-item label{font-size:8px!important;gap:2px!important;line-height:1!important}
  .esm111-uniforms .esm111-item input,.esm111-uniforms .esm111-item select{height:28px!important;min-height:28px!important;padding:3px 6px!important;font-size:9px!important;border-radius:6px!important}
  .esm111-right{overflow:hidden!important}
  .esm111-right-people{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:cover!important;object-position:center center!important;border-radius:10px!important;display:block!important}
}
@media (min-width:1100px) and (max-height:820px){
  .esm111-uniforms.activo{padding:6px 9px!important}
  .esm111-uniforms .esm111-items{gap:4px 6px!important}
  .esm111-uniforms .esm111-item{grid-template-columns:68px minmax(0,1fr)!important;min-height:72px!important;padding:3px 5px!important;gap:5px!important}
  .esm111-uniforms .esm111-item img{width:64px!important;height:62px!important}
  .esm111-uniforms .esm111-item b{font-size:9px!important}
  .esm111-uniforms .esm111-item label{font-size:7.5px!important}
  .esm111-uniforms .esm111-item input,.esm111-uniforms .esm111-item select{height:24px!important;min-height:24px!important;font-size:8px!important;padding:2px 5px!important}
}

/* ============================================================
   WEB 119 · REPASO FINAL PC · CONFIRMAR VISIBLE + TIPOGRAFÍA
   14-08-2026
   Objetivo: legibilidad real en laptop/PC, encaje vertical completo,
   botón CONFIRMAR Y FINALIZAR siempre accesible en paso 5.
   SOLO presentación del Expediente Digital.
   ============================================================ */

/* Nitidez tipográfica solo dentro del flujo Expediente Digital */
#modalRegistroAdministrativoInicial,
#modalRegistroAdministrativoInicial button,
#modalRegistroAdministrativoInicial input,
#modalRegistroAdministrativoInicial select,
#modalRegistroAdministrativoInicial textarea{
  font-family:"Segoe UI",Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
}

@media (min-width:1100px){
  /* Estructura: reservar espacio real para botonera inferior */
  .esm111-main{
    grid-template-rows:72px minmax(0,1fr) 50px!important;
    gap:6px!important;
    overflow:hidden!important;
  }

  /* Stepper: claro, alineado y legible */
  .esm111-stepper{
    padding:6px 12px 5px!important;
  }
  .esm111-stepper .esm-exp-admin-step-dot{
    grid-template-rows:34px 18px!important;
    gap:2px!important;
  }
  .esm111-stepper .esm-exp-admin-step-dot b{
    width:31px!important;height:31px!important;
    font-size:11px!important;line-height:1!important;
  }
  .esm111-stepper .esm-exp-admin-step-dot span{
    font-size:10px!important;
    line-height:16px!important;
    font-weight:700!important;
    letter-spacing:.01em!important;
    color:#aebcc6!important;
  }
  .esm111-stepper .esm-exp-admin-step-dot.activo span{
    color:#75e5ff!important;
    font-weight:800!important;
  }
  .esm111-stepper .esm-exp-admin-step-dot:not(:last-child):after{
    top:15px!important;
  }
  .esm111-step-badge{top:58px!important;font-size:8px!important;opacity:.7!important}

  /* Títulos comunes más limpios */
  .esm111-section-title{gap:2px!important;margin-bottom:6px!important}
  .esm111-section-title b{
    font-size:16px!important;
    line-height:1.16!important;
    font-weight:800!important;
    letter-spacing:.015em!important;
    color:#32d5ff!important;
  }
  .esm111-section-title span{
    font-size:10px!important;
    line-height:1.28!important;
    font-weight:500!important;
    color:#d4e0e7!important;
  }

  /* Panel lateral izquierdo: no usar texto microscópico */
  .esm111-left h3{font-size:11px!important;font-weight:800!important}
  .esm111-left h2{font-size:19px!important;font-weight:800!important;letter-spacing:.01em!important}
  .esm111-left>b{font-size:10px!important;font-weight:800!important}
  .esm111-left>p{font-size:9.5px!important;line-height:1.4!important;color:#dce5eb!important}
  .esm111-side-card strong,.esm111-blocked strong{font-size:9.5px!important;font-weight:800!important}
  .esm111-side-card span,.esm111-blocked span{font-size:8.8px!important;line-height:1.32!important;color:#d7e1e7!important}
  #btnVolverRegistroAdministrativo{font-size:9.5px!important;font-weight:800!important}

  /* Datos personales: compacto, pero con lectura cómoda */
  .esm111-personal.activo{
    padding:9px 13px!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  .esm111-personal .esm111-fields{
    gap:5px 11px!important;
  }
  .esm111-personal .esm111-fields label{
    grid-template-rows:auto 32px!important;
    gap:3px!important;
    font-size:9.5px!important;
    line-height:1.12!important;
    font-weight:700!important;
    color:#eef7fb!important;
  }
  .esm111-personal .esm111-fields label.wide{
    grid-template-rows:auto 36px!important;
  }
  .esm111-personal .esm111-fields input,
  .esm111-personal .esm111-fields textarea{
    height:32px!important;min-height:32px!important;
    padding:5px 9px!important;
    font-size:10.5px!important;
    line-height:1.15!important;
    font-weight:600!important;
    color:#ffffff!important;
    background:#061725!important;
    border-color:#1779a8!important;
  }
  .esm111-personal .esm111-fields textarea{
    height:36px!important;min-height:36px!important;
  }

  /* Licencias: las 3 tarjetas deben quedar visibles y claras */
  .esm111-licenses.activo{
    padding:7px 10px!important;
    overflow:hidden!important;
  }
  .esm111-license-row{
    grid-template-columns:150px minmax(0,1fr)!important;
    min-height:0!important;
    padding:4px 8px!important;
    margin-bottom:4px!important;
    gap:8px!important;
    border-radius:7px!important;
  }
  .esm111-license-row img{
    height:62px!important;
  }
  .esm111-license-row>div{
    gap:4px 10px!important;
  }
  .esm111-license-row h3{
    font-size:10.5px!important;
    line-height:1.1!important;
    font-weight:800!important;
  }
  .esm111-license-row label{
    font-size:8.8px!important;
    line-height:1.1!important;
    gap:3px!important;
    color:#eef8fc!important;
  }
  .esm111-license-row input,.esm111-license-row select{
    height:27px!important;min-height:27px!important;
    padding:3px 7px!important;
    font-size:9.5px!important;
    font-weight:600!important;
  }

  /* Uniformes/equipos: compacto sin sacrificar claridad */
  .esm111-uniforms.activo{
    padding:7px 10px!important;
    overflow:hidden!important;
  }
  .esm111-uniforms .esm111-items{gap:4px 7px!important}
  .esm111-uniforms .esm111-item{
    grid-template-columns:70px minmax(0,1fr)!important;
    min-height:70px!important;
    padding:4px 6px!important;
    gap:6px!important;
  }
  .esm111-uniforms .esm111-item img{
    width:66px!important;height:60px!important;
  }
  .esm111-uniforms .esm111-item b{
    font-size:9.5px!important;
    line-height:1.1!important;
    font-weight:800!important;
  }
  .esm111-uniforms .esm111-item label{
    font-size:8.5px!important;
    line-height:1.1!important;
    font-weight:700!important;
  }
  .esm111-uniforms .esm111-item input,
  .esm111-uniforms .esm111-item select{
    height:25px!important;min-height:25px!important;
    padding:2px 5px!important;
    font-size:9px!important;
    font-weight:600!important;
  }

  /* PASO 5: encaje total y botón Confirmar siempre visible */
  .esm111-confirm.activo{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto auto!important;
    gap:6px!important;
    padding:8px 10px!important;
    overflow:hidden!important;
  }
  .esm111-confirm .esm111-section-title{margin:0!important}
  .esm111-confirm-grid{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }
  .esm111-confirm-photo{
    padding:6px!important;
    gap:4px!important;
    min-height:0!important;
    align-content:start!important;
  }
  .esm111-confirm-photo img{
    width:100%!important;
    height:150px!important;
    max-height:150px!important;
    object-fit:cover!important;
    border-radius:6px!important;
  }
  .esm111-confirm-photo b{
    font-size:8.5px!important;
    line-height:1.1!important;
    font-weight:800!important;
  }
  .esm-exp-admin-confirm-summary{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    align-content:start!important;
    min-height:0!important;
  }
  .esm-exp-admin-confirm-summary>div{
    padding:5px 7px!important;
    gap:2px!important;
    min-height:42px!important;
    border-radius:6px!important;
  }
  .esm-exp-admin-confirm-summary small{
    font-size:7.8px!important;
    line-height:1.05!important;
    font-weight:800!important;
    letter-spacing:.03em!important;
    color:#5bdcff!important;
  }
  .esm-exp-admin-confirm-summary strong{
    font-size:9px!important;
    line-height:1.18!important;
    font-weight:700!important;
    overflow-wrap:anywhere!important;
  }
  .esm111-final-note{
    margin:0!important;
    padding:6px 8px!important;
    font-size:8.5px!important;
    line-height:1.25!important;
    min-height:0!important;
  }
  .esm-exp-admin-save-status{font-size:9px!important;min-height:0!important}

  /* Botonera: visible en TODOS los pasos, especialmente confirmar */
  .esm111-footer{
    display:flex!important;
    visibility:visible!important;
    min-height:46px!important;
    height:46px!important;
    align-items:center!important;
    padding:0 2px!important;
    background:#010813!important;
    border-top:1px solid rgba(31,123,167,.35)!important;
    z-index:50!important;
    overflow:visible!important;
  }
  .esm111-footer button{
    height:38px!important;
    min-height:38px!important;
    min-width:150px!important;
    padding:7px 16px!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.02em!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .esm111-footer button.oculto{display:none!important}
  #btnGuardarRegistroAdministrativo:not(.oculto){
    display:inline-flex!important;
    margin-left:auto!important;
    min-width:230px!important;
    color:#fff8b0!important;
    background:linear-gradient(180deg,#4a3500,#211700)!important;
    border:1px solid #ffd52e!important;
    box-shadow:0 0 15px rgba(255,201,0,.32)!important;
  }

  /* Panel derecho: imagen llena el marco y textos nítidos */
  .esm111-right-people{
    object-fit:cover!important;
    object-position:center center!important;
  }
  .esm111-info-card b{
    font-size:9.5px!important;
    line-height:1.1!important;
    font-weight:800!important;
  }
  .esm111-info-card span{
    font-size:8.5px!important;
    line-height:1.32!important;
    color:#dce7ec!important;
  }
  .esm111-bottom-lock{
    font-size:8.5px!important;
    font-weight:700!important;
    letter-spacing:.025em!important;
  }
}

/* Laptop 1366x768 / ventanas con poca altura */
@media (min-width:1100px) and (max-height:780px){
  .esm111-reg-shell{
    grid-template-rows:76px minmax(0,1fr) 30px!important;
    gap:5px!important;
    padding:5px!important;
  }
  .esm111-main{
    grid-template-rows:62px minmax(0,1fr) 44px!important;
    gap:4px!important;
  }
  .esm111-stepper{padding:4px 10px 3px!important}
  .esm111-stepper .esm-exp-admin-step-dot{grid-template-rows:29px 16px!important}
  .esm111-stepper .esm-exp-admin-step-dot b{width:27px!important;height:27px!important;font-size:10px!important}
  .esm111-stepper .esm-exp-admin-step-dot span{font-size:9px!important;line-height:14px!important}
  .esm111-stepper .esm-exp-admin-step-dot:not(:last-child):after{top:13px!important}

  .esm111-confirm.activo{padding:6px 8px!important;gap:4px!important}
  .esm111-confirm-grid{grid-template-columns:125px minmax(0,1fr)!important;gap:6px!important}
  .esm111-confirm-photo img{height:118px!important;max-height:118px!important}
  .esm-exp-admin-confirm-summary{gap:4px!important}
  .esm-exp-admin-confirm-summary>div{padding:4px 6px!important;min-height:34px!important}
  .esm-exp-admin-confirm-summary small{font-size:7.2px!important}
  .esm-exp-admin-confirm-summary strong{font-size:8.3px!important}
  .esm111-final-note{padding:5px 7px!important;font-size:7.8px!important}

  .esm111-footer{height:42px!important;min-height:42px!important}
  .esm111-footer button{height:34px!important;min-height:34px!important;font-size:9px!important}
  #btnGuardarRegistroAdministrativo:not(.oculto){min-width:210px!important}
}


/* ============================================================
   WEB183 · EXPEDIENTE DIGITAL · CENTRO SIEMPRE VISIBLE
   Refuerzo únicamente visual/render. No modifica datos ni flujo.
   ============================================================ */
body.esm-registro-inicial-activo #modalRegistroAdministrativoInicial .esm111-main{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.esm-registro-inicial-activo #modalRegistroAdministrativoInicial .esm111-stepper{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.esm-registro-inicial-activo #modalRegistroAdministrativoInicial .esm111-step-badge{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
body.esm-registro-inicial-activo #modalRegistroAdministrativoInicial .esm111-footer{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.esm-registro-inicial-activo #modalRegistroAdministrativoInicial .esm111-main .esm-exp-admin-panel.activo{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.esm-registro-inicial-activo #modalRegistroAdministrativoInicial .esm111-main .esm111-welcome.activo{
  display:flex!important;
}
body.esm-registro-inicial-activo #modalRegistroAdministrativoInicial .esm111-main .esm111-photo.activo{
  display:flex!important;
}
body.esm-registro-inicial-activo #modalRegistroAdministrativoInicial .esm111-main .esm111-personal.activo,
body.esm-registro-inicial-activo #modalRegistroAdministrativoInicial .esm111-main .esm111-licenses.activo,
body.esm-registro-inicial-activo #modalRegistroAdministrativoInicial .esm111-main .esm111-uniforms.activo,
body.esm-registro-inicial-activo #modalRegistroAdministrativoInicial .esm111-main .esm111-confirm.activo{
  display:block!important;
}

/* WEB184 - Inventario completo + fotografía */
#modalRegistroAdministrativoInicial .esm111-photo-box{position:relative;background:#020d18!important}
#modalRegistroAdministrativoInicial .esm111-photo-box.tiene-foto #registroAdminFotoPreview{object-fit:contain!important;object-position:center!important;background:#020d18!important}
#modalRegistroAdministrativoInicial .esm111-user img{object-fit:cover!important;object-position:center!important}
#modalRegistroAdministrativoInicial .esm183-inventory.activo{overflow:auto!important;padding:8px 12px!important}
.esm183-inv-groups{display:grid;gap:8px;padding-bottom:6px}
.esm183-inv-group{border:1px solid rgba(38,189,242,.48);border-radius:10px;background:rgba(2,18,33,.72);overflow:hidden}
.esm183-inv-group summary{cursor:pointer;list-style:none;padding:9px 12px;font-weight:900;color:#67e7ff;background:linear-gradient(90deg,rgba(0,128,220,.18),rgba(0,20,40,.1));letter-spacing:.3px}
.esm183-inv-group summary small{font-weight:600;color:#8fb8ca;margin-left:10px}
.esm183-inv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}
.esm183-inv-card{border:1px solid rgba(31,144,195,.45);border-radius:8px;padding:7px;background:rgba(0,8,18,.72)}
.esm183-inv-card>b{display:block;color:#dff9ff;font-size:10px;margin-bottom:5px}
.esm183-inv-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 6px}
.esm183-inv-fields label{font-size:7.5px;color:#9fc8d8;display:grid;gap:2px}.esm183-inv-fields label.wide{grid-column:1/-1}
.esm183-inv-fields input,.esm183-inv-fields select{width:100%;min-width:0;height:25px!important;padding:2px 5px!important;font-size:8px!important;border-radius:5px!important}
@media(max-width:1100px){.esm183-inv-grid{grid-template-columns:1fr}.esm183-inv-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* WEB189 - SOLO FOTOS DEL EXPEDIENTE. NINGUNA LOGICA MODIFICADA. */
#modalRegistroAdministrativoInicial .esm111-photo-box{
  position:relative!important; overflow:hidden!important; background:#020d18!important;
}
#modalRegistroAdministrativoInicial .esm111-photo-box #registroAdminFotoPreview,
#modalRegistroAdministrativoInicial .esm111-photo-box.tiene-foto #registroAdminFotoPreview{
  position:absolute!important; inset:0!important;
  width:100%!important; height:100%!important;
  max-width:100%!important; max-height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#020d18!important;
}
#modalRegistroAdministrativoInicial .esm111-user > img#registroAdminUsuarioHeaderFoto{
  width:60px!important; height:60px!important;
  min-width:60px!important; min-height:60px!important;
  aspect-ratio:1/1!important; display:block!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center center!important;
  overflow:hidden!important;
}
#modalRegistroAdministrativoInicial .esm111-confirm-photo img#registroAdminConfirmFoto{
  width:100%!important; height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}


/* ==========================================================
   WEB191 · SOLO FOTOS · MARCO ADAPTATIVO REAL
   Vertical -> marco vertical
   Horizontal -> marco horizontal
   Cuadrada -> marco cuadrado
   ========================================================== */
#modalRegistroAdministrativoInicial .esm111-photo-box{
  flex:0 0 auto!important;
  min-width:180px!important;
  min-height:180px!important;
  margin:4px auto 0!important;
  overflow:hidden!important;
}
#modalRegistroAdministrativoInicial .esm111-photo-box.tiene-foto{
  aspect-ratio:auto;
}
#modalRegistroAdministrativoInicial .esm111-photo-box #registroAdminFotoPreview,
#modalRegistroAdministrativoInicial .esm111-photo-box.tiene-foto #registroAdminFotoPreview{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}
/* Encabezado: llena TODO el círculo, centrado. */
#modalRegistroAdministrativoInicial .esm111-user > #registroAdminUsuarioHeaderFoto{
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  max-width:60px!important;
  max-height:60px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  display:block!important;
}
/* Confirmación: nunca recorta la fotografía. */
#modalRegistroAdministrativoInicial #registroAdminConfirmFoto{
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}

/* WEB192 - Avatar superior: misma foto central, miniatura circular limpia. */
#modalRegistroAdministrativoInicial .esm111-user{
  overflow:visible!important;
}
#modalRegistroAdministrativoInicial #registroAdminUsuarioHeaderFoto{
  box-sizing:border-box!important;
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  max-width:60px!important;
  max-height:60px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  background:#061421!important;
  overflow:hidden!important;
}

/* ==========================================================
   WEB193 · FOTO CIRCULAR FINAL
   Misma imagen del centro, completa y sin recorte.
   ========================================================== */
#modalRegistroAdministrativoInicial .esm111-user > img#registroAdminUsuarioHeaderFoto,
#modalRegistroAdministrativoInicial #registroAdminUsuarioHeaderFoto{
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  max-width:60px!important;
  max-height:60px!important;
  box-sizing:border-box!important;
  padding:3px!important;
  margin:0!important;
  border-radius:50%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  background:#ffffff!important;
  overflow:hidden!important;
}

/* ============================================================
   WEB194 · INVENTARIO: ICONOS + SERIES MÚLTIPLES
   ============================================================ */
#modalRegistroAdministrativoInicial .esm183-inv-card>b{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
#modalRegistroAdministrativoInicial .esm194-inv-icon{
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(72,216,255,.75)!important;
  border-radius:7px!important;
  background:linear-gradient(145deg,rgba(0,185,255,.18),rgba(0,45,90,.5))!important;
  box-shadow:0 0 9px rgba(0,190,255,.2)!important;
  font-size:15px!important;
  line-height:1!important;
}
#modalRegistroAdministrativoInicial .esm194-series-extra{
  display:contents!important;
}
#modalRegistroAdministrativoInicial .esm194-serie-label{
  min-width:0!important;
}
#modalRegistroAdministrativoInicial .esm194-serie-label input{
  width:100%!important;
}

/* ==========================================================
   WEB195 · INVENTARIO VISUAL PRO
   Miniaturas vectoriales sobrias, sin emojis ni iconos infantiles.
   ========================================================== */
#modalRegistroAdministrativoInicial .esm183-inv-card{
  position:relative!important;
  padding-top:18px!important;
}
#modalRegistroAdministrativoInicial .esm195-inv-visual{
  width:78px!important;
  height:64px!important;
  margin:0 auto 10px!important;
  border-radius:15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 50% 30%,rgba(44,224,255,.16),transparent 58%),
    linear-gradient(145deg,rgba(9,31,52,.96),rgba(3,13,25,.98))!important;
  border:1px solid rgba(77,218,255,.32)!important;
  box-shadow:inset 0 0 18px rgba(0,195,255,.07),0 6px 20px rgba(0,0,0,.22)!important;
}
#modalRegistroAdministrativoInicial .esm195-inv-visual svg{
  width:45px!important;
  height:45px!important;
  fill:none!important;
  stroke:#67ddff!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:drop-shadow(0 0 5px rgba(51,210,255,.28))!important;
}
#modalRegistroAdministrativoInicial .esm183-inv-card > b{
  display:block!important;
  text-align:center!important;
  min-height:34px!important;
  margin-bottom:11px!important;
  letter-spacing:.35px!important;
}

/* WEB196 — Inventario con imagen realista estilo Licencias */
#modalRegistroAdministrativoInicial .esm195-inv-visual{display:none!important}
#modalRegistroAdministrativoInicial .esm196-inv-photo{
  width:104px!important;height:82px!important;margin:0 auto 10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;border-radius:12px!important;
  background:radial-gradient(circle at 50% 75%,rgba(0,174,255,.20),transparent 52%),
             linear-gradient(145deg,#071726,#020912)!important;
  border:1px solid rgba(39,197,255,.34)!important;
  box-shadow:inset 0 0 20px rgba(0,174,255,.07),0 7px 18px rgba(0,0,0,.28)!important;
}
#modalRegistroAdministrativoInicial .esm196-inv-photo img{
  width:100%!important;height:100%!important;display:block!important;
  object-fit:contain!important;object-position:center!important;
  border-radius:10px!important;
  filter:contrast(1.04) saturate(1.04)!important;
}
#modalRegistroAdministrativoInicial .esm183-inv-card>b{
  text-align:center!important;display:block!important;
}

/* WEB197: UN SOLO CUADRO POR ARTICULO */
#modalRegistroAdministrativoInicial .esm196-inv-photo,
#modalRegistroAdministrativoInicial .esm195-inv-visual{display:none!important}
#modalRegistroAdministrativoInicial .esm183-inv-card{
  overflow:hidden!important;
  padding-top:0!important;
}
#modalRegistroAdministrativoInicial .esm197-inv-photo{
  width:100%!important;height:118px!important;margin:0 0 9px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;overflow:hidden!important;
}
#modalRegistroAdministrativoInicial .esm197-inv-photo img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:center!important;display:block!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;
}