/* 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)}

/* S11: la geometría del Timeline viaja en variables (la maqueta la escribe en style). */
.tl-inner.geo{width:var(--ancho)}
.barra.geo,.fuera.geo{left:var(--x);width:var(--w)}
.tl-eje .tick.geo,.ahora.geo{left:var(--x)}
.vh.geo{height:var(--alto)}
.vh-guia.geo,.vh-ahora.geo{top:var(--y)}
.vh-card.geo{top:var(--y);height:var(--h);left:calc(var(--col) * 100% / var(--cols) + 2px);width:calc(100% / var(--cols) - 4px)}
.dropzone.dz-sobre{position:relative}
.dz-entrada{position:absolute;inset:0;opacity:0;cursor:pointer}
.cierre .al-fin{align-self:end}
/* La cabecera del día dentro de un modal no es el título del modal: sin la raya ni los márgenes de .modal h3. */
.modal .disp-head h3{flex:initial;margin:0;padding:0;border:0}
.pb-campo{flex:1}

/* SYN-6 */
.ps-act-sub input.hora24{height:28px;min-height:28px}