/* EVALDESK V11 - Responsive layer */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
button,.btn,input,select,textarea{max-width:100%}
.table-responsive{-webkit-overflow-scrolling:touch}
@media(max-width:991.98px){
  .container{max-width:100%}
  .navbar-grid{grid-template-columns:auto 1fr auto;gap:10px}
  .nombre-centro-navbar{font-size:1.05rem;padding:0 8px}
  .datos-navbar{min-width:0;font-size:.72rem}
  .chip-docente span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:767.98px){
  body{font-size:15px}
  main.container{padding-left:14px!important;padding-right:14px!important}
  .navbar{padding-top:.6rem!important;padding-bottom:.6rem!important}
  .logo-container{gap:8px;min-width:0}
  .family-icon-svg svg{width:82px}
  .logo-evaldesk{font-size:1.2rem!important}
  .logo-container .navbar-brand small{font-size:.72rem!important;letter-spacing:.5px!important}
  .nombre-centro-navbar{font-size:.92rem;min-width:0}
  .datos-navbar,.navbar-grid>.d-flex>.vr,.chip-docente{display:none!important}
  .navbar-grid>.d-flex{gap:6px!important}
  .navbar-grid>.d-flex .btn{min-height:40px}
  .card{border-radius:14px}
  .table{font-size:.86rem}
  .table-responsive table{min-width:620px}
  .form-control,.form-select{min-height:44px}
  .btn{min-height:42px}
  .modal-dialog{margin:.75rem}
  .modal-body{max-height:70vh;overflow-y:auto}
  #notificaciones-container{top:10px;left:10px;right:10px}
  .notificacion{min-width:0;max-width:none;width:100%}
  #btnAsistente{width:58px!important;height:58px!important;border-radius:50%!important;right:14px!important;bottom:14px!important}
  #btnAsistente span{display:none}
  #panelAsistente{width:calc(100vw - 28px)!important;max-width:420px;right:14px!important;bottom:84px!important;max-height:65vh}
}
@media(max-width:575.98px){
  h1{font-size:1.55rem} h2{font-size:1.35rem} h3{font-size:1.2rem}
  .row{--bs-gutter-x:.75rem}
  .d-flex.justify-content-between{flex-wrap:wrap}
  .page-title{font-size:1.55rem}
  footer.container{padding-left:14px!important;padding-right:14px!important}
}

/* Panel Maestro */
@media(max-width:900px){
  .sidebar{box-shadow:10px 0 35px rgba(0,0,0,.25)}
  .topbar{position:sticky;top:0;z-index:1025}
}
@media(max-width:575.98px){
  .content{padding:14px!important}
  .topbar{height:62px;padding:0 12px!important}
  .topbar .small.text-muted{display:none}
  .user-chip .btn{min-height:38px}
  .section-card{padding:16px!important}
  .stat-card{padding:16px!important}
  .stat-value{font-size:1.5rem}
}