.nota {
	width: 100%;
	max-width: 1200px;
	padding-inline: 1rem;
	margin-left: 8rem;
	margin-right: auto;
	padding-right: 1rem
	
}

:root {
			--tab-bg: #e6f2ff;
			--tab-active: #66b3ff;
		}
		
		.tabs-container{
			line-height:1.6;
			padding-top:1rem;
		}

		.tab-header,
		.tab-body {
			width: 100%;
			max-width: 1200px;
			padding-inline: 1rem;
			margin-left: 8rem;
			margin-right: auto;
			padding-right: 1rem;
		}

		.tab-body {
			display: none;
		}
		
		.tab-body p{
			margin-bottom:1rem;
			text-align:justify;
		}
		
		.tab-body ul{
			margin-left:1.5rem;
			margin-bottom:1rem;
		}

		.tab-body li{
			margin-bottom:.4rem;
		}

		.tab-body.active {
			display: block;
		}

		.tab-header {
			display: flex;
			gap: .5rem;
			flex-wrap: wrap;
		}

		.tab-btn {
			background: var(--tab-bg);
			border: none;
			border-radius: 6px;
			padding: .625rem 1.25rem;
			cursor: pointer;
			transition: background-color .3s ease;
		}

		.tab-btn:hover {
			background: #cce6ff;
		}

		.tab-btn.active {
			background: var(--tab-active);
		}

		.tab-btn:focus-visible {
			outline: 2px solid #0078d4;
			outline-offset: 2px;
		}

		h2{
			font-size:1.35rem;
			margin-top:2rem;
			margin-bottom:.8rem;
		}

		p {
			font-size: 1rem;
		}

		@media (max-width: 768px) {
			.tab-btn {
				width: 100%;
			}
		}
		
/* Legal */
.about-header {
    position: relative;
    display: flex;
    /*align-items: center; */
	align-items: flex-end;
    padding: 40px 0;
    min-height: 570px;
    background-image: url("https://www.julimarengenharia.com.br/assets/images/topo-legal.jpg");
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.about-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.55);
}

.about-content {
    position: relative;
    z-index: 2;
    max-width: 650px;
    color: #FFF;
}

.about-subtitle {
    display: inline-block;
    margin-bottom: 15px;
    color: #4fc3f7;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: .9rem;
}

.about-content h1 {
    font-size: 3rem;
    margin-bottom: 100px;
}

.about-content p {
    font-size: 1.1rem;
    line-height: 1.8;
    margin-bottom: 35px;
	

}

@media (max-width:768px){

    .about-content{
        max-width:100%;
    }

    .about-content h1{
        font-size:2rem;
        line-height:1.2;
    }

    .about-content p{
        font-size:1rem;
        line-height:1.5;
        margin-bottom:20px;
    }

}