/* Lo mínimo que la maqueta resuelve por JavaScript o con estilo en línea. Todo el diseño está en maqueta.css (C17). */
#raiz{display:contents}
.lg-foto{background-image:url(../img/foto_login.jpg)}
.mtr-pie{padding:var(--s5) var(--s6)}
.mtr-aviso{margin:0 var(--s6) var(--s4)}
.mod-pie{margin-top:var(--s4)}
.grupo-sep{margin-top:var(--s5)}
/* La maqueta no contempla celular: sin esto la tabla queda cortada. */
@media (max-width:760px){
  .mtr-shell{display:block}
  .mtr-rail{max-height:220px;overflow-y:auto}
  .head-linea{flex-wrap:wrap}
}
/* La maqueta pinta estos con style= y el dato; aqui llegan por variable. */
.ps-dia-t i,.ps-dt i,.ps-dot{background:var(--ps-c)}
.ps-dia-t .b s{width:var(--ps-w)}
.dcb-bar i{width:var(--dcb-w)}
.ol-cat-h{margin-top:8px}
.nr-crear-h{margin-top:var(--s3)}
.cfg-nota{margin-top:var(--s4)}