/* Learn by Playing V12.13.2 — LIA na entrada + consistência de versão */
#screen-role .lbp-entry-copy{position:relative!important;isolation:isolate}
#screen-role .entry-copy-inner{position:relative;z-index:2;width:min(58%,500px)!important;margin:0 auto 0 0!important}
#screen-role .entry-copy-inner h1{font-size:clamp(34px,3.5vw,54px)!important}
#screen-role .entry-lead{max-width:500px!important}
#screen-role .v12132-role-lia{position:absolute;z-index:1;right:10px;bottom:0;width:min(43%,300px);height:88%;pointer-events:none;display:flex;align-items:flex-end;justify-content:center}
#screen-role .v12132-role-lia img{display:block;width:auto;height:92%;max-width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 30px rgba(0,0,0,.28))}
#screen-role .v12132-lia-bubble{position:absolute;right:10px;top:16%;width:min(220px,48%);padding:12px 14px;border-radius:16px;background:#fff;color:#0b2e68;box-shadow:0 16px 34px rgba(0,0,0,.22);font-size:12px;line-height:1.35;font-weight:700;text-align:left}
#screen-role .v12132-lia-bubble strong{display:block;color:#115bdc;font-size:14px;margin-bottom:2px}
#screen-role .v12132-lia-bubble::after{content:"";position:absolute;right:28%;bottom:-10px;border:10px solid transparent;border-top-color:#fff;border-bottom:0}
#screen-role .lbp-feature-list{max-width:440px!important}
#screen-role .entry-trust{max-width:440px}
#screen-role .lbp-entry-actions{position:relative;z-index:3}
#screen-role .entry-role-card{position:relative;z-index:4;pointer-events:auto!important}

/* Professor login: a arte da LIA é identidade visual; o Assistente funcional continua bloqueado até autenticação. */
#screen-teacher-login .auth-side::after{background-image:url('../assets/branding/lia-login-v12131.webp')!important;background-position:center bottom!important}
#screen-teacher-login .auth-side::before{content:'Olá! Eu sou a LIA.\A Vamos transformar conteúdo em experiências incríveis?';white-space:pre-line;position:absolute;z-index:2;right:5%;top:24%;width:190px;padding:11px 13px;border-radius:16px;background:#fff;color:#0b2e68;font-size:11px;font-weight:800;line-height:1.35;box-shadow:0 12px 30px rgba(0,0,0,.22);pointer-events:none}

@media(max-width:1120px) and (min-width:901px){
 #screen-role .entry-copy-inner{width:62%!important}
 #screen-role .v12132-role-lia{width:38%;right:0}
 #screen-role .v12132-lia-bubble{width:180px;right:5px;top:12%;font-size:10px}
 #screen-role .lbp-feature-list,#screen-role .entry-trust{max-width:390px!important}
}
@media(max-width:900px){
 #screen-role .lbp-entry-copy{display:block!important;min-height:220px!important;padding:16px 18px!important}
 #screen-role .entry-copy-inner{display:none!important}
 #screen-role .v12132-role-lia{position:relative;right:auto;bottom:auto;width:100%;height:190px;display:flex;justify-content:flex-start;align-items:flex-end;padding-left:4%}
 #screen-role .v12132-role-lia img{height:188px;width:auto}
 #screen-role .v12132-lia-bubble{right:5%;top:24px;width:48%;font-size:11px}
 #screen-role .lbp-entry-actions{padding-top:24px!important}
 #screen-teacher-login .auth-side::before{right:4%;top:20px;width:42%;font-size:10px}
}
@media(max-width:520px){
 #screen-role .lbp-entry-copy{min-height:178px!important;padding:10px 12px!important}
 #screen-role .v12132-role-lia{height:158px;padding-left:0}
 #screen-role .v12132-role-lia img{height:156px}
 #screen-role .v12132-lia-bubble{right:3%;top:18px;width:55%;padding:9px 10px;font-size:9.5px}
 #screen-role .v12132-lia-bubble strong{font-size:12px}
 #screen-role .lbp-entry-actions{padding:22px 18px!important}
 #screen-teacher-login .auth-side::before{display:none}
}