:root{
	--white: #ffffff;
	--black: #000000;
	--primaria: #0d6094;
	--secundaria:#F9761F;
    --terciaria: #efe6bd;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


::-webkit-scrollbar {width: 6px}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);-webkit-border-radius: 10px;border-radius: 10px}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: #999;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)}
::-webkit-scrollbar-thumb:window-inactive {background: #999;}

html { margin: 0; padding: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; outline: 0; vertical-align: baseline; margin: 0; padding: 0;}
:focus { outline: 0; }
ol, ul { list-style: none;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
i, em {font-style: italic;}
b, strong {font-weight: bold;}
small {font-size: 12px;}
big {font-size: 16px;}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
h1, h2, h3, h4, h5, h6 { display: block; margin: 0; font-weight: 700;}
.cky-btn-revisit-wrapper{display: none !important;}
a {display: inline-block;}
a{text-decoration: none; color:var(--black);}
a:hover{text-decoration: none; color:var(--black-h);}
.link-text {color: var(--secundaria); font-weight: bold;}
h1 {font-size: 34px;}
.modal ul {    list-style-type: disc;  margin-left: 20px;  }
.modal ul li { margin-bottom: 5px; }

.clear { clear: both;}
body {margin: 0; padding: 0; font-size:16px; font-family: "Montserrat", sans-serif !important; font-optical-sizing: auto; font-weight:400; overflow-x: hidden !important; line-height: 150%; color:var(--black);}


.navbar { background-color: var(--primaria); }
.navbar-brand { color: var(--white); }
.navbar-nav .nav-item{margin-left: 50px !important;}
.navbar-nav .nav-link { color: var(--white);  font-weight: bold; padding-bottom: 4px; border-bottom: 2px solid var(--primaria);}
.navbar-nav .nav-link {position: relative; display: inline-block; opacity: 1; transition: opacity 0.3s;}
.navbar-nav .nav-link::after {content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background-color: var(--secundaria); transition: width 0.3s ease, left 0.3s ease;}
.navbar-nav .nav-link:hover {opacity: 0.8;}
.navbar-nav .nav-link:hover::after {width: 100%; left: 0;}
.container { max-width: 1440px !important; }
.navbar-toggler:hover {border: none !important; }
.navbar-toggler:focus { box-shadow: none;}
.highlight {background-color: var(--secundaria); background-image: url('../img/bg-laranja.svg'); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 60px 40px; text-align: start; color: var(--white);  box-shadow: 0 10px 25px rgba(0,0,0,0.15);}
.highlight h2 {font-size: 2.5rem; font-weight: 700; margin-bottom: 20px; line-height: 1.2;}
.highlight p {font-size: 1.125rem; margin: 20px 0 30px; line-height: 1.6; opacity: 0.9;}
.highlight .btn {background-color: var(--primaria); color: var(--white); font-weight: bold; padding: 14px 28px; font-size: 1rem; border-radius: 8px; display: inline-block; transition: transform 0.2s ease, box-shadow 0.2s ease; text-decoration: none;}
.highlight .btn:hover {transform: scale(1.05); box-shadow: 0 6px 12px rgba(0,0,0,0.2);}
.icone-logo {   filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.7));}
.icone-logo { width: 67%; transition: transform 1s ease; transform-style: preserve-3d; cursor: pointer; }
.icone-logo.girando { transform: rotateY(180deg);}
.highlight { perspective: 800px;}
.dropdown-menu {background:#134670!important;border:none;border-radius:8px;min-width:6rem; text-align: center; margin-left: -9px; }
.dropdown-item {position:relative;color:var(--white);padding: 6px 8px;font-weight:600;transition:color .3s;}
.dropdown-item:hover, .dropdown-item:focus {color:var(--white); background-color: transparent !important}
.navbar-nav .dropdown-toggle {color:var(--white);font-weight:600;}
.navbar-nav .dropdown-toggle:hover { position:relative;display:inline-block;}
.dropdown-menu {width:100%!important;max-width:none!important;}
.btn-hero:hover{color: var(--secundaria) !important;}
.btn-saiba-hero {background-color: var(--primaria) !important; padding: 8px 10px !important;}
.dropdown-item span {position:relative;display:inline-block;}
.dropdown-toggle::after { border: none;}
.dropdown-item span::after, .navbar-nav .dropdown-toggle::after {content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--secundaria);transition:width .3s ease,left .3s ease;}
.dropdown-item:hover span::after, .dropdown-item:focus span::after {width:100%;left:0;}
.navbar-nav .dropdown-toggle:hover::after {width:100%;left:0;}
.text-title h1 { color: var(--primaria); font-weight: 900; margin-bottom: 0.5rem; }
.text-title hr { width: 100px; height: 5px; background-color: var(--secundaria); opacity: 1.0 !important; border: none; margin: 0 auto; }

.text-slide {margin-bottom: 10px;}
.text-slide h2{font-size: 20px; color: var(--primaria);}
.text-slide p{margin-top: 5px; color: var(--black); font-weight: bold;}
.text-local a{ color: white; font-size: 18px;}
.text-local{    background-color: var(--primaria); padding: 20px;}
.text-tema p{margin: 0; color: white;}
#feature { background: url('../img/bg-araucaria.svg') center bottom no-repeat, var(--terciaria); background-repeat: no-repeat; background-size: contain, cover; padding-top: 150px;}

.feature-card {display:block;background:#fffaf3;border-radius:14px; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.4));overflow:hidden;text-align:center;color:#000;text-decoration:none; transition: all 0.3s ease-in-out}
.feature-card:hover {transform:translateY(-8px)	 !important;}
.feature-title {background:var(--primaria);color:var(--white); display: flex; align-items: center; justify-content: center; background-image: url('../img/bg-icone.svg'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.feature-title h2{color:var(--white); font-weight:800;font-size:22px;line-height:30px;padding:40px 20px; min-height: 140px;}
.feature-body {padding:20px 15px;}
.feature-body h5 {font-size:14px;font-weight:600;line-height:1.5;margin:0;}
.feature-body p {font-size:13px;color:#555;margin:8px 0 0;}
.row.mb-5 > .col-lg-4 {display: flex;}  
.feature-card {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}  
.feature-body h5, .feature-body p {text-transform: uppercase;} 
.page-inscricao {padding-block: 120px;}
.page-inscricao .feature-card .feature-title{min-height: 250px;}

.card-info {background-color: #fffaf3 !important; padding: 29px 20px; border-radius: 17px; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.5));}

footer {  padding: 25px 20px; background-image: url('../img/bg-laranja.svg'); background-size: cover;}
footer .copy {color: var(--white);}	
footer img { margin: 10px; max-width: 100px; }
.text-sobre p{ font-size: 17px; padding-bottom: 20px;}

.modal-content{ background-color: #fff5e2 !important;}
.btn-close {position: absolute; top: 0; right: 0; margin-right: 8px; margin-top: 6px; }

table { width: 100%; border-collapse: collapse; margin: 60px 0; }
table, th, td { border: 1px solid #383838; }
th, td { padding: 12px; text-align: left; }
tr:nth-child(odd){background-color: #efe6bd;}
tr:nth-child(even){background-color: #efd5a6;}
th { background-color: var(--primaria); color: var(--white); }
.center { text-align: center }
.spaced { margin-bottom: 40px; }
.subtitle { font-size: 1.2em; font-weight: bold; margin: 20px 0 10px; }

/* .modal-content {background-color:#fff5e2!important;} */
.modal-content {background-color:#fffaf3!important;}
.modal-body {padding:30px!important;}
.modal-body h2 {font-size:24px;font-weight:700;text-transform:uppercase;color:var(--primaria);margin-bottom:20px;}
.modal-body p, .modal-body ul, .modal-body table {margin-bottom:20px;}
.modal-body p strong {color:var(--primaria);}
.modal-body ul {padding-left:20px;list-style:disc;}
.modal-body ul li {margin-bottom:8px;font-size:14px;line-height:1.5;}
.modal-body table {width:100%;border-collapse:collapse;margin-bottom:30px;}
.modal-body th, .modal-body td {border:1px solid #383838;padding:12px;text-align:left;font-size:14px;line-height:1.4;}
.modal-body th {background:var(--primaria);color:#fff;text-transform:uppercase;font-weight:600;}
.modal-body tr:nth-child(odd)>td {background:#efe6bd;}
.modal-body tr:nth-child(even)>td {background:#efd5a6;}
.btn-close {position:absolute;top:12px;right:12px;color:#333;opacity:0.7;}
.btn-close:hover {opacity:1;color:#000;}

.parallax-banner { background-image: url('../img/museu-6.jpg'); background-attachment: fixed; background-position: bottom; background-repeat: no-repeat; background-size: cover; height: 200px; position: relative; display: flex; align-items: center; justify-content: center; color: white; text-shadow: 1px 1px 5px rgba(0,0,0,0.7); overflow: hidden; }
.parallax-banner::before { content: ''; position: absolute; inset: 0; background-color: #F9761F; opacity: 0.7; pointer-events: none; z-index: 1; }
.parallax-banner h1 { position: relative; z-index: 2; mix-blend-mode: normal; color: #fff; }

@media only screen and (max-device-width: 860px), screen and (max-width: 860px	) {
	h1 {font-size: 28px;}
	.container {padding: 0px 30px !important}
	.navbar-nav .nav-link { margin-left: 0px !important; display: inline-block; font-weight: bold; }
	#feature { background: url('../img/bg-araucaria.svg') center top no-repeat, var(--terciaria); background-repeat: no-repeat; background-size: contain, cover; padding-top: 150px;}
	.navbar-brand img {width: 200px;}
	.feature-box a {font-size: 20px; min-height: 200px;}
	.highlight {padding: 30px 0px;}
	.feature-box p, .feature-box h5 {padding: 0px;}
}