header, footer, p > a, button {
    display: none;
}

.logo-imprimir {
    display: block;
}

.boton-circle-informe {
    display: none;
}

.no-imprimir {
    display: none !important;
}

.imprimir {
    display: block;
}

.imprimir-color {
    -webkit-print-color-adjust: exact;
}

.app-content{
    background-color: transparent !important;
    box-shadow: none !important;
    margin: 0px !important;
    overflow: visible !important;
}

.overflow-tabla-hour-list{
    background-color: transparent !important;
    box-shadow: none !important;
}
/* El panel de los listados es .overflow-tabla.shadow, no .overflow-tabla-hour-list: en pantalla
   trae padding 25px 50px, borde, sombra y alto fijo con overflow-y auto (variations.css y
   _layout.scss). Al imprimir eso recorta la tabla y saca barras de scroll al PDF. */
.overflow-tabla,
.overflow-tabla.shadow {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* El layout es una columna flex de 100vh; al imprimir debe fluir con el contenido. */
#app,
.app-content {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
}

/* Logos de la cabecera del listado de horas: a la mitad de alto al imprimir.
   !important porque el logo de empresa lleva max-height inline en list_horas.blade.php. */
.logo-imprimir {
    height: auto !important;
    width: auto !important;
}
.logo-empresa .logo-imprimir {
    max-width: 125px !important;
    max-height: 50px !important;
}
.logo-plataforma .logo-imprimir {
    max-height: 42px !important;
}
