p.ScreenParagraph{
	font-family: Abel,Arial;
	font-style : normal;
	font-weight: normal;
	font-size: 18px;
	color: #000;
	text-align: justify;
	line-height:25px;
	padding-right:12px;
}

p.ScreenParagraph::first-letter{
	font-size:320%;
	float:left;
	font-family:Roboto;
	color:White;
	font-style:none;
	font-weight:none;
	padding:16px;
	margin:3px;
	background:#27aae0;
}
ul.Info{
	padding-right:12px;
	text-align: justify;
	list-style:square;
}
p.ItemParagraph{
	padding-right:12px;
	text-align: justify;
}
.learnmore-button{
	height:26px;
	font-family:Abel;
	color:black;
	font-size:12px;
	background:#f3f3f3;
	border-radius:4px;
	border:2px solid #cbddef;
}
.learnmore-button:hover{
	background:#547fab;
	color:white;
	border:2px solid #144272;
}
.arrow::after {
    content: "→";
    margin-left: 8px;
    display: inline-block;
}
.left-arrow::after {
    content: "←";
    margin-left: 8px;
    display: inline-block;
}
.explore-page {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: clamp(10px, 1vw, 10px) 24px;
	border:1px none gray;
}
.explore-header {
    text-align: left;
    max-width: 100%;
    margin: 0 auto 0px auto;
	border:1px none gray;
}
.report-card {
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: transform .25s ease, box-shadow .25s ease;
}
.explore-footer {
    margin-top: 80px;
    padding: 50px 30px;
    text-align: center;
	letter-spacing: 0;
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.explore-footer__title {
	font-family:Abel;
    max-width: 100%;
	text-transform:uppercase;
    font-size: 35px;
    line-height: 1.2;
	color:#003366;
    margin: 0;
}
.explore-footer__subtitle {
	font-family:Abel;
    max-width: 100%;
	text-transform:uppercase;
    font-size: 28px;
    line-height: 1.2;
	color:#003366;
    margin: 0;
}
.explore-footer__text {
    max-width: 650px;
    font-size: 1.5rem;
    line-height: 1.7;
    color: #607d8b;
}
.explore-footer__button {
    margin-top: 15px;
}
    #videoBox {
		  display:none;
      opacity: 0;              /* invisível no início */
      visibility: hidden;      /* não ocupa espaço */
      transition: opacity 0.8s ease; /* transição suave */
      width: 640px;
      height: 360px;
      margin-top: 20px;
    }

    /* Classe que ativa a visibilidade */
    #videoBox.visivel {
      opacity: 1;
      visibility: visible;
	  	  display:block;
    }