/* MUDI 2.7.1 — login institucional e correções da agenda mobile */

/* ---------- Login próprio do MUDI ---------- */
.mudi-plugin-page .mudi-login-page-v271{
  min-height:100svh;
  grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);
  background:#fffef9;
  overflow:hidden;
}
.mudi-plugin-page .mudi-login-page-v271 .mudi-login-visual{
  position:relative;
  min-height:100svh;
  padding:clamp(48px,6vw,92px);
  background-image:
    linear-gradient(118deg,rgba(7,31,42,.72),rgba(7,31,42,.91)),
    var(--login-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  isolation:isolate;
}
.mudi-plugin-page .mudi-login-page-v271 .mudi-login-visual::before{
  content:"";
  position:absolute;
  inset:auto -110px -150px auto;
  width:420px;
  height:420px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  box-shadow:0 0 0 58px rgba(255,255,255,.03),0 0 0 116px rgba(255,255,255,.025);
  z-index:-1;
}
.mudi-plugin-page .mudi-login-page-v271 .mudi-login-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.12));
  pointer-events:none;
  z-index:-1;
}
.mudi-plugin-page .mudi-login-page-v271 .mudi-login-visual-content-v271{
  width:min(620px,100%);
  margin:auto;
  color:#fff;
}
.mudi-plugin-page .mudi-login-page-v271 .mudi-login-visual-brand-v271{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:34px;
}
.mudi-plugin-page .mudi-login-page-v271 .mudi-login-visual-brand-v271 img{
  display:block!important;
  width:88px!important;
  height:88px!important;
  max-width:88px!important;
  object-fit:contain!important;
  margin:0!important;
  transform:none!important;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.28));
}
.mudi-plugin-page .mudi-login-page-v271 .mudi-login-visual-brand-v271 span{
  margin:0!important;
  color:#ffd16a!important;
  font-size:.78rem!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.mudi-plugin-page .mudi-login-page-v271 .mudi-login-visual h1{
  margin:0 0 22px!important;
  max-width:610px;
  color:#fff!important;
  font-size:clamp(3.05rem,5.2vw,5.65rem)!important;
  line-height:.94!important;
  letter-spacing:-.052em!important;
  text-shadow:0 3px 18px rgba(0,0,0,.22);
}
.mudi-plugin-page .mudi-login-page-v271 .mudi-login-visual h1 strong{
  color:#ff8a17!important;
  font-weight:900;
}
.mudi-plugin-page .mudi-login-page-v271 .mudi-login-visual-content-v271>p{
  max-width:560px;
  margin:0!important;
  color:#eaf1ee!important;
  font-size:1.04rem!important;
  line-height:1.7!important;
}
.mudi-plugin-page .mudi-login-features-v271{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:30px;
}
.mudi-plugin-page .mudi-login-features-v271 span{
  margin:0!important;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff!important;
  font-size:.71rem!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
  backdrop-filter:blur(8px);
}
.mudi-plugin-page .mudi-login-page-v271 .mudi-login-panel{
  min-height:100svh;
  padding:clamp(36px,5vw,72px);
  justify-content:center;
  background:linear-gradient(160deg,#fff 0%,#fffef9 75%,#f7f9f0 100%);
}
.mudi-plugin-page .mudi-login-page-v271 .mudi-login-logo{
  display:block;
  width:fit-content;
  margin-bottom:34px;
}
.mudi-plugin-page .mudi-login-page-v271 .mudi-login-logo img{
  width:178px!important;
  max-height:82px;
  object-fit:contain;
  object-position:left center;
}
.mudi-plugin-page .mudi-login-page-v271 .mudi-login-box{
  width:min(100%,480px);
  max-width:480px!important;
  margin:0!important;
}
.mudi-plugin-page .mudi-login-page-v271 .mudi-login-box>span{
  display:inline-flex;
  margin-bottom:9px;
  color:#ef7100!important;
  font-size:.72rem!important;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:900;
}
.mudi-plugin-page .mudi-login-page-v271 .mudi-login-box h2{
  margin:0 0 10px!important;
  color:#0f2f1c!important;
  font-size:clamp(2.15rem,3.2vw,3.15rem)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}
.mudi-plugin-page .mudi-login-page-v271 .mudi-login-box>p{
  margin:0 0 26px!important;
  color:#5d7164!important;
  line-height:1.6;
}
.mudi-login-alert-v271{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:0 0 20px;
  padding:14px 15px;
  border:1px solid #e8aaa0;
  border-radius:14px;
  background:#fff2ef;
  color:#8b2e22;
  box-shadow:0 8px 24px rgba(139,46,34,.06);
}
.mudi-login-alert-v271>.dashicons{
  flex:0 0 auto;
  width:22px;
  height:22px;
  margin-top:1px;
  font-size:22px;
}
.mudi-login-alert-v271 b{display:block;margin-bottom:2px;font-size:.86rem}
.mudi-login-alert-v271 p{margin:0!important;color:#7c4138!important;font-size:.8rem;line-height:1.5}
.mudi-login-form-v271{display:grid;gap:17px}
.mudi-login-form-v271>label{
  display:grid;
  gap:7px;
  margin:0!important;
  color:#294c36!important;
  font-size:.78rem!important;
  font-weight:900!important;
}
.mudi-login-form-v271 .input{
  width:100%!important;
  min-height:54px!important;
  margin:0!important;
  padding:0 15px!important;
  border:1.5px solid #cdd9d1!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#173624!important;
  font:inherit!important;
  font-size:.95rem!important;
  outline:none!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
.mudi-login-form-v271 .input:focus{
  border-color:#16803a!important;
  box-shadow:0 0 0 4px rgba(22,128,58,.10)!important;
}
.mudi-login-password-v271{position:relative}
.mudi-login-password-v271 .input{padding-right:82px!important}
.mudi-login-password-v271 button{
  position:absolute;
  right:7px;
  top:50%;
  transform:translateY(-50%);
  min-width:68px;
  height:38px;
  padding:0 9px;
  border:0;
  border-radius:9px;
  background:#f0f6ed;
  color:#075522;
  font-size:.7rem;
  font-weight:900;
  cursor:pointer;
}
.mudi-login-options-v271{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:-2px;
}
.mudi-login-options-v271 label{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  color:#52685a!important;
  font-size:.75rem!important;
  font-weight:800!important;
}
.mudi-login-options-v271 input{width:17px;height:17px;margin:0}
.mudi-login-options-v271 a{color:#d76300!important;font-size:.75rem;font-weight:900;text-decoration:none}
.mudi-login-submit-v271{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:54px;
  margin-top:2px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,#f57600,#ff981e);
  color:#102c17;
  font:inherit;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 13px 30px rgba(245,118,0,.20);
  transition:transform .18s ease,box-shadow .18s ease;
}
.mudi-login-submit-v271:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(245,118,0,.25)}
.mudi-login-submit-v271 span{font-size:1.2rem}
.mudi-login-help-v271{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid #e6ece7;
  color:#74847a;
}
.mudi-login-help-v271 .dashicons{color:#16803a}
.mudi-login-help-v271 p{margin:0!important;font-size:.72rem!important;color:inherit!important}

/* ---------- Agenda: mascotes nunca sobrepõem texto no mobile ---------- */
@media(max-width:680px){
  .mudi-plugin-page .mudi-v2-hero-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .mudi-plugin-page .mudi-v2-hero-grid>div:first-child{
    width:100%!important;
  }
  .mudi-plugin-page .mudi-v2-hero h1,
  .mudi-plugin-page .mudi-v2-hero p{
    max-width:100%!important;
  }
  .mudi-plugin-page .mudi-v2-hero img{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:132px!important;
    max-width:42vw!important;
    height:auto!important;
    max-height:150px!important;
    margin:2px auto 0!important;
    opacity:1!important;
    transform:none!important;
    justify-self:center!important;
    filter:drop-shadow(0 13px 15px rgba(0,0,0,.18))!important;
  }
  .mudi-plugin-page .mudi-v2-flow-mascot{
    display:none!important;
    position:static!important;
  }
  .mudi-plugin-page .mudi-v2-flow>.mudi-container{
    overflow:visible!important;
    padding:22px!important;
  }
  .mudi-plugin-page .mudi-v2-aside img{
    position:static!important;
    display:block!important;
    width:92px!important;
    height:92px!important;
    margin:0 auto 12px!important;
    object-fit:contain!important;
    opacity:1!important;
    transform:none!important;
  }
  .mudi-plugin-page .mudi-v2-lookup-hero img,
  .mudi-plugin-page .mudi-v2-privacy-hero img{
    position:static!important;
    width:96px!important;
    height:110px!important;
    margin:auto!important;
    object-fit:contain!important;
    transform:none!important;
  }
}

@media(max-width:900px){
  .mudi-plugin-page .mudi-login-page-v271{display:block!important;min-height:100svh!important}
  .mudi-plugin-page .mudi-login-page-v271 .mudi-login-visual{display:none!important}
  .mudi-plugin-page .mudi-login-page-v271 .mudi-login-panel{
    min-height:100svh!important;
    padding:34px max(22px,env(safe-area-inset-left)) calc(34px + env(safe-area-inset-bottom))!important;
    align-items:center;
  }
  .mudi-plugin-page .mudi-login-page-v271 .mudi-login-logo,
  .mudi-plugin-page .mudi-login-page-v271 .mudi-login-box{width:min(100%,470px)!important}
}

@media(max-width:520px){
  .mudi-plugin-page .mudi-login-page-v271 .mudi-login-panel{padding-top:28px!important;justify-content:flex-start!important}
  .mudi-plugin-page .mudi-login-page-v271 .mudi-login-logo{margin-bottom:28px!important}
  .mudi-plugin-page .mudi-login-page-v271 .mudi-login-logo img{width:150px!important}
  .mudi-plugin-page .mudi-login-page-v271 .mudi-login-box h2{font-size:2.15rem!important}
  .mudi-login-options-v271{align-items:flex-start;flex-direction:column;gap:10px}
  .mudi-login-submit-v271{width:100%}
  .mudi-plugin-page .mudi-v2-hero img{width:112px!important;max-height:126px!important}
}