/* =========================================================
   AOTS Gestión 0.9.16 · Ajustes visuales finales
   Se carga después de design-system.css para resolver
   únicamente la presentación del acceso móvil y la marca.
   ========================================================= */

/* Logo del menú: círculo real en escritorio y móvil. */
.aots-embed .angels-brand img{
  border-radius:50%!important;
  clip-path:circle(50% at 50% 50%)!important;
  object-fit:cover!important;
  background:#fff!important;
}

/* Login móvil: conservar la presencia del logo horizontal de escritorio. */
@media(max-width:600px){
  .aots-embed .angels-login-shell{
    min-height:100dvh;
    place-items:start center;
    padding:18px 14px 26px;
  }

  .aots-embed .angels-login-card{
    width:100%;
    max-width:none;
    padding:24px 20px 22px;
    border-radius:24px;
  }

  .aots-embed .angels-login-brand{margin-bottom:22px}

  .aots-embed .angels-login-brand img{
    display:block;
    width:min(180px,46vw)!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto 16px;
    border-radius:0!important;
    clip-path:none!important;
    object-fit:contain!important;
    background:transparent!important;
  }

  .aots-embed .angels-login-brand>span{font-size:11px;letter-spacing:.18em}
  .aots-embed .angels-login-brand h1{margin:8px 0;font-size:34px;line-height:1.02}
  .aots-embed .angels-login-brand p{font-size:16px;line-height:1.45}
  .aots-embed .angels-login-form{gap:16px}
  .aots-embed .angels-login-field{gap:8px}
  .aots-embed .angels-login-field>span{font-size:13px;letter-spacing:.08em}
  .aots-embed .angels-login-field input{min-height:58px;padding:14px 16px;border-radius:16px}
  .aots-embed .angels-login-remember{gap:10px;font-size:15px}
  .aots-embed .angels-login-submit,
  .aots-embed .angels-login-password-toggle,
  .aots-embed .angels-login-passkey{min-height:58px;padding:14px 16px;border-radius:16px;font-size:17px}
  .aots-embed .angels-login-divider{margin:4px 0 2px;font-size:11px}
  .aots-embed .angels-login-passkey-note{margin:4px 0 0;font-size:13px;line-height:1.5}
  .aots-embed .angels-login-help,
  .aots-embed .angels-login-back{font-size:15px}
  .aots-embed .angels-login-footer{margin-top:20px;padding-top:14px;font-size:10px}
}

@media(max-width:390px){
  .aots-embed .angels-login-shell{padding:14px 10px 22px}
  .aots-embed .angels-login-card{padding:22px 16px 20px;border-radius:22px}
  .aots-embed .angels-login-brand img{width:min(160px,52vw)!important}
  .aots-embed .angels-login-brand h1{font-size:30px}
  .aots-embed .angels-login-brand p{font-size:15px}
  .aots-embed .angels-login-submit,
  .aots-embed .angels-login-password-toggle,
  .aots-embed .angels-login-passkey{font-size:16px}
}