/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 24 2026 | 00:03:15 */
/* Add your CSS code here.


End of comment */ 

body {

}
a:focus, a:active, a:hover {
	outline: none;
	text-decoration: none;
}
.but:hover { 
	background-color: #08a6ae; 
	border-radius: 30px;
}

.txt_timeline {
	font-family: "Montserrat Alternates", sans-serif;
	margin:0;
	font-weight: 600;
}
footer {
	margin: 0;
}

.fixbg {
	background-position: fixed;
}
.right img {
	border-radius: 0 55px 0 55px;
	border: #BEBEBE 6px solid;
}
.left img {
	border-radius: 55px 0 55px 0;
	border: #BEBEBE 6px solid;
}
.timeline .ws-texto {
	background-color: #BD4604;
	padding: 40px;
}
.timeline .ws-texto.ws-right {
	border-radius: 0 55px 0 55px;
}
.timeline .ws-texto.ws-left {
	border-radius: 55px 0 55px 0;
}
.slide-in-right-element {
  /* Initial state: start off-screen */
  transform: translateX(300px);
  opacity: 0;
  transition: transform 0.8s ease-out, opacity 0.5s ease-out; /* Fallback transition (optional) */
  
  /* Modern CSS scroll-driven animation properties */
  animation-name: slidein;
  animation-duration: 1ms; /* Set to a small value to make it instant */
  animation-fill-mode: forwards;
  animation-timeline: view(); /* Links animation to the element's visibility in the viewport */
  animation-range: entry 0% cover 50%; /* Starts when element enters viewport, finishes by the time it covers 50% */
}

.slide-in-left-element {
  /* Initial state: start off-screen */
  transform: translateX(-300px);
  opacity: 0;
  transition: transform 0.8s ease-out, opacity 0.5s ease-out; /* Fallback transition (optional) */
  
  /* Modern CSS scroll-driven animation properties */
  animation-name: slidein;
  animation-duration: 1ms; /* Set to a small value to make it instant */
  animation-fill-mode: forwards;
  animation-timeline: view(); /* Links animation to the element's visibility in the viewport */
  animation-range: entry 0% cover 50%; /* Starts when element enters viewport, finishes by the time it covers 50% */
}

.bloco_comentarios {
	margin: 0 !important;
}
li.menu {
	border: 1px solid #08A6AE;
	border: 2px solid #ebebeb;
	background-color: #09A5AD17;
	padding: 4px 9px 3px !important;
	border-radius:20px;
}

@media (max-width: 481px) {
	#modal-1 {
		background-color: #08a6ae !important;
	}
	.palestra p {
		font-size: 1.38rem !important;
		padding-left:0 !important;
		text-align: center;
	}
	li.menu {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}
	li.menu a {
		display: block;
		font-size: 20px;
		font-family: "Montserrat Alternates", sans-serif;
		font-weight: 600;
		color: #ebebeb !important;
	}
	li.menu a:visited { color: #ebebeb; }
}

@keyframes slidein {
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
