@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Work+Sans:wght@400;700&display=swap");
@import url("w2default.css");
* { color: #404040; font-family: "Work Sans", sans-serif; font-weight: normal; font-size: 18px; }

html, body { height: 100%; }

body { background: url("../images/html-01.jpg") repeat-y center 700px; }

h2 { margin-bottom: 30px; display: flex; align-items: center; white-space: nowrap; position: relative; }

h2, h2 * { color: #40a548; font-size: 30px; font-family: "Libre Baskerville", serif; }

h2:after { content: ""; display: inline-flex; width: 100%; height: 0; border-top: solid 1px #40a548; margin-left: 10px; }

h3 { margin-bottom: 30px; line-height: 40px; position: relative; }

h3, h3 * { color: #b0d5b2; font-size: 30px; font-family: "Libre Baskerville", serif; font-weight: 400; }

h4 { margin-bottom: 20px; display: flex; align-items: center; white-space: nowrap; position: relative; }

h4, h4 * { color: #b3a197; font-size: 24px; font-family: "Libre Baskerville", serif; }

h4:after { content: ""; display: inline-flex; width: 100%; height: 0; border-top: solid 1px #b3a197; margin-left: 30px; }

.wrapper { width: 1170px; }

.innerwrapper { width: 970px; margin: 0 auto; }

.mobile { display: none; }

.general-section { padding: 100px 0; }

.general-section.even { background-color: rgba(64, 165, 72, 0.1); }

.btn { background-color: #40a548; border-radius: 25px; display: inline-flex; align-items: center; height: 50px; padding: 0 20px; transition: background 0.3s ease; }
.btn .text { color: #fff; white-space: nowrap; }
.btn .icon { background: url("../images/icons-01.svg") no-repeat 0 -11px; background-size: 220px; display: inline-flex; width: 11px; height: 11px; margin-left: 10px; }

.btn:hover { background-color: #2b7b31; }

.btn.border { background-color: #fff; border: solid 1px #40a548; }
.btn.border .text { color: #40a548; }
.btn.border .icon { margin: 0 10px 0 0; }

.box-knowmore { display: flex; align-items: center; }

.box-knowmore.line { position: relative; padding-top: 20px; }

.box-knowmore.line:before { content: ""; display: inline-flex; width: 100%; height: 0; border-top: solid 1px #40a548; margin-right: 10px; }

.db-content, .db-content p, .db-content p * { line-height: 22px; }

.db-content img { max-width: 100%; }

.db-content blockquote { padding: 30px 0 30px 100px; position: relative; margin-top: 30px; position: relative; }

.db-content blockquote, .db-content blockquote * { color: #b3a197; font-size: 30px !important; line-height: 40px !important; font-family: "Libre Baskerville", serif; font-weight: bold; }

.db-content blockquote:before { background: url("../images/icons-01.svg") no-repeat -200px -250px; background-size: 1000px; content: ""; position: absolute; left: 20px; top: 30px; width: 50px; height: 50px; }

.db-content a, .db-content a * { color: #40a548; word-break: break-all; }

.db-content a:hover { text-decoration: underline; }

ol[style="list-style-type: lower-alpha;"] { counter-reset: list; }

ol[style="list-style-type: lower-alpha;"] > li { list-style: none; }

ol[style="list-style-type: lower-alpha;"] > li:before { content: counter(list,lower-alpha) ") "; counter-increment: list; }

#loading-container { background: rgba(255, 255, 255, 0.8) url("../images/loading.gif") no-repeat center center; position: fixed; z-index: 100000000; width: 100%; height: 100%; top: 0; left: 0; display: none; }

header { background-color: transparent; position: fixed; top: 0; left: 0; width: 100%; height: 138px; padding-top: 20px; z-index: 1002; box-shadow: 0 0 20px transparent; transition: background 0.5s ease, box-shadow 0.5s ease, padding 0.5s ease, height 0.5s ease; }
header .wrapper { display: flex; align-items: center; justify-content: space-between; height: 100%; }
header .wrapper .left a { display: block; width: 100px; height: 120px; overflow: hidden; transition: width 0.5s ease, height 0.5s ease; }
header .wrapper .left a img { width: 100%; }
header .wrapper .right nav { padding-bottom: 40px; transition: padding 0.5s ease; }
header .wrapper .right nav ul.lev1 { display: flex; align-items: center; transition: margin 0.5s ease; }
header .wrapper .right nav li.lev1 { display: inline-flex; align-items: center; position: relative; }
header .wrapper .right nav li.lev1:not(:last-child) { margin-right: 1px; }
header .wrapper .right nav a.lev1 { background-color: transparent; display: flex; align-items: center; height: 30px; padding: 0 20px; border-radius: 30px; font-size: 16px; white-space: nowrap; font-family: "Libre Baskerville", serif; }
header .wrapper .right nav a.lev1:hover { color: #40a548; }
header .wrapper .right nav li.lev1.active a.lev1 { background-color: #40a548; color: #fff; }
header .wrapper .right nav li.lev1.active a.lev1 { background-color: #40a548; color: #fff !important; border-radius: 30px; padding: 0 15px; position: relative; z-index: 2; }
header .wrapper .right nav li.lev1.active a.lev1:before { content: ""; background-color: #40a548; width: 10px; height: 10px; transform: rotate(45deg); position: absolute; bottom: -5px; left: calc(50% - 5px); }
header .wrapper .right nav ul.lev2 { background-color: #fff; position: absolute; top: 55px; left: 50%; margin-left: -100px; width: 200px; padding: 0 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(64, 64, 64, 0.3); opacity: 0; visibility: hidden; transition: opacity 0.5s ease; }
header .wrapper .right nav li.lev1:hover ul.lev2 { opacity: 1; visibility: visible; }
header .wrapper .right nav li.lev2 a { font-size: 16px; }
header .wrapper .right nav li.lev2 a:hover { color: #404040; transition: color 0.3s ease; }
header .wrapper .right nav li.lev2:not(:last-child) { border-bottom: solid 1px #f4ede9; }
header .wrapper .right nav a.lev2 { color: #b3a197; font-family: "Libre Baskerville", serif; text-align: center; padding: 15px 0; display: block; }
header .wrapper .right nav li.lev2.active a.lev2 { color: #404040; }
header .wrapper .right, header .wrapper nav, header .wrapper ul.lev1, header .wrapper li.lev1 { height: 100%; }

body.truncated header { background-color: #fff; height: 80px; padding-top: 0; box-shadow: 0 0 20px rgba(179, 161, 151, 0.9); }
body.truncated header .wrapper .left a { width: 63px; height: 56px; }
body.truncated header .wrapper .right nav { padding-bottom: 0; }

/*###################MENU MOBILE#######################*/
#mobile-menu-switch { width: 40px; height: 40px; position: fixed; right: 40px; top: 40px; z-index: 10004; transition: top 0.5s ease, right 0.5s ease; }

#mobile-menu-switch span { background-color: #40a548; width: 25px; height: 2px; display: block; position: absolute; left: 7px; border-radius: 2px; }

.truncated #mobile-menu-switch { top: 20px; right: 20px; }

#mobile-menu-switch span:nth-child(1) { top: 10px; transition: all 0.3s ease; }

#mobile-menu-switch span:nth-child(2) { top: 20px; }

#mobile-menu-switch span:nth-child(3) { top: 30px; transition: all 0.3s ease; }

#mobile-menu-switch.active span:nth-child(1) { top: 20px; transform: rotate(45deg); }

#mobile-menu-switch.active span:nth-child(2) { display: none; }

#mobile-menu-switch.active span:nth-child(3) { top: 20px; transform: rotate(-45deg); }

#mobile-menu-switch.active * { background-color: #40a548; }

#mobile-menu-switch.active { top: 20px !important; right: 20px !important; }

#mobile-menu { background-color: #fff; position: fixed; width: 280px; height: 100%; right: -110%; padding-top: 80px; z-index: 10002; transition: all 0.3s ease; overflow: auto; }

#mobile-menu.active { right: 0; box-shadow: 0 0 5px rgba(64, 64, 64, 0.5); display: block !important; }

#mobile-menu .container { width: 80%; margin: 0 auto; }

#mobile-menu ul.left { border-bottom: solid 1px #b3a197; }

#mobile-menu a.lev1 { display: block; font-size: 14px; line-height: 22px; font-family: "Libre Baskerville", serif; text-align: center; padding: 20px 40px; color: #b3a197; font-weight: 400; }

#mobile-menu li.lev1.children a { padding-bottom: 10px; }

#mobile-menu li.lev1:not(:last-child) { border-bottom: solid 1px #f4ede9; }

#mobile-menu li.lev1:last-child a.lev1 { border-bottom: none; }

#mobile-menu li.lev1:hover a.lev1, #mobile-menu li.lev1.active a.lev1 { color: #404040; }

#mobile-menu a.lev1 br { display: none; }

#mobile-menu ul.lev2 { background-color: #f4ede9; padding: 20px; border-radius: 5px; position: relative; }

#mobile-menu ul.lev2:before { background-color: #f4ede9; content: ""; width: 20px; height: 20px; transform: rotate(45deg); position: absolute; top: -7px; left: calc(50% - 10px); border-radius: 5px; }

#mobile-menu li.lev2 { text-align: center; padding: 10px 0; }

#mobile-menu a.lev2 { font-size: 14px; text-align: center; font-family: "Libre Baskerville", serif; color: #7b6f68; }

/*##################################################################*/
footer { background-color: #404040; }
footer * { color: #fff; font-size: 12px; }
footer a:hover { text-decoration: underline; }
footer .wrapper { display: flex; align-items: center; justify-content: space-between; min-height: 60px; padding: 10px 0; }
footer .left { display: flex; align-items: center; }
footer .left .box:not(:last-child) { margin-right: 30px; }
footer .left .box-copyright img { margin-right: 15px; }
footer .left .box-social { display: flex; align-items: center; }
footer .left .box-social a { background-color: #b3a197; display: inline-flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 30px; margin-left: 10px; transition: background 0.3s ease; }
footer .left .box-social a:before { font-family: 'Font Awesome 5 Brands'; content: ""; color: #404040; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; font-size: 16px; }
footer .left .box-social a[data-icon="facebook"]:before { content: "\f39e"; }
footer .left .box-social a[data-icon="linkedin"]:before { content: "\f0e1"; }
footer .left .box-social a[data-icon="twitter"]:before { content: "\f099"; }
footer .left .box-social a[data-icon="pinterest"]:before { content: "\f231"; }
footer .left .box-social a[data-icon="instagram"]:before { content: "\f16d"; }
footer .left .box-social a[data-icon="vimeo"]:before { content: "\f27d"; }
footer .left .box-social a[data-icon="youtube"]:before { content: "\f167"; }
footer .left .box-social a:hover { text-decoration: none; background-color: #fff; }
footer .right { display: flex; align-items: center; }
footer .right a { margin-left: 5px; }
footer .right a img { height: 12px; }

#banner { background-color: #40a548; height: 600px; position: relative; }
#banner .mask { background: url("../images/banner-mask.png") no-repeat center center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#banner .wrapper { display: flex; align-items: center; justify-content: center; padding: 150px 0; height: 100%; position: relative; z-index: 2; }
#banner .contents { text-align: center; max-width: 450px; }
#banner .contents .title { font-family: "Libre Baskerville", serif; font-size: 40px; line-height: 45px; margin-bottom: 30px; }
#banner .contents .subtitle { font-size: 16px; line-height: 19px; }

#banner:after, #secbanner:after { content: ""; background: url("../images/banner.png") no-repeat center bottom; position: absolute; bottom: 0; left: 0; width: 100%; height: 77px; z-index: 2; }

#secbanner { background-color: #40a548; height: 300px; position: relative; }
#secbanner .mask { background: url("../images/secbanner-mask.png") no-repeat center center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

#home-container .wrapper { display: flex; }
#home-container .left-container { width: calc(100% - 400px); }
#home-container .right-container { width: 300px; flex-shrink: 0; margin-left: 100px; }
#home-container .right-container:empty { display: none; }
#home-container .highlight:not(:last-child) { margin-bottom: 30px; }
#home-container .highlight[data-layout="layout1"] { position: relative; }
#home-container .highlight[data-layout="layout1"] .image img { width: 100%; border-radius: 5px; }
#home-container .highlight[data-layout="layout1"] .box-knowmore { position: absolute; bottom: -20px; left: 0; width: 100%; z-index: 2; display: flex; justify-content: center; }
#home-container .highlight[data-layout="layout1"] .btn-knowmore { background-color: #b3a197; height: 40px; }
#home-container .highlight[data-layout="layout1"] .btn-knowmore .text { font-size: 16px; }
#home-container .highlight[data-layout="layout1"] .btn-knowmore:hover { background-color: #7b6f68; }
#home-container .highlight[data-layout="layout2"] .title { color: #b3a197; font-family: "Libre Baskerville", serif; font-weight: bold; font-size: 40px; line-height: 45px; margin-bottom: 15px; }
#home-container .highlight[data-layout="layout2"] .description { font-size: 14px; }
#home-container .highlight[data-layout="layout2"] .btn-knowmore { background-color: #b3a197; height: 40px; transition: background 0.3s ease; }
#home-container .highlight[data-layout="layout2"] .btn-knowmore .text { font-size: 16px; }
#home-container .highlight[data-layout="layout2"] .btn-knowmore:hover { background-color: #7b6f68; }
#home-container .highlight[data-layout="layout3"] { background-color: #f4ede9; border-radius: 5px; padding: 30px; }
#home-container .highlight[data-layout="layout3"] .image { margin-bottom: 10px; }
#home-container .highlight[data-layout="layout3"] .image img { width: 100%; border-radius: 5px; }
#home-container .highlight[data-layout="layout3"] .title { color: #b3a197; font-family: "Libre Baskerville", serif; font-weight: bold; font-size: 20px; line-height: 25px; margin-bottom: 15px; }
#home-container .highlight[data-layout="layout3"] .description { font-size: 14px; }
#home-container .highlight[data-layout="layout3"] .btn-knowmore { background-color: #b3a197; height: 40px; }
#home-container .highlight[data-layout="layout3"] .btn-knowmore .text { font-size: 16px; }
#home-container .highlight[data-layout="layout3"] .btn-knowmore:hover { background-color: #7b6f68; }

#home-presentation { margin-bottom: 80px; }
#home-presentation .contents { display: flex; }
#home-presentation .contents .left { width: 100%; }
#home-presentation .contents .right { margin-left: 70px; width: 40%; flex-shrink: 0; }
#home-presentation .contents .right:empty { display: none; }

#home-publications { position: relative; margin-bottom: 80px; }
#home-publications .contents { height: 430px; padding: 50px; border-radius: 30px; display: flex; align-items: flex-end; overflow: hidden; position: relative; }
#home-publications .mask { background: url("../images/home-publications-mask.png") no-repeat 0 bottom; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#home-publications .title { position: relative; z-index: 2; font-size: 60px; line-height: 65px; color: #fff; }
#home-publications .box-knowmore { position: absolute; bottom: -25px; left: 0; width: 100%; justify-content: center; z-index: 3; }

#home-events { position: relative; }
#home-events .contents { height: 540px; position: relative; padding-left: 30px; padding-top: 40px; }
#home-events .contents:before { background: url("../images/home-events-mask-left.png") no-repeat 0 center; background-size: 100% 100%; content: ""; display: block; height: 100%; width: 67px; position: absolute; left: 0; top: 0; z-index: 10; pointer-events: none; }
#home-events .contents:after { background: url("../images/home-events-mask-right.png") no-repeat 0 center; background-size: 100% 100%; content: ""; display: block; height: 100%; width: 100px; position: absolute; right: 0; top: 0; z-index: 1; border-radius: 0 20px 20px 0; pointer-events: none; }
#home-events .mask { background-color: #f4ede9; position: absolute; top: 0; right: 0; width: calc(100% - 100px); height: 100%; z-index: 1; border-radius: 20px; }
#home-events .box-knowmore { justify-content: flex-end; margin-top: -25px; pointer-events: none; position: relative; z-index: 3; padding-right: 40px; }
#home-events .btn-knowmore { pointer-events: auto; }
#home-events .swiper-container { padding-bottom: 75px; }
#home-events .swiper-wrapper { padding-left: 10px; }
#home-events .swiper-slide { background: #fff; box-shadow: 0 0 10px rgba(179, 161, 151, 0.5); height: 440px; border-radius: 5px; margin-bottom: 10px; }
#home-events .swiper-slide .image { width: 100%; height: 0; padding-bottom: 56.6%; display: block; border-radius: 5px 5px 0 0; }
#home-events .swiper-slide .info { padding: 30px 30px 70px 30px; }
#home-events .swiper-slide .info .title { font-family: "Libre Baskerville", serif; color: #40a548; font-size: 20px; line-height: 23px; }
#home-events .swiper-slide .info .description, #home-events .swiper-slide .info .description * { font-size: 14px; line-height: 17px; }
#home-events .swiper-slide .box-knowmore { margin-top: auto; padding: 0; justify-content: flex-start; position: absolute; bottom: 30px; }
#home-events .swiper-slide .box-knowmore .btn { background-color: #b3a197; height: 40px; }
#home-events .swiper-slide .box-knowmore .btn .text { font-size: 16px; }
#home-events .box-pagination { padding-left: 90px; margin-top: 34px; display: flex; }
#home-events .swiper-button-prev { background: #b3a197; position: relative; top: auto; left: auto; margin-top: 0; margin-right: 10px; width: 30px; height: 30px; border-radius: 30px; display: flex; justify-content: center; align-items: center; transition: background 0.3s ease; }
#home-events .swiper-button-prev:before { background: url("../images/icons-01.svg") no-repeat -12px -12px; background-size: 240px; content: ""; width: 12px; height: 12px; }
#home-events .swiper-button-next { background: #b3a197; position: relative; top: auto; right: auto; margin-top: 0; width: 30px; height: 30px; border-radius: 30px; display: flex; justify-content: center; align-items: center; transition: background 0.3s ease; }
#home-events .swiper-button-next:before { background: url("../images/icons-01.svg") no-repeat 0 -12px; background-size: 240px; content: ""; width: 12px; height: 12px; }
#home-events .swiper-button-prev:hover, #home-events .swiper-button-next:hover { background: #7b6f68; }

#form-cartao .box { width: 300px; }
#form-cartao .box:not(:last-child) { margin-bottom: 20px; }
#form-cartao input[type="text"], #form-cartao input[type="email"] { font-size: 14px; line-height: 17px; }

body.a-sociedade #asociedade-presentation .description h3, body.a-sociedade #asociedade-presentation .description h4 { text-align: center; }
body.a-sociedade #asociedade-presentation .description h3 { margin-bottom: 0; }
body.a-sociedade #asociedade-presentation .description h4 { display: block; margin-bottom: 30px; }
body.a-sociedade #asociedade-presentation .description h4:after { display: none; }
body.a-sociedade #asociedade-presentation .description h3:not(:first-child) { margin-top: 60px; }
body.a-sociedade #asociedade-presentation .description h3, body.a-sociedade #asociedade-presentation .description h3 * { color: #b3a197; font-size: 24px; line-height: 27px; }
body.a-sociedade #asociedade-presentation .description h4, body.a-sociedade #asociedade-presentation .description h4 * { color: #a6a6a6; font-size: 16px; line-height: 20px; }

#historia-list .item:not(:last-child) { margin-bottom: 20px; }
#historia-list .top, #historia-list .bot { display: flex; }
#historia-list .top .left, #historia-list .bot .left { width: 40px; flex-shrink: 0; margin-right: 30px; display: flex; align-items: center; flex-direction: column; justify-content: space-between; }
#historia-list .top .left span, #historia-list .bot .left span { background-color: #b3a197; color: #fff; font-size: 20px; font-family: "Libre Baskerville", serif; font-weight: bold; display: inline-flex; align-items: center; justify-content: center; height: 40px; width: 40px; border-radius: 40px; }
#historia-list .top { margin-bottom: 20px; }
#historia-list .top h3 { color: #b3a197; font-size: 24px; line-height: 27px; font-weight: normal; margin-top: 8px; margin-bottom: 0; }
#historia-list .bot .left { position: relative; }
#historia-list .bot .left:before { content: ""; display: block; width: 0; height: 100%; border-right: solid 1px #b3a197; }
#historia-list .bot .right { padding-bottom: 40px; }
#historia-list .item:last-child .bot .left:after { background-color: #b3a197; content: ""; display: block; width: 10px; height: 10px; border-radius: 10px; }
#historia-list .item:last-child .bot .left:before { height: calc(100% - 20px); }

#orgaossociais-container .maindesc { margin-bottom: 50px; padding: 0 100px; }
#orgaossociais-container .maindesc h4 { display: block; white-space: normal; }
#orgaossociais-container .maindesc h4:after { display: none; }
#orgaossociais-container .maindesc h4, #orgaossociais-container .maindesc h4 * { color: #b0d5b2; font-size: 30px; line-height: 35px; font-weight: normal; }

#orgaossociais-list .group .top { padding: 0 100px; }
#orgaossociais-list .group .top h3 { display: flex; align-items: center; white-space: nowrap; position: relative; color: #b3a197; font-size: 24px; font-weight: 400; }
#orgaossociais-list .group .top h3:after { content: ""; display: inline-flex; width: 100%; height: 0; border-top: solid 1px #b3a197; margin-left: 20px; }
#orgaossociais-list .grid-item { width: 50%; position: relative; padding: 40px 15px 0 15px; margin-bottom: 30px; }
#orgaossociais-list .grid-item .item-content { background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(179, 161, 151, 0.5); position: relative; display: flex; }
#orgaossociais-list .grid-item .left { width: 40%; padding: 0 30px; flex-shrink: 0; }
#orgaossociais-list .grid-item .left .image { background-color: #f4ede9; position: relative; top: -40px; padding-bottom: 100%; border-radius: 5px; box-shadow: 0 0 5px rgba(64, 64, 64, 0.3); }
#orgaossociais-list .grid-item .right { width: 60%; padding: 30px 30px 30px 0; position: relative; }
#orgaossociais-list .grid-item .right .role { display: flex; align-items: center; white-space: nowrap; color: #b3a197; font-size: 18px; font-family: "Libre Baskerville", serif; font-weight: bold; position: absolute; top: -40px; left: 0; width: 100%; height: 40px; }
#orgaossociais-list .grid-item .right .role:after { content: ""; display: inline-flex; width: 100%; height: 0; border-top: solid 1px #b3a197; margin-left: 20px; }
#orgaossociais-list .grid-item .right .title { color: #40a548; font-size: 20px; line-height: 25px; margin: 0; }
#orgaossociais-list .grid-item .right .description { padding-top: 20px; }
#orgaossociais-list .grid-item .right .description, #orgaossociais-list .grid-item .right .description * { font-size: 14px; line-height: 17px; }

#orgaossociais-older .contents { display: flex; flex-wrap: wrap; }
#orgaossociais-older .contents .mandate { width: 50%; }
#orgaossociais-older .contents .mandate:nth-child(odd) { padding-right: 25px; }
#orgaossociais-older .contents .mandate:nth-child(even) { padding-left: 25px; }
#orgaossociais-older .contents .mandate:not(:last-child) { margin-bottom: 50px; }
#orgaossociais-older .contents h5 { color: #b3a197; font-size: 20px; line-height: 25px; font-family: "Libre Baskerville", serif; margin-bottom: 10px; }
#orgaossociais-older .contents h6 { font-weight: 700; }
#orgaossociais-older .contents .group:not(:last-child) { margin-bottom: 20px; }
#orgaossociais-older .contents .people .item p { display: inline-flex; }
#orgaossociais-older .contents .people .item p.role { color: #b3a197; }

#events-list { padding-top: 0; }
#events-list .grid { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr);         /*.item-content {background-color: #fff;border-radius: 5px;box-shadow: 0 0 10px rgba($brown,0.5);position: relative;display: flex;} .left {background-color: $brown;width: 206px;flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;position: relative;border-radius: 5px 0 0 5px; overflow: hidden; .ref {color: #fff;font-size: 50px;line-height: 50px;font-family: $fontB;font-weight: bold;position: relative;z-index: 2;margin: 0; }  } .left:before {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba($black,0.5);} .right {width: 100%;padding: 30px 30px 60px;position: relative; .date {color: $grey;font-size: 14px;padding-top: 10px;margin-bottom: 0;} .title {color: $green;font-size: 20px;line-height: 25px;font-family: $fontB;font-weight: bold;margin-bottom: 0;} .description {padding-top: 10px;margin-bottom: 0;} .description, .description * {font-size: 14px;line-height: 17px;} .btn {background-color: $brown;position: absolute;bottom: -25px;right: 30px; }
			.btn .icon{background:url("../images/icons-01.svg") no-repeat -100px -20px; background-size:400px;  width: 20px; height: 20px;}
			.btn:hover {background-color: $brownDark;} }*/ }
#events-list .grid .grid-item { box-shadow: 0 0 10px rgba(179, 161, 151, 0.5); position: relative; border-radius: 5px; margin-bottom: 20px; }
#events-list .grid .item-content { border-radius: 5px; }
#events-list .grid .image { background-color: #b3a197; padding-bottom: 56.25%; display: block; border-radius: 5px 5px 0 0; }
#events-list .grid .info { background-color: #fff; padding: 30px 30px 65px; border-radius: 0 0 5px 5px; }
#events-list .grid .info .title { color: #40a548; font-size: 20px; line-height: 25px; font-family: "Libre Baskerville", serif; font-weight: bold; margin-bottom: 0; }
#events-list .grid .info .date { color: #a6a6a6; font-size: 14px; padding-top: 10px; margin-bottom: 0; }
#events-list .grid .info .description { padding-top: 10px; margin-bottom: 0; }
#events-list .grid .info .description, #events-list .grid .info .description * { font-size: 14px; line-height: 17px; }
#events-list .grid .info .box-knowmore { width: 100%; padding: 0 40px; position: absolute; bottom: -25px; left: 0; }
#events-list .grid .info .btn { background-color: #b3a197; width: 100%; justify-content: space-between; }
#events-list .grid .info .btn:hover { background-color: #7b6f68; }

#events-detail { /*.header {background-color: $brownLight;padding: 50px;margin-bottom: 40px;border-radius: 5px;display: flex;justify-content: center; .box {min-width: 25%;} .box:not(:last-child) {margin-right: 50px;padding-right: 50px;border-right: dotted 1px $brown;} .label {color: $grey;font-size: 14px;line-height: 17px;margin-bottom: 3px;} .text {color: $brown;font-family: $fontB;font-weight: bold;} .box-theme .text {font-size: 24px;line-height: 30px;}
}*/ }
#events-detail .top { display: flex; align-items: center; margin-bottom: 40px; }
#events-detail .top .btn-back { margin-right: 30px; flex-shrink: 0; height: 40px; transition: background 0.3s ease; }
#events-detail .top .btn-back .text { font-size: 16px; }
#events-detail .top .btn-back .icon { background: url("../images/icons-01.svg") no-repeat -11px -33px; background-size: 220px; }
#events-detail .top .btn-back:hover { background-color: green; }
#events-detail .top .btn-back:hover .text { color: #fff; }
#events-detail .top .btn-back:hover .icon { background-position: -11px -11px; }
#events-detail .top h2 { margin-bottom: 0; width: 100%; }
#events-detail .top h2:after { margin-left: 30px; }
#events-detail .date { background-color: #b3a197; color: #fff; border-radius: 30px; padding: 5px 20px; display: inline-block; font-size: 14px; }
#events-detail .image { margin-bottom: 40px; }
#events-detail .image picture, #events-detail .image picture img { max-width: 100%; }
#events-detail .separators { padding-top: 50px; }
#events-detail .separators h4 { font-weight: 300; }
#events-detail .separator:not(:last-child) { margin-bottom: 50px; }

#events-gallery h4, #congressos-gallery h4 { color: #40a548; font-weight: 400; }
#events-gallery h4:after, #congressos-gallery h4:after { border-color: #40a548 !important; }
#events-gallery .swiper-container:before, #congressos-gallery .swiper-container:before { background: url("../images/gallery-shadow-left.png") no-repeat 0 0; background-size: 100% 100%; content: ""; width: 13px; height: calc(100% - 30px); position: absolute; left: 0; top: 0; display: block; z-index: 5; }
#events-gallery .swiper-container:after, #congressos-gallery .swiper-container:after { background: url("../images/gallery-shadow-right.png") no-repeat 0 0; background-size: 100% 100%; content: ""; width: 13px; height: calc(100% - 30px); position: absolute; right: 0; top: 0; display: block; z-index: 5; }
#events-gallery .swiper-wrapper, #congressos-gallery .swiper-wrapper { padding: 30px 0 50px 0; }
#events-gallery .swiper-slide, #congressos-gallery .swiper-slide { border-radius: 5px; overflow: hidden; }
#events-gallery .swiper-slide img, #congressos-gallery .swiper-slide img { width: 100%; }
#events-gallery .swiper-container-horizontal > .swiper-pagination-bullets, #events-gallery .swiper-pagination-custom, #events-gallery .swiper-pagination-fraction, #congressos-gallery .swiper-container-horizontal > .swiper-pagination-bullets, #congressos-gallery .swiper-pagination-custom, #congressos-gallery .swiper-pagination-fraction { bottom: 0; }
#events-gallery .swiper-pagination-bullet, #congressos-gallery .swiper-pagination-bullet { background-color: #40a548; width: 10px; height: 10px; margin: 0 5px; border-radius: 10px; }
#events-gallery .swiper-pagination-bullet-active, #congressos-gallery .swiper-pagination-bullet-active { background-color: #40a548; }

#newsletters-list { padding-top: 0; }
#newsletters-list .grid { display: flex; flex-wrap: wrap; }
#newsletters-list .grid .grid-item { width: 50%; position: relative; padding: 0 15px; margin-bottom: 55px; border-radius: 5px; }
#newsletters-list .grid .item-content { background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(179, 161, 151, 0.5); position: relative; display: flex; }
#newsletters-list .grid .left { background-color: #b3a197; width: 206px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; position: relative; border-radius: 5px 0 0 5px; overflow: hidden; }
#newsletters-list .grid .left .ref { color: #fff; font-size: 50px; line-height: 50px; font-family: "Libre Baskerville", serif; font-weight: bold; position: relative; z-index: 2; margin: 0; }
#newsletters-list .grid .left:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(64, 64, 64, 0.5); }
#newsletters-list .grid .right { width: 100%; padding: 30px 30px 60px; position: relative; }
#newsletters-list .grid .right .date { color: #a6a6a6; font-size: 14px; padding-top: 10px; margin-bottom: 0; }
#newsletters-list .grid .right .title { color: #40a548; font-size: 20px; line-height: 25px; font-family: "Libre Baskerville", serif; font-weight: bold; margin-bottom: 0; }
#newsletters-list .grid .right .description { padding-top: 10px; margin-bottom: 0; }
#newsletters-list .grid .right .description, #newsletters-list .grid .right .description * { font-size: 14px; line-height: 17px; }
#newsletters-list .grid .right .btn { background-color: #b3a197; position: absolute; bottom: -25px; right: 30px; }
#newsletters-list .grid .right .btn .icon { background: url("../images/icons-01.svg") no-repeat -100px -20px; background-size: 400px; width: 20px; height: 20px; }
#newsletters-list .grid .right .btn:hover { background-color: #7b6f68; }

#publications-list { padding-top: 0; }
#publications-list .grid .grid-item { width: 50%; position: relative; padding: 0 15px; margin-bottom: 30px; }
#publications-list .grid .item-content { background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(179, 161, 151, 0.5); position: relative; display: flex; }
#publications-list .grid .left { width: 40%; padding: 0 30px 30px; flex-shrink: 0; }
#publications-list .grid .left a { display: block; }
#publications-list .grid .left a img { margin-top: -40px; width: 100%; border-radius: 5px; box-shadow: 0 0 5px rgba(64, 64, 64, 0.3); }
#publications-list .grid .right { width: 60%; padding: 30px 30px 30px 0; position: relative; }
#publications-list .grid .right .date { display: flex; align-items: center; white-space: nowrap; color: #b3a197; font-size: 18px; font-family: "Libre Baskerville", serif; font-weight: bold; position: absolute; top: -40px; left: 0; width: 100%; height: 40px; }
#publications-list .grid .right .date:after { content: ""; display: inline-flex; width: 100%; height: 0; border-top: solid 1px #b3a197; margin-left: 20px; }
#publications-list .grid .right .title { color: #40a548; font-size: 20px; line-height: 25px; font-family: "Libre Baskerville", serif; font-weight: bold; margin: 0; }
#publications-list .grid .right .description { padding-top: 20px; }
#publications-list .grid .right .description, #publications-list .grid .right .description * { font-size: 14px; line-height: 17px; }

#congressos-list { padding-top: 0; }
#congressos-list .grid { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); }
#congressos-list .grid-item { box-shadow: 0 0 10px rgba(179, 161, 151, 0.5); position: relative; border-radius: 5px; margin-bottom: 20px; }
#congressos-list .grid-item .image { background-color: #f4ede9; display: block; padding-bottom: 56.25%; border-radius: 5px 5px 0 0; }
#congressos-list .grid-item .info { background-color: #fff; height: 300px; padding: 40px 40px 60px 40px; border-radius: 0 0 5px 5px; }
#congressos-list .grid-item .title { color: #40a548; font-size: 20px; line-height: 25px; font-family: "Libre Baskerville", serif; font-weight: bold; margin-bottom: 20px; }
#congressos-list .grid-item .subtitle { color: #b3a197; font-size: 14px; line-height: 17px; margin-bottom: 15px; }
#congressos-list .grid-item .description { font-size: 14px; line-height: 17px; }
#congressos-list .grid-item .box-knowmore { position: absolute; bottom: -25px; left: 0; width: 100%; padding: 0 40px; justify-content: center; }
#congressos-list .grid-item .btn-knowmore { background-color: #b3a197; width: 100%; justify-content: space-between; transition: background 0.3s ease; }
#congressos-list .grid-item .btn-knowmore:hover { background-color: #7b6f68; }

#congressos-detail .top { display: flex; align-items: center; margin-bottom: 40px; }
#congressos-detail .top .btn-back { margin-right: 30px; flex-shrink: 0; height: 40px; }
#congressos-detail .top .btn-back .text { font-size: 16px; }
#congressos-detail .top .btn-back .icon { background: url("../images/icons-01.svg") no-repeat -11px -33px; background-size: 220px; }
#congressos-detail .top h2 { margin-bottom: 0; width: 100%; }
#congressos-detail .top h2:after { margin-left: 30px; }
#congressos-detail .top .btn-back:hover { background-color: green; }
#congressos-detail .top .btn-back:hover .text { color: #fff; }
#congressos-detail .top .btn-back:hover .icon { background-position: -11px -11px; }
#congressos-detail .header { background-color: #f4ede9; padding: 50px; margin-bottom: 40px; border-radius: 5px; display: flex; justify-content: center; }
#congressos-detail .header .box { min-width: 25%; }
#congressos-detail .header .box:not(:last-child) { margin-right: 50px; padding-right: 50px; border-right: dotted 1px #b3a197; }
#congressos-detail .header .label { color: #a6a6a6; font-size: 14px; line-height: 17px; margin-bottom: 3px; }
#congressos-detail .header .text { color: #b3a197; font-family: "Libre Baskerville", serif; font-weight: bold; }
#congressos-detail .header .box-theme .text { font-size: 24px; line-height: 30px; }
#congressos-detail .image { margin-bottom: 40px; }
#congressos-detail .image picture, #congressos-detail .image picture img { max-width: 100%; }
#congressos-detail .separators { padding-top: 50px; }
#congressos-detail .separators h4 { font-weight: 300; }
#congressos-detail .separator:not(:last-child) { margin-bottom: 50px; }

#contactos-map { background-color: #f4ede9; height: 400px; }

#contactos-map .box-knowmore { position: absolute; bottom: 25px; justify-content: center; position: relative; pointer-events: none; }

#contactos-map .box-knowmore a { pointer-events: all; }

#contactos-map #gmaps { height: 100%; }

#contactos-info .description { margin-bottom: 40px; }
#contactos-info .othercontacts { display: flex; }
#contactos-info .box-address { padding-left: 40px; padding-right: 15px; width: 50%; position: relative; }
#contactos-info .box-address:before { background: url("../images/icons-01.svg") no-repeat -210px -90px; background-size: 600px; content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 30px; }
#contactos-info .box-others { width: 50%; padding-left: 15px; }
#contactos-info .box-others .item { display: flex; align-items: center; min-height: 30px; padding-left: 40px; position: relative; }
#contactos-info .box-others .item:before { content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 30px; }
#contactos-info .box-others .item:not(:last-child) { margin-bottom: 10px; }
#contactos-info .box-others .item[data-icon="email"]:before { background: url("../images/icons-01.svg") no-repeat -240px -90px; background-size: 600px; }
