/* -------------------------------------------------------------------
 * PAGINA LISTA OS MATERIAIS EDUCATIVOS DISPONIVEL
 * -----------------------------------------------------------------*/
 #pag-interna #material article { 
    text-align: center; 
    border: 2px solid var(--color-font-light);
    border-radius: 10px;
    padding: 1rem 1rem 2rem;
    margin: 2rem 0 1rem;
}
#pag-interna #material article .material-capa {
    width: 100%;
    height: auto;
}
#pag-interna #material article .material-capa  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
#pag-interna #material article h3 { 
    color: var(--color-font-secondary);
    margin: 1rem 0 2rem;
    font-size: 1.2rem;
    min-height: 70px;
    font-weight: 600;
}
#pag-interna #material article .btn_theme_secondary { 
    text-transform: uppercase; 
    font-weight: 600; 
    font-size: 1.2rem; 
    padding: 15px 2rem; 
}

@media (max-width: 767px) {
    #pag-interna #material article { margin: 2rem 0 0; }
}


/* -------------------------------------------------------------------
 * HEADER
 * -----------------------------------------------------------------*/
#header-material .header-nav { 
     position: initial; 
     padding: 2.5rem; 
     text-align: center; 
}
#header-material .header-nav .img-fluid { 
    max-width: 350px; 
}

@media (max-width: 449px) {
    #header-material .header-nav .img-fluid { 
        max-width: 200px; 
    }
}


 /* -------------------------------------------------------------------
 * PAGINA FORMULARIO LEAD
 * -----------------------------------------------------------------*/
 #material #lead {
     background: #e7e7e7;
     padding: 4rem 0;
 }
 #material #lead span {
    font-size: 1.5rem;
    font-weight: 500;
 }
 #material #lead h2 {
     color: var(--color-font-quaternary);
     font-size: 3rem;
     font-weight: bold;
     margin: 1rem 0 2.2rem;
 }
 #material #lead img {
    border: 10px solid var(--color-secondary);
    border-radius: 20px
 } 
 #material #lead .form-content {
    background: var(--color-primary);
    color: var(--color-font-light) !important;
    font-weight: 500;
    padding: 3rem 2em;
    border-radius: 2rem;
 }
 #material #lead .form-content label, 
 #material #lead .form-content h3, 
 #material #lead .form-content span {
    color: var(--color-font-light) !important;
 }
 #material #lead .form-content #empresa {
     padding: 0;
 }
 #material #lead .form-content span {
     display: block;
     margin-bottom: 2.5rem;
     font-size: 1rem;
     font-weight: normal;
 }
 #material #lead .btn_theme_secondary {
    font-size: 1.4rem;
    font-weight: 600;
    padding: 14px 2rem;
    margin-top: 1rem !important;
 }

#material #info-adicional {
    padding: 4rem 0;
}
#material #info-adicional p, #material #info-adicional div {
    font-size: 1.3rem;
}

#material #copy {
    padding: 1rem 0;
}


@media (max-width: 767px) {
    #material #lead .form-content {
        margin-top: 3rem;
    }
}



 /* -------------------------------------------------------------------
 * PAGINA DOWNLOAD
 * -----------------------------------------------------------------*/
 #material #obrigado {
    background: #e7e7e7;
    padding: 5rem 0;
}
#material #obrigado h2 { 
    color: var(--color-font-quaternary);
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 0;
}

#material #material-download {
    padding: 3rem 0;
    background: var(--color-primary); 
}
#material #material-download h2 {
    color: var(--color-font-light) !important;
    font-size: 3rem;
    font-weight: bold;
    margin: 0 0 2rem;
}
#material #material-download img {
    border: 10px solid var(--color-secondary); 
    border-radius: 20px
}
#material #material-download .btn_theme_secondary {
    font-size: 1.8rem;
    font-weight: bold;
    padding: 15px 2rem;
    margin-top: 2rem !important;
    display: inline-block;
}