.md-header-nav__icon {
    margin-left: auto;
    color: #e53935; /* Cambia el color del icono a rojo como los PDFs */
  }
  
  .md-header-nav__icon:hover {
    color: #b71c1c; /* Cambia el color al pasar el cursor */
  }

/* Cambia color del header */
.md-header {
    background-color: #56c2ef;
}

/* Cambia color de la navegación que te sale a la izquierda al no tener maximizada la ventana,
    pero aparecen otros cambios en la pagina si se maximiza */
.md-nav--primary .md-nav__title[for=__drawer] {
    background-color: var(--md-primary-bg-color);
    color: var(--md-primary-bg-color);
    font-weight: 700;
}


@media print {

    * {
        font-family: "Roboto", Helvetica, Arial, sans-serif !important;
    }

    body {
        background-color: transparent !important;
    }

    p, ol, ul {
        font-size: 0.9rem !important;
    }

    @page {
        background: no-repeat url("../img/logo-icr.png") bottom -7% left 4% !important;
    }
    
    article {
        page-break-before: always!important;
    }

    article#doc-cover > .wrapper h2 {
        border-bottom: 0px !important;
    }

    article#doc-cover > .wrapper.upper {
        display: flex;
        justify-content: center;
    }

    article#doc-cover > .wrapper {
        top: 150px !important;
    }

    article#doc-cover > .wrapper.upper > .logo {
        width: 60% !important;
        margin-top: -150px !important;
    }
    
    section + section {
        page-break-before: avoid!important;
    }

    .enumerate-headings-plugin {
        display: none!important;
    }

    h1 {
        page-break-before: avoid !important;
        border-bottom: 1.5px solid rgb(1, 60, 172)!important;       
    }

    h2 {
        border-bottom: 1px solid rgb(4, 76, 209)!important;
        font-size: 1rem !important;
    }

    h3 {
        border-bottom: 0.5px solid rgb(38, 111, 248)!important;
        font-size: 0.9rem !important;
    }
    
    .cuerpo {
        text-align: justify !important;
    }

    .leyenda {
        page-break-before: avoid!important;    
    }

    .nota {
        text-align: justify !important;
    }
}