/* base */
html {height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; background-color: #fff;}
*, *:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

h1, h2, h3, h4, h5, h6 {line-height: 1.1em; font-weight:400;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child{margin-top: 0;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child{margin-bottom: 0;}
h1 {font-size: 40px;}
h2 {font-size: 36px;}
h2 .ocre{display: block; font-size: 1.5em;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}

p:first-child{margin-top:0;}
p:last-child{margin-bottom:0;}
p{font-size:20px; line-height:1.5em;}

ul li, ol li{font-size:20px; line-height:1.25em;}
ul:not(.reset-list) li + li, ol:not(.reset-list) li + li{margin-top: .8em;}

a{text-decoration:none; cursor:pointer;}
a img{border:none; width:100%; max-width:100%; height:auto; display:block; margin:auto;}
img{width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:600;}

body {font-size:62.5%; margin: 0; padding: 0 80px; width:100%; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; font-family: "Gentium Plus", serif; font-weight: 400; font-style: normal; color: #030305; background-image: url("../images/large/bg-body.jpg"); background-image: image-set(url("../images/large/bg-body.avif") type("image/avif"), url("../images/large/bg-body.jpg") type("image/jpeg")); background-size: auto; background-repeat: repeat; background-position: center; background-attachment: fixed; background-color: #fff;}
body::before{content: ""; display: block; position: fixed; z-index: 20; top: 0; right: 0; left: 0; height: 15px; background-image: url("../images/svg/acabamento-preto-topo.svg"); background-size: contain; background-repeat:repeat-x; background-position:center; min-width:360px;}

/* ids */
#ios-top-background {display: none;}
@supports (-webkit-touch-callout: none) {
#ios-top-background {display: block; position: fixed; top: 0px; left: 0; right: 0; height: calc(env(safe-area-inset-top) + 8px); background-color: #fff; z-index: 9999; pointer-events: none;}
#ios-top-background::before{content: ""; display: block; position: fixed; z-index: 10; top: 0; right: 0; left: 0; height: 15px; background-image: url("../images/svg/acabamento-preto-topo.svg"); background-size: contain; background-repeat:repeat-x; background-position:center; min-width:360px;}
}

#container {flex: 1 0 auto; padding-top: 145px; margin:0 auto; width: 100%; max-width: 1800px; position:relative; background-color: #fff; box-shadow: 0 0 20px #A29D8B;}

header{display:block; position:fixed; top: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 160px); max-width: 1800px; text-align: right; z-index: 10; background-color: #fff;}
header .content{padding: 30px 20px 15px 20px; transition: padding 1s;}

header .logo{display: block; width: 240px; aspect-ratio: 1/1; position: absolute; top: -30px; left: 50%; margin-left: -120px; border: solid 3px #c2c0b3; background-image: url("../images/svg/arl-academia-riograndense-de-letras.svg"); background-size: 82%; padding:5px; background-position: center bottom 15px; background-repeat: no-repeat; z-index: 7; transition: width 1s ease, top 1s ease, margin-left 1s ease, background-position 1s ease;}
header .logo::after{content: ""; display: block; width: 100%; border: dashed 1px #c2c0b3; border-radius: 50vh; aspect-ratio: 1/1;}

header .pict{border: solid 1px #92683c; display: inline-block;}
header .pict.youtube{float: left; margin-right: 20px;}
header .pict.xis{float: left;}
header .pict.facebook{margin-right: 20px;}

header.hover .content{padding: 20px 20px 5px 20px;}
header.hover .logo{width: 160px; top: -20px; margin-left: -80px; background-position: center bottom 10px;}

nav{display:block; text-align: center; background-image: url("../images/svg/menu.svg"); background-position: center; background-size: contain; background-repeat: repeat-x; position: relative; margin: 0 -29px;}
nav::before, nav::after{content: ""; display: block; position: absolute; width: 72px; height: 60px; top: 36px; background-repeat: no-repeat; background-size: contain; z-index: -1;}
nav::before{left: -43px; background-image: url("../images/svg/menu-esq.svg");}
nav::after{right: -43px; background-image: url("../images/svg/menu-dir.svg");}

nav li{display: inline-block; width: 14%; vertical-align: top; position: relative;}
nav li:nth-child(3){margin-right: 16%;}
nav li .gray-ll{display: block; font-size: 20px; line-height: 20px; padding:20px 0; transition: color 1s;}
nav li:hover .gray-ll{color: #a59e8c;}
nav li .gray-ll.hover{color: #92683c;}

nav li .gray-ll + span{display: block; width: 100%; position: absolute; pointer-events: none; height: 0; transition: all 1s; overflow: hidden; border-radius: 0 / 0;}
nav li:hover .gray-ll + span{height: 400px; border-radius: 0 0 50% 50% / 0 0 80px 80px;}

nav li .reset-list{padding: 15px 15px 20px 15px; background: linear-gradient(to bottom,  #030305 0%, #333 15px, #0f0f0f 100%); border-radius: 0 0 50% 50% / 0 0 80px 80px; pointer-events: all; border: solid 1px #fff; border-top: none;}

nav li .reset-list li{display: block; width: 100%; border-top: dotted 1px #fff;}
nav li .reset-list li:nth-child(3){margin-right:0;}
nav li .reset-list li:last-child{padding-bottom: .5em;}

nav li .reset-list .white{font-size: 18px; line-height: 1em; padding: 10px 0; display: block; transition: color 1s;}
nav li .reset-list .white:hover{color: #a59e8c;}
nav li .reset-list .white.hover{color: #92683c;}

nav li .reset-list .acabamento{max-width: 90%;}

section.banner{aspect-ratio: 2; max-height: 750px; background-position: center top; background-image: url("../images/large/bg-banner.jpg"); background-image: image-set(url("../images/large/bg-banner.avif") type("image/avif"), url("../images/large/bg-banner.jpg") type("image/jpeg"));}
section.banner .content{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; height: 100%;}

section.banner h1 span:first-child{display: block; font-size: 2em; margin: 0 auto; font-weight: 600; background-image: url("../images/svg/onamento-banner.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; padding-bottom: 1em;}
section.banner h1 span:first-child .oswald{font-size: .35em; font-weight: 400; background-image: none; padding-bottom: 0;}

section.noticias::before{content: ""; display: block; position: absolute; z-index: 5; top: -10px; right: 0; left: 0; height: 15px; background-image: url("../images/svg/acabamento-sombra-base.svg"); background-size: contain; background-repeat:repeat-x; background-position:center;}
section.noticias .content{padding: 80px 0;}
section.noticias .noticias-list li:nth-child(4){display: none;}
section.noticias h2{margin: 0;}
section.noticias h2 .oswald{font-size: 1.5em;}

section.patronos .content{padding: 80px 0 95px 0; display: flex;  gap: 5%; align-items: stretch;}
section.patronos article{display: block; padding: 100px 0 50px 0;}

section.patronos .ornamento{position: absolute; width: 120px; pointer-events: none;}
section.patronos .ornamento.top.left{top: 10px; left: 10px;}
section.patronos .ornamento.top.right{top: 10px; right: 10px;}
section.patronos .ornamento.bottom.left{bottom: 25px; left: 10px;}
section.patronos .ornamento.bottom.right{bottom: 25px; right: 10px;}

section.patronos h2{width: 65%; position: absolute; left: 35%;}
section.patronos .button{position: absolute; right: 0; bottom: 0;}

footer{background-color:#030305; margin: 0 -80px; padding: 0 80px; position: relative; flex-shrink: 0;}
footer::before{content: ""; display: block; position: absolute; z-index: 5; top: -15px; right: 0; left: 0; height: 15px; background-image: url("../images/svg/acabamento-preto-base.svg"); background-size: contain; background-repeat:repeat-x; background-position:center;}

footer .content{padding: 80px 0;}
footer aside{display: inline-block;}
footer aside + aside{margin-left: 5%;}

footer aside:first-child {text-align: left;}
footer aside:first-child a{font-size: 1.3em; display: inline-block;}
footer aside:first-child a:not(:last-child){margin-bottom: 1em;}
footer aside:first-child .pict{margin-right: 10px;}

footer aside:nth-child(2){text-align: right; float: right;}
footer aside:nth-child(2) a{margin-top: .5em;}
footer aside:nth-child(2) .pict{float: right; margin-left: 10px;}

footer aside:last-child{vertical-align: middle;}

footer p{line-height: 1.2em;}
footer p span{display: inline-block; vertical-align: top;}

footer .pict.ocre{border: solid 1px #92683c;}
footer .pict.ocre + .pict.ocre{margin-left: 10px;}

section.main{background-image: url("../images/svg/bg-main.svg"); background-position: center top; background-repeat: no-repeat; background-size: 100% auto;}

section.main .content{padding: 120px 0 80px 0;}
section.main .content::after{content: ""; display: block; height: 30px; margin: 80px auto 0 auto; background-image: url("../images/svg/acabamentos.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: auto 200%;}

section.main article h2{margin-bottom: .25em;}
section.main article h2:not(:first-child){margin-top: 1.5em;}
section.main article ul li .pict.mais{width: 1em; border: solid 1px; margin:-.25em .5em 0 0;}
section.main article p.ocre.text-center:first-child span{display: inline-block; max-width: 25em; font-size: 1.5em; line-height: 1.2em;}

section.main article.perfil{display: block; margin: 0 auto;}

section.main article.dinamico::after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}/* evita problema de pouco conteúdo e imagem vertical muito alta */

section.main article.dinamico .destaque{display: block; position: relative; border: solid 15px #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .5); overflow: hidden;}
section.main article.dinamico .destaque .ornamento{position: absolute; width: 20%; z-index: 5; mix-blend-mode: screen;}
section.main article.dinamico .destaque .ornamento.top.left{top: 0; left: 0;}
section.main article.dinamico .destaque .ornamento.top.right{top: 0; right: 0;}
section.main article.dinamico .destaque .ornamento.bottom.left{bottom: 0; left: 0;}
section.main article.dinamico .destaque .ornamento.bottom.right{bottom: 0; right: 0;}
section.main article.dinamico .destaque.float-right{margin:0 0 5% 40px; width:47.5%;}

section.main article.dinamico .sharethis-share-buttons{display: inline-block;}
section.main article.dinamico .sharethis-share-buttons + span{display:block; clear:both;}

section.main article.dinamico h2 + p{margin-top: 0; line-height: 33px;} /* para alinhar com botões de compartilhamento */
section.main article.dinamico h3, section.main article.dinamico h4 {color:#92683c!important; margin-bottom:.8em!important;}
section.main article.dinamico iframe{display:block; width:100%; margin: 40px auto; overflow:hidden; aspect-ratio:16/9; border: solid 15px #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .5);}
section.main article.dinamico ul:not(.reset-list){column-count: 2; column-gap: 5%; list-style: none; padding: 0;}
section.main article.dinamico ul:not(.reset-list) li{break-inside: avoid;}
section.main article.dinamico ul:not(.reset-list) li strong{font-size: 1.1em;}
section.main article.dinamico table{width: 100%; min-width: 100%;}
section.main article.dinamico table td{padding: 7px;}

section.main aside.academico{margin-top: -40px;}

section.main h1{margin-bottom: 1.5em;}
section.main h1 .ocre{display: block; font-size: .5em; margin: 0 auto; font-weight: 400; line-height: 1.1em;}

/* formulários */
#filtro{display:none; visibility:hidden;}
.logar {display:block; margin:0 -80px; padding:20px 80px; position:relative;}
.logar label{border:solid 1px #5C4125; display:inline-block; width:200px; padding:1px; margin:0;}
.logar label:first-child{margin-right:80px;}
.logar input[type=text], .logar input[type=password]{display:block; max-width: 100%; width: 100%; border:none; height:40px; font-size:18px; background-color:#5C4125;}
.logar input[type=text]::placeholder, .logar input[type=password]::placeholder {color: #92683c;}

.logar input[type=submit]{border:none; width:60px; height:60px; margin-left:-30px; display:block; position:absolute; left:50%; top:10px; cursor:pointer; background-image: url("../images/svg/pictogramas.svg"); background-repeat:no-repeat; background-size: 1100%; background-position: 40% 0; appearance:none; background-color: transparent}

/* estruturais */
section{padding: 0 5%; position: relative; width: 100%;}
article {width:65%; position:relative; display: inline-block;}
aside {width:30%; position:relative; display: inline-block;}

.content {margin:0; width:100%; position:relative; font-size: 0;}

.quadro-list {text-align: left;}
.quadro-list li{display: flex; align-items: center; padding:.5em 0; position: relative;}
.quadro-list li:first-child .oswald.gray{font-size: 1.3em; padding-left: .5em; flex: 1; display: inline-block; line-height: 1em; width: 49%;}
.quadro-list li::after {content: ""; position: absolute; right: 0; bottom: 0; left: 3.5em; border-bottom:dotted 1px #a59e8c;}

.quadro-list li .circle:not(.mais){flex: 0 0 3em; line-height: 3em; position: relative;}
.quadro-list li .circle:not(.mais)::after{content: ""; position: absolute; inset: 2px; border: solid 1px #fff; border-radius: 50vh;}
.quadro-list li .circle:not(.mais) + span{flex: 1; display: block; line-height: 1em;}
.quadro-list li .circle:not(.mais) .pict{position: absolute; inset:5px;}

.quadro-list li .gentium{flex: 1; display: inline-block; line-height: 1em; width: 49%; white-space: nowrap; padding-left: .5em;}
.quadro-list li .gentium .gray{padding-left: 1.5em; display: inline-block;}
.quadro-list li .gentium .gray .oswald{font-size: 0;}
.quadro-list li .oswald.gray{display: none;}
.quadro-list li .pict.mais{width: 1em; border: solid 1px; margin:-.2em .5em 0 0; vertical-align: middle;}
.quadro-list li .pict.mais + span{display: inline-block; width: calc(100% - 1.7em); vertical-align: middle; white-space: normal;}

.academias-list {text-align: left;}
.academias-list li{display: flex; align-items: center; padding:.5em 0; position: relative;}
.academias-list li::after {content: ""; position: absolute; right: 0; bottom: 0; left: 3.5em; border-bottom:dotted 1px #a59e8c;}

.academias-list li .circle{flex: 0 0 3em; line-height: 3em; position: relative;}
.academias-list li .circle::after{content: ""; position: absolute; inset: 2px; border: solid 1px #fff; border-radius: 50vh;}
.academias-list li .circle:not(.mais) + span{display: flex; flex: 1; align-items: center; align-content: center; line-height: 1em;}
.academias-list li .circle:not(.mais) + span span:first-child{display: inline-block; vertical-align: middle; padding-left: .5em; width: 70%;}
.academias-list li .circle:not(.mais) + span span:last-child{display: inline-block; vertical-align: middle; padding-left: .5em; width: 30%;}

.noticias-list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.noticias-list li{display:block; position:relative; width:30%; margin: 40px 5% 20px 0; padding: .85em .85em 2em .85em; text-align: left; box-shadow: 0 0 .5em #A29D8B; border-radius: 0 0 1.5em 1.5em; background-color: #fff;}
.noticias-list li:nth-child(3n), .noticias-list li:last-child{margin: 40px 0 20px 0;}
.noticias-list li::after{content: ""; position: absolute; right: .85em; bottom: .85em; left: .85em; border: solid .1em transparent;  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, #fff, #c2c0b3) border-box; height: 50%; display: block; pointer-events: none; border-radius: 0 0 .8em .8em; border-top: none; z-index: 0;}
.noticias-list li .bg-image{display:block; aspect-ratio: 2; border-bottom:solid 0.5em #92683c; margin-bottom: 1em; min-height: 10em; max-width: 100%;}
.noticias-list li .bg-image.bg-gray-lll{background-image: url("../images/svg/arl-academia-riograndense-de-letras.svg"); background-size: auto 60%;}
.noticias-list li .gentium.ocre{font-size: .9em; padding: 0 1em;}
.noticias-list li .oswald{display: block; font-size: 1.25em; margin: .25em 0 1em 0; padding: 0 .7em;}
.noticias-list li .button{position: absolute; bottom: -11px; width: 10em; left: 50%; margin-left: -5em;}
.noticias-list li .button.small label{padding: 0;}
.noticias-list li span{position: relative; z-index: 1; padding: 0 .85em; display: inline-block;}
.noticias-list + p{margin-top: 2em;}

.textos-list li{display: flex; align-items: flex-start; padding:1.5em 0; position: relative; border-bottom:dotted 1px #a59e8c;}
.textos-list li .bg-image{flex: 0 0 10em; position: relative; aspect-ratio: 1; border: solid .5em #fff;}
.textos-list li .bg-image::after{content: ""; position: absolute; inset: -.5em; border: solid 1px #a59e8c;}
.textos-list li .bg-image + span{padding-left: 1em;}
.textos-list li .button{position: absolute; right: 0; bottom: 0;}
.textos-list li .texto{flex: 1; display: block; position: relative; padding-bottom: 2em;}
.textos-list li .gray{display: block; margin-bottom: .5em;}
.textos-list li strong{font-size: 1.3em; line-height: 1.1em; text-align: left; display: inline-block; margin-bottom: .5em;}

.textos-list li .pict.mais{width: 1em; border: solid 1px; margin-left: .5em;}

.subpaginas-list li{display:inline-block; position:relative; width:30%; height: 7em; margin: 40px 5% 0 0;}
.subpaginas-list li:nth-child(3n), .subpaginas-list li:last-child{margin: 40px 0 0 0;}
.subpaginas-list li a{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; height: 100%; max-width: 13.4em; margin: 0 auto; font-size: 1.25em; border-radius: 2em 2em 3.2em 3.2em / 40% 40% 60% 60%; padding: 0 2em .8em 2em; position: relative; background: linear-gradient(to bottom,  #0f0f0f 0%, #333 30%, #333 50%, #0f0f0f 100%); text-shadow: 0 0 .5em #030305;}
.subpaginas-list li a::before{content: ""; position: absolute; inset: .6em; border: solid 1px #fff; border-radius: 1.4em 1.4em 2.4em 2.4em / 40% 40% 60% 60%; pointer-events: none;}
.subpaginas-list li a::after{content: ""; position: absolute; inset: 0; background-image: url("../images/svg/onamento-banner.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none;}

.academico{display: block; background-image: url("../images/svg/splash.svg"); background-position: center top; background-repeat: no-repeat; background-size: contain;}
.academico .bg-image{display: block; width: 70%; margin: 15% auto; border: solid 6px #dbd9d3;}
.academico .bg-image.bg-gray-lll{background-image: url("../images/svg/arl-academia-riograndense-de-letras.svg"); background-size: 80%; background-position: top 55% center;}
.academico p{background-image: url("../images/svg/flamula.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; margin: 0; padding: .5em 0 2em 0; margin-top: -25%; margin-bottom: 1em;}
.academico p span{font-size: 1.2em;}

.acabamento{display: block; width: 10em; max-width: 100%; aspect-ratio: 12; background-image: url("../images/svg/acabamentos.svg"); background-size: cover; background-repeat: no-repeat; margin: .5em auto 0 auto;}
.acabamento.superior{background-position: center top;}
.acabamento.inferior{background-position: center bottom;}

.ornamento{display: block; aspect-ratio: 1; background-image: url("../images/svg/ornamento-quina.svg"); background-size: 500% auto; background-repeat: no-repeat;}
.ornamento.top.left{background-position: 0 0;}
.ornamento.top.right{background-position: 25% 0;}
.ornamento.bottom.left{background-position: 50% 0;}
.ornamento.bottom.right{background-position: 75% 0;}
.ornamento.top{background-position: 0 100%;}
.ornamento.bottom{background-position: 25% 100%;}
.ornamento.left{background-position: 50% 100%;}
.ornamento.right{background-position: 75% 100%;}

.documentos a{display: inline-block; vertical-align: top; font-size: 2.5em; white-space: nowrap; width: 7.2em;}
.documentos a:first-child{text-align: right; margin-right: 10%;}
.documentos a:last-child{text-align: left;}
.documentos .pict{width: 2.5em;}
.documentos .oswald{display: inline-block; vertical-align: top; margin-top: .5em}
.documentos .gentium{font-size: .75em;}

.gallery a{width:16%; margin:5% 5% 0 0; display:inline-block; vertical-align:top; cursor: zoom-in; box-shadow: 0 0 10px rgba(0, 0, 0, .5); overflow: hidden; position: relative; border-radius: 10%;}
.gallery a:nth-child(5n), .gallery a:last-child{margin-right:0;}
.gallery .bg-image{display: block; width: 100%; aspect-ratio: 1/1; position: relative; border: solid 10px #fff; z-index: 0;}
.gallery .ornamento{position: absolute; display: block; width: 35%; z-index: 1; pointer-events: none;}
.gallery .ornamento.top.left{top: 0; left: 0;}
.gallery .ornamento.top.right{top: 0; right: 0;}
.gallery .ornamento.bottom.left{bottom: 0; left: 0;}
.gallery .ornamento.bottom.right{bottom: 0; right: 0;}

.chamada{font-size:24px;}
.legenda{font-size:14px;}
.two-column {column-count: 2; column-gap: 5%; list-style: none; padding: 0;}
.two-column li{break-inside: avoid;}
.two-column li strong{font-size: 1.1em;}
.spacer{display: block; height: 10px;}
.alpha:hover{opacity: .5; transition: opacity 1s;}
.navegador{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center; margin-top: 3em;}

.button {display: inline-block; vertical-align: middle; position: relative; white-space: nowrap; text-align: center;}
.button::before, .button::after{content: ""; display: block; position: absolute; top: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; z-index: 2;}
.button.hover{opacity: .25; pointer-events: none;}

.button.white::before{left: 0; background-position: 0 0;}
.button.white::after{right: 0; background-position: 25% 0;}
.button.black::before{left: 0; background-position: 75% 0;}
.button.black::after{right: 0; background-position: 100% 0;}

.button.large{height: 80px; padding: 0 35px;}
.button.large::before, .button.large::after{background-image: url("../images/svg/button-80.svg"); width: 40px;}
.button.small{height: 40px; padding: 0 15px;}
.button.small::before, .button.small::after{background-image: url("../images/svg/button-80.svg"); width: 20px;}

.button.medium{height: 60px; padding: 0 25px;}
.button.medium::before, .button.medium::after{background-image: url("../images/svg/button-60.svg"); width: 30px;}
.button.tiny{height: 30px; padding: 0 10px;}
.button.tiny::before, .button.tiny::after{background-image: url("../images/svg/button-60.svg"); width: 15px;}

.button .label{display: block; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; height: 100%; max-height: 100%; min-height: 100%; line-height: 1em; padding: .15em 5px 0 5px; position: relative; z-index: 1;}
.button .label::before{content: ""; position: absolute; right: 0; left: 0; border-top-style: solid; border-bottom-style: solid;}

.button.large .label{font-size: 1.2em}
.button.large .label::before{top: 4px; bottom: 4px; border-top-width: 4px; border-bottom-width: 4px;}
.button.medium .label::before{top: 2px; bottom: 2px; border-top-width: 2px; border-bottom-width: 2px;}
.button.small .label{font-size: .9em}
.button.small .label::before{top: 2px; bottom: 2px; border-top-width: 2px; border-bottom-width: 2px;}
.button.tiny .label{font-size: .8em}
.button.tiny .label::before{top: 1px; bottom: 1px; border-top-width: 1px; border-bottom-width: 1px;}

.pict{display:inline-block; vertical-align:middle; background-image:url("../images/svg/pictogramas.svg"); background-repeat:no-repeat; background-size:1100% auto; aspect-ratio:1/1;}
.pict.text{background-image:none; font-size:1.4em; padding-bottom: .2em; font-weight: 600; display: inline-flex; justify-content: center; align-items: center; align-content: center;}	
.pict.hover{opacity:0.25;}
.pict + .pict{margin-left: 1em;}

.pict.large{height: 80px;}
.pict.medium{height: 60px;}
.pict.small{height: 40px;}
.pict.tiny{height: 30px;}

.pict.ocre.xis{background-position: 0 0;}
.pict.ocre.instagram{background-position: 10% 0;}
.pict.ocre.facebook{background-position: 20% 0;}
.pict.ocre.youtube{background-position: 30% 0;}
.pict.ocre.restrito{background-position: 40% 0;}
.pict.ocre.email{background-position: 50% 0;}
.pict.ocre.local{background-position: 60% 0;}
.pict.ocre.cadeira{background-position: 70% 0;}
.pict.ocre.estatuto{background-position: 80% 0;}
.pict.ocre.regimento{background-position: 90% 0;}

.pict.ocre.mais{background-position: 0 25%;}
.pict.ocre.menos{background-position: 10% 25%;}
.pict.ocre.fechar{background-position: 20% 25%;}
.pict.ocre.base{background-position: 30% 25%;}
.pict.ocre.topo{background-position: 40% 25%;}
.pict.ocre.seguinte{background-position: 50% 25%;}
.pict.ocre.anterior{background-position: 60% 25%;}

.pict.white.xis{background-position: 0 50%;}
.pict.white.instagram{background-position: 10% 50%;}
.pict.white.facebook{background-position: 20% 50%;}
.pict.white.youtube{background-position: 30% 50%;}
.pict.white.restrito{background-position: 40% 50%;}
.pict.white.email{background-position: 50% 50%;}
.pict.white.local{background-position: 60% 50%;}
.pict.white.cadeira{background-position: 70% 50%;}
.pict.white.estatuto{background-position: 80% 50%;}
.pict.white.regimento{background-position: 90% 50%;}

.pict.white.mais{background-position: 0 75%;}
.pict.white.menos{background-position: 10% 75%;}
.pict.white.fechar{background-position: 20% 75%;}
.pict.white.base{background-position: 30% 75%;}
.pict.white.topo{background-position: 40% 75%;}
.pict.white.seguinte{background-position: 50% 75%;}
.pict.white.anterior{background-position: 60% 75%;}

/*fontes*/
.oswald{font-family: 'Oswald', sans-serif; font-optical-sizing: auto; font-style: normal;}
.gentium{font-family:"Gentium Basic", Times, serif; font-style: normal;}

/*gerais*/
.float-left{float:left;}
.float-right{float:right;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.reset-list{margin: 0; padding: 0; font-size: 0; list-style: none;}
.circle{display:inline-block; border-radius:50vh; aspect-ratio: 1/1}

/* cores */
.white{color: #fff;}
.black{color: #030305;}
.gray-d{color: #373435;}
.gray{color: #a59e8c}
.gray-l{color: #c2c0b3;}
.gray-ll{color: #dbd9d3;}
.gray-lll{color: #f0f0f0;}
.ocre{color: #92683c;}

/* backgrounds */
.bg-white{background-color: #fff;}
.bg-black{background-color: #030305;}
.bg-gray-d{background-color: #373435;}
.bg-gray{background-color: #a59e8c}
.bg-gray-l{background-color: #c2c0b3;}
.bg-gray-ll{background-color: #dbd9d3;}
.bg-gray-lll{background-color: #f0f0f0;}
.bg-ocre{background-color: #92683c;}
.bg-yellowish{background-color: #faf8f6;}
.bg-image{background-position: center; background-repeat: no-repeat; background-size: cover;}

@media screen and (max-width:1400px) {
/* base */
h1 {font-size: 36px;}
h2 {font-size: 28px;}
h3 {font-size: 26px;}
h4 {font-size: 22px;}

p{font-size:18px;}

ul li, ol li{font-size:18px;}

body {padding: 0 60px;}

/* ids */
#container {padding-top: 135px; box-shadow: 0 0 15px #A29D8B;}

header{width: calc(100% - 120px);}

header .logo{width: 200px; top: -25px; margin-left: -100px; border: solid 2px #c2c0b3; background-position: center bottom 13px;}

nav{margin: 0 -25px;}
nav::before, nav::after{width: 60px; height: 50px; top: 30px;}
nav::before{left: -35px;}
nav::after{right: -35px;}

nav li{width: 13%;}
nav li:nth-child(3){margin-right: 22%;}

nav li .gray-ll{font-size: 18px; padding:15px 0;}

nav li:hover .gray-ll + span{border-radius: 0 0 50% 50% / 0 0 40px 40px;}

nav li .reset-list{padding: 10px 5px 15px 5px; border-radius: 0 0 50% 50% / 0 0 40px 40px; }

nav li .reset-list .white{font-size: 15px;}

section.banner{aspect-ratio: 1.75; max-height: 620px; background-image: url("../images/medium/bg-banner.jpg"); background-image: image-set(url("../images/medium/bg-banner.avif") type("image/avif"), url("../images/medium/bg-banner.jpg") type("image/jpeg"));}
section.banner h1 span:first-child{font-size: 1.6em;}

section.noticias .content{padding: 60px 0;}

section.patronos .content{padding: 60px 0 75px 0;}
section.patronos article{display: block; padding: 80px 0 40px 0;}

section.patronos .ornamento{width: 90px;}
section.patronos .ornamento.top.left{top: 5px; left: 5px;}
section.patronos .ornamento.top.right{top: 5px; right: 5px;}
section.patronos .ornamento.bottom.left{bottom: 20px; left: 5px;}
section.patronos .ornamento.bottom.right{bottom: 20px; right: 5px;}

footer{margin: 0 -60px; padding: 0 60px;}

footer .content{padding: 60px 0;}

footer .pict.ocre + .pict.ocre{margin-left: 0;}

section.main .content{padding: 90px 0 60px 0;}
section.main .content::after{height: 25px; margin: 60px auto 0 auto;}

section.main article.dinamico .destaque{border: solid 12px #fff; border-radius: 8px; box-shadow: 0 0 8px rgba(0, 0, 0, .5);}
section.main article.dinamico .destaque.float-right{margin:0 0 5% 30px; width:47.5%;}
section.main article.dinamico iframe{margin: 30px auto; border: solid 12px #fff; border-radius: 8px; box-shadow: 0 0 8px rgba(0, 0, 0, .5);}

section.main aside.academico{margin-top: -30px;}

section.main h1{margin-bottom: 1.25em;}

/*formulários*/
.logar {margin:0 -60px; padding:20px 60px;}
.logar label{width:180px;}
.logar label:first-child{margin-right:60px;}
.logar input[type=text], .logar input[type=password]{font-size:16px;}

/* estruturais */
.noticias-list li{margin: 30px 5% 15px 0;}
.noticias-list li:nth-child(3n), .noticias-list li:last-child{margin: 30px 0 15px 0;}
.noticias-list li .button{bottom: -12px;}

.subpaginas-list li{margin: 30px 5% 0 0;}
.subpaginas-list li:nth-child(3n), .subpaginas-list li:last-child{margin: 30px 0 0 0;}

.documentos a{font-size: 2.25em;}

.gallery a{box-shadow: 0 0 8px rgba(0, 0, 0, .5);}
.gallery .bg-image{border: solid 8px #fff;}

.chamada{font-size:20px;}
.legenda{font-size:12px;}
}
@media screen and (max-width:1000px) {
/* base */
h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}

p{font-size:16px;}

ul li, ol li{font-size:16px;}

body {padding: 0 40px; background-attachment: scroll; background-image: url("../images/small/bg-body.jpg"); background-image: image-set(url("../images/small/bg-body.avif") type("image/avif"), url("../images/small/bg-body.jpg") type("image/jpeg"));}

body.static{overflow: hidden;}

/* ids */
#container {padding-top: 100px; max-width: 700px;}

header{width: calc(100% - 80px); max-width: 700px;}
header .content, header.hover .content{padding: 25px 20px 0 20px; height: 100px; max-height: 100px;}

header .logo{width: 150px; top: -20px; margin-left: -75px; background-size: 82%; padding:4px; background-position: center bottom 10px;}

header .pict.youtube{margin-right: 10px;}
header .pict.facebook{margin-right: 10px;}

header.hover .logo{width: 120px; top: -15px; margin-left: -60px; background-position: center bottom 8px;}

header .panel-button{display:block; position: absolute; right: -17px; bottom: -5px; left: -17px; height: 40px; line-height: 40px; padding: 0 37px; background-image: url("../images/svg/menu.svg"); background-size: contain; background-repeat: repeat-x; background-position: center; font-size: 14px; text-align: left; transition: margin 1s;}
header .panel-button::before, header .panel-button::after{content: ""; display: block; position: absolute; width: 40px; height: 60px; top: 26px; background-repeat: no-repeat; background-size: contain; z-index: -1;}
header .panel-button::before{left: -23px; background-image: url("../images/svg/menu-esq.svg");}
header .panel-button::after{right: -23px; background-image: url("../images/svg/menu-dir.svg");}

header .panel-button span{display:block; position:absolute; height:2px; width:26px; right: 37px; top: 19px; background-color:#fff; border-radius: 2px;}
header .panel-button span::before, header .panel-button span::after{content: ""; display: block; position: absolute; height: 2px; width: 26px; background-color:#fff; border-radius: 1px;}
header .panel-button span::before{top: 7px;}
header .panel-button span::after{bottom: 7px;}

header.panel-button-active .panel-button span{background-color: transparent;}
header.panel-button-active .panel-button span::before{transform:rotate(-45deg); top: 0;}
header.panel-button-active .panel-button span::after{transform:rotate(45deg); bottom:0;}

header.panel-button-active nav {min-height: calc(100vh - 100px); height: calc(100vh - 100px); min-height: calc(100dvh - 100px); height: calc(100dvh - 100px);}

nav{display:block; position: fixed; top: 100px; right: 0; left: 0; bottom: auto; background-image: none; margin: 0; overflow: hidden; min-height: 0; height: 0; transition: min-height 1s, height 1s; background: linear-gradient(to bottom,  #030305 0%, #333 15px, #0f0f0f 100%);}
nav::before, nav::after{display: none; background-image: none; width: 0; height: 0; top: 0;}
nav .reset-list{position: absolute; top: 40px; right: 0; left: 0;  bottom: 20px; overflow: auto;}

nav li{display: block; width: 100%; vertical-align: top; position: relative; max-width: 260px; margin: auto;}
nav li:nth-child(3){margin-right: auto;}
nav li + li{margin-top: 20px;}
	
nav li .gray-ll, nav li:hover .gray-ll{font-size: 16px; line-height: 20px; padding:10px 0; transition: none; border-top: solid 1px #fff; border-right: solid 1px #fff; border-left: solid 1px #fff; border-radius: 20px 20px 0 0; color: #dbd9d3;}
nav li .gray-ll.hover, nav li:hover .gray-ll.hover{color: #92683c;}

nav li:nth-child(3) .gray-ll, nav li:nth-child(5) .gray-ll, nav li:last-child .gray-ll{border-bottom: solid 1px #fff; border-radius: 20px 20px 50% 50% / 20px 20px 60px 60px; padding: 10px 0 30px 0;}
nav li:nth-child(3) .gray-ll::after, nav li:nth-child(5) .gray-ll::after, nav li:last-child .gray-ll::after{content: ""; display: block; width: 150px; aspect-ratio: 12; background-image: url("../images/svg/acabamentos.svg"); background-size: cover; background-repeat: no-repeat; margin: 10px auto 0 auto; background-position: center bottom;}

nav li .gray-ll + span{position: relative; height: auto; transition: none; overflow: visible; border-radius: 0 / 0;}
nav li:hover .gray-ll + span{height: auto; border-radius: 0;}

nav li .reset-list{position: relative; top: auto; right: auto; left: auto; height: auto; bottom: auto; overflow: auto; padding: 0 15px 20px 15px; background: initial; border-radius: 0 0 50% 50% / 0 0 60px 60px; pointer-events: all; border: solid 1px #fff; border-top: none;}
nav li .reset-list li + li{margin-top: 0;}
nav li .reset-list li:last-child{padding-bottom: 10px;}
nav li .reset-list .white, nav li .reset-list .white:hover{font-size: 15px; line-height: 1em; padding: 10px 0; display: block; transition: none; color: #fff;}
nav li .reset-list .white.hover, nav li .reset-list .white.hover:hover{color: #92683c;}
nav li .reset-list .acabamento{max-width: 150px;}

section.banner{aspect-ratio: 1; max-height: 500px; background-image: url("../images/small/bg-banner.jpg"); background-image: image-set(url("../images/small/bg-banner.avif") type("image/avif"), url("../images/small/bg-banner.jpg") type("image/jpeg"));}

section.noticias .content{padding: 40px 0;}
section.noticias .noticias-list li:nth-child(4){display: block;}

section.patronos .content{padding: 40px 0 55px 0; display: block;  gap: initial; align-items: initial;}
section.patronos article{padding: 0; text-align: justify;}
section.patronos article p:last-child{text-align: center;}

section.patronos .ornamento{width: 80px;}

section.patronos h2{width: 100%; position: relative; left: 0; text-align: center; margin-bottom: 0;}
section.patronos h3{text-align: center;}
section.patronos .button{position: relative; right: auto; bottom: auto;}	

footer{margin: 0 -40px; padding: 0 40px;}

footer .content{padding: 40px 0;}
footer aside + aside{margin: 40px 0 0 0;}

footer aside:first-child {text-align: center;}
footer aside:first-child .pict{margin-right: 19px;}

footer aside:nth-child(2){text-align: center; float: none;}
footer aside:nth-child(2) .pict{float: none; margin-left: 0; margin-right: 19px;}

footer .pict + span{text-align: left;}
footer .pict.ocre{border: solid 1px #92683c;}
footer .pict.ocre + .pict.ocre{margin-left: 10px;}

section.main .content{padding: 60px 0 40px 0;}
section.main .content::after{height: 20px; margin: 40px auto 0 auto;}

section.main article.dinamico .destaque{border: solid 9px #fff; border-radius: 6px; box-shadow: 0 0 6px rgba(0, 0, 0, .5);}
section.main article.dinamico .destaque.float-right{margin:0 0 5% 30px;}

section.main article.dinamico .sharethis-share-buttons{display: inline-block;}
section.main article.dinamico .sharethis-share-buttons + span{display:block; clear:both;}

section.main article.dinamico iframe{margin: 20px auto; border: solid 9px #fff; border-radius: 6px; box-shadow: 0 0 6px rgba(0, 0, 0, .5);}
section.main article.dinamico ul:not(.reset-list){column-count: initial; column-gap: initial;}

section.main aside.academico{margin-top: 0;}
section.main aside.academico + article h2{text-align: center;}

section.main h1{margin-bottom: 1em;}

/*formulários*/
.logar {margin:0 -40px; padding:15px 40px;}
.logar label{width:120px;}
.logar label:first-child{margin-right:60px;}
.logar input[type=text], .logar input[type=password]{height:30px; font-size:14px;}
.logar input[type=submit]{width:50px; height:50px; margin-left:-25px;}

/* estruturais */
section{padding: 0 20px;}
article {width:100%;}
aside {width:100%;}

.noticias-list li, .noticias-list li:nth-child(3n){width: 47.5%; margin: 30px 5% 15px 0;}
.noticias-list li:nth-child(2n), .noticias-list li:last-child{margin: 30px 0 15px 0;}
.noticias-list li .button{position: absolute; bottom: -8px;}

.subpaginas-list li, .subpaginas-list li:nth-child(3n){width:47.5%; margin: 20px 5% 0 0;}
.subpaginas-list li:nth-child(2n), .subpaginas-list li:last-child{margin: 20px 0 0 0;}

.academico{padding: 45px 0 30px 0;}
.academico .bg-image{display: block; max-width: 200px; margin: 0 auto; border: solid 4px #dbd9d3;}
.academico p{margin-top: -40px; margin-bottom: 0;}

.documentos a{font-size: 2em;}
.documentos a:first-child{margin-right: 0;}

.gallery a, .gallery a:nth-child(5n){width:21.25%; margin:5% 5% 0 0; box-shadow: 0 0 6px rgba(0, 0, 0, .5);}
.gallery a:nth-child(4n), .gallery a:last-child{margin-right:0;}
.gallery .bg-image{border: solid 6px #fff;}

.chamada{font-size:18px;}
.legenda{font-size:10px;}
.two-column {column-count:initial; column-gap: normal;}
.alpha:hover{opacity: 1; transition: none;}

.button.large{height: 60px; padding: 0 25px;}
.button.large::before, .button.large::after{background-image: url("../images/svg/button-60.svg"); width: 30px;}
.button.small{height: 30px; padding: 0 10px;}
.button.small::before, .button.small::after{background-image: url("../images/svg/button-60.svg"); width: 15px;}

.button.medium{height: 40px; padding: 0 15px;}
.button.medium::before, .button.medium::after{background-image: url("../images/svg/button-80.svg"); width: 20px;}
.button.tiny{height: 20px; padding: 0 10px;}
.button.tiny::before, .button.medium::after{background-image: url("../images/svg/button-80.svg"); width: 5px;}

.button.large .label{font-size: 1em}
.button.large .label::before{top: 2px; bottom: 2px; border-top-width: 2px; border-bottom-width: 2px;}
.button.small .label{font-size: .9em}
.button.medium .label::before{top: 1px; bottom: 1px; border-top-width: 1px; border-bottom-width: 1px;}
.button.small .label{font-size: .8em}
.button.small .label::before{top: 1px; bottom: 1px; border-top-width: 1px; border-bottom-width: 1px;}
.button.tiny .label{font-size: .7em}

.pict.text{font-size:1.2em;}

.pict.large{height: 60px;}
.pict.medium{height: 40px;}
.pict.small{height: 30px;}
.pict.tiny{height: 20px;}
}
@media screen and (max-width:600px) {
/* base */
h1 {font-size: 22px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}

p{font-size:14px;}

ul li, ol li{font-size:14px;}

body {padding: 0 20px;}

/* ids */
#container {padding-top: 100px; max-width: 440px;}

header{width: calc(100% - 40px); max-width: 440px;}
header .content, header.hover .content{padding: 25px 10px 0 10px;}

header .logo{width: 140px; top: -15px; margin-left: -70px; background-position: center bottom 8px;}

header.hover .logo{width: 118px; top: -10px; margin-left: -59px; background-position: center bottom 6px;}

header .panel-button{display:block; position: absolute; right: -17px; left: -17px; padding: 0 27px;}
header .panel-button span{right: 27px;}

section.banner{aspect-ratio: .75;  background-image: url("../images/tiny/bg-banner.jpg"); background-image: image-set(url("../images/tiny/bg-banner.avif") type("image/avif"), url("../images/tiny/bg-banner.jpg") type("image/jpeg"));}
section.banner h1 br{display: none;}

footer{margin: 0 -20px; padding: 0 20px;}

section.main{background-size: 200% auto;}

section.main .content::after{height: 17px; margin: 20px auto 0 auto;}
section.main article ul:not(.reset-list){padding-left: 20px;}
	
section.main article.dinamico .destaque{border: solid 7px #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, .5);}

section.main article.dinamico iframe{border: solid 7px #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, .5);}

/*formulários*/
.logar {margin:0 -20px; padding:15px 20px;}
.logar label{width:120px;}

/* estruturais */
.quadro-list li:first-child{display: none;}
.quadro-list li .gentium{display: block; width: 100%;}
.quadro-list li .gentium + .gentium{margin-top: .5em;}
.quadro-list li .gentium .gray .oswald{display: inline-block; font-size: .8em; width: 4.5em;}
.quadro-list li .gray.oswald{display: inline-block; font-size: .8em; width: 4.5em; padding-left: 0;}	

.noticias-list li, .noticias-list li:nth-child(3n){width: 100%; max-width: 300px; margin: 30px auto 15px auto;}
.noticias-list li:nth-child(2n), .noticias-list li:last-child{margin: 30px auto 15px auto;}
.noticias-list li .button{bottom: -9px;}

.subpaginas-list li, .subpaginas-list li:nth-child(3n){width:100%; margin: 20px auto 0 auto;}
.subpaginas-list li:nth-child(2n), .subpaginas-list li:last-child{margin: 20px auto 0 auto;}

.gallery a, .gallery a:nth-child(5n), .gallery a:nth-child(4n){width:30%; margin:5% 5% 0 0; box-shadow: 0 0 5px rgba(0, 0, 0, .5);}
.gallery a:nth-child(3n), .gallery a:last-child{margin-right:0;}

}