body {

    background-color: #E6E6E6;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    height: 1500px;

}

@font-face {
    font-family: 'Lora';
    src: url('../FONTS/LoraItalica.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat';
    src: url('../FONTS/Montserrat.ttf') format('truetype');
}
@font-face {
    font-family: 'MontserratBold';
    src: url('../FONTS/Montserrat-Bold.ttf') format('truetype');
}

.Meio h1{
    font-size: 30px;
    color: #1a3b81;
}


.Meio {
    height: auto;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 2vw 2vw;
    box-sizing: border-box;
    transition: padding 0.3s;
}

.Cor {

    background-color: #fdfdfd;
    padding: clamp(10px, 4vw, 40px);
    transition: padding 0.3s;
}

.Meio h3 {

    font-family: "Montserrat";
    font-size: clamp(1rem, 2vw, 1.2rem);
    transition: font-size 0.3s;
}

.Meio h4 {

    font-family: "MontserratBold";
    font-size: clamp(1.1rem, 2vw, 1.25rem);
    font-weight: 700;
    padding: clamp(10px, 3vw, 30px) 0;
    transition: font-size 0.3s, padding 0.3s;
}

.Meio p{

    margin: 0;
    padding: 0;
    text-align: justify;
    font-family: "Arial";
    color: rgb(43, 43, 43);
    font-size: clamp(0.95rem, 1.5vw, 1.1rem);
    transition: font-size 0.3s;
}

.Cor ul{
    margin: 0;
    padding: clamp(5px, 2vw, 20px);
    transition: padding 0.3s;
}

.Cor li{
    padding: clamp(2px, 1vw, 5px);
    transition: padding 0.3s;
}

.Meio p span {

    color: #1a3b81;
    font-weight: bold
}

.Meio a {
    color: #1a3b81;
    font-family: "Montserrat";
    
}


/* Responsividade para Termos */
@media (max-width: 992px) {
    .Meio {
        padding: 10px;
    }
    .Cor h1 {
        font-size: 1.5rem;
    }
    .Cor h3, .Cor h4 {
        font-size: 1.1rem;
    }
}

@media (max-width: 768px) {
    .Meio {
        padding: 0 30px;
    }
    .Cor {
        padding: 20px 30px;
        font-size: 0.98rem;
    }
    .Cor h1 {
        font-size: 1.2rem;
    }
    .Cor h3, .Cor h4 {
        font-size: 1rem;
    }

}

@media (max-width: 576px) {
    .Meio {
        padding: 20px;
    }
    .Cor {
        padding: 30px 20px;
        font-size: 0.92rem;
    }
    .Cor h1, .Cor h3, .Cor h4 {
        font-size: 1rem;
    }
    .Meio p {
        text-align: start;
    }

}