.secretary-banner{height:300px;background-position:center;background-size:cover}.secretary-banner-overlay{display:flex;align-items:center;justify-content:center;height:100%;padding:20px;background:rgba(0,0,0,.4);text-align:center}.secretary-banner h1{margin:0;color:#fff;font-size:62px;line-height:68px}.secretary-access{padding-top:40px;padding-bottom:50px}.secretary-access .row{display:flex;justify-content:center;flex-wrap:wrap}.secretary-access a{display:flex;align-items:center;justify-content:center;width:80%;min-height:90px;margin:10px auto;padding:10px 20px;border:1px solid #016b64;color:#006b64;text-align:center;text-decoration:none}.secretary-access a span{font-family:GOTHAM-MEDIUM;font-size:24px}.secretary-access a:hover,.secretary-access a:focus{background:#006b64;color:#fff;text-decoration:none}.secretary-access a.is-disabled{cursor:not-allowed;opacity:.7}.secretary-introduction{padding:30px 0 60px;background:#f2f2f2}.secretary-introduction h1,.secretary-material>h2{text-align:center;margin:0 0 30px}.secretary-material{padding:40px 0 20px}.tab-wrapper{background:#fff}.tab-menu{display:flex;justify-content:center;align-items:stretch;margin:0 0 35px;padding:0;list-style:none}.tab-menu li{display:flex;flex:0 1 210px;border-bottom:3px solid transparent;text-align:center}.tab-menu li.active{border-bottom-color:#009d94}.tab-menu button{width:100%;padding:18px 10px;border:0;background:#fff;color:#555;font-family:GOTHAM-MEDIUM}.tab-menu button:hover,.tab-menu button:focus{color:#009d94;outline:none}.secretary-document-action{width:10%;text-align:center}.secretary-document-action a[aria-disabled=true]{cursor:not-allowed}.secretary-contact{padding:20px 15px 60px;text-align:center}.secretary-contact p{font-size:17px;line-height:1.7}@media(max-width:767px){body{overflow-x:hidden}.secretary-banner{height:240px}.secretary-banner h1{font-size:30px;line-height:35px}.secretary-access{width:auto!important;padding:30px 15px}.secretary-access .row{display:block}.secretary-access a{width:100%;min-height:72px}.secretary-access a span{font-size:20px}.secretary-introduction .container{width:auto!important}.secretary-introduction h1,.secretary-material>h2{font-size:26px;line-height:34px}.tab-menu{display:block;padding:0 15px}.tab-menu li{display:block;width:100%}.tab-menu button{padding:14px 8px}.tab-content.container{width:auto!important;padding:0 15px}.secretary-contact{width:auto!important}}
.secretary-banner{padding:0;overflow:hidden}.secretary-banner-overlay{box-sizing:border-box;min-height:100%;height:100%}
.secretary-access a.animated-button.thar-one{display:flex;align-items:center;justify-content:center}
/* Menu de materiais alinhado ao padrão visual da página de referência. */
.secretary-material .tab-wrapper {
    padding-left: 30px;
    padding-right: 30px;
}

.secretary-material .tab-menu {
    display: flex;
    align-items: flex-start;
    justify-content: stretch;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    border-top: 5px solid #4da8a0;
    background: #fff;
}

.secretary-material .tab-menu li {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 60px;
    margin: 0;
    padding: 20px;
    border: 0;
    background: #ededed;
    box-sizing: border-box;
}

.secretary-material .tab-menu li.active {
    border: 0;
    background: #fff;
}

.secretary-material .tab-menu button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 20px;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #4da8a0;
    font-family: GOTHAM-MEDIUM;
    font-size: 18px;
    line-height: 1.35;
    text-align: center;
}

@media (max-width: 767px) {
    .secretary-material .tab-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .secretary-material .tab-menu {
        display: block;
        padding: 0 15px;
    }

    .secretary-material .tab-menu li {
        display: flex;
        width: 100%;
        min-height: 60px;
        padding: 15px;
    }

    .secretary-material .tab-menu button {
        min-height: 30px;
        font-size: 16px;
    }
}

/* Em telas de computador, o menu acompanha a mesma largura do .container das abas. */
@media (min-width: 768px) {
    .secretary-material .tab-menu {
        width: 750px;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 992px) {
    .secretary-material .tab-menu {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .secretary-material .tab-menu {
        width: 1170px;
    }
}