.prdCorpo {
    width: 100%;
}

.imgTopo {
    width: 100%;
}

.imgTopo img {
    width: 100%;
}

.prdCentro {
    /*
    background-color: white;
    */
    margin: 0 auto;
    width: 80%;
}

.prdTopo {
    margin-top: 65px;
    margin-bottom: 38px;
    display: grid;
    grid-template-columns: 42% 5% 53%;
}

.prdtE {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 40px;
    font-size: 2.2em;
    font-weight: 700;
    letter-spacing: 0.3em;
}

.prdtE img {
    margin-right: 20px;
}

.prdtC {
    width: 100%;
    height: 144px;
    
}

.prdtD{ 
    width: 100%;
    display: flex;
    align-items: center;
}

.prdMeio {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.prdmCola {
    width: 42%;
    /*
    border: 1px solid #000;
    background-color: #a8e9ff;
    */
}

.prdmColb {
    width: 53%;
    /*
    border: 1px solid #000;
    background-color: #a8ffde;
    */
}

.meioA,
.meioB,
.meioC,
.meioD,
.meioE,
.meioF {
    display: flex;
    flex-wrap: wrap;
}


.meioA,
.meioD,
.meioE {
    justify-content: center;
}



.prdTitulo,
.prdTituloA,
.prdTituloC {
    color: darkblue;
    font-weight: 700;
    font-size: 1.6em;
}

.meioA {
    height: 463px;
}

.figuraA,
.figuraB,
.figuraC {
    width: 100%;
    text-align: center;
    margin-bottom: 55px;
}

.figuraA {
}

.figuraB {
}

.figuraC {
}

.TextoA {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.TituloA,
.TituloAa,
.TituloAb {
    color: #003C61;
    font-weight: 700;
    margin-bottom: 30px;

}

.TituloA {
    font-size: 2em;
    width: 80%;
}

.TituloAa {
    font-size: 1.5em;
    width: 100%;
}

.TituloAb {
    font-size: 2em;
    width: 100%;
}

.cTextoA {
    width: 100%;
    margin-bottom: 30px;
}


.meioB{
    height: 401px;
}

.prdTextoP {
    line-height: 1.4em;
}

.prdTituloA {
    padding-right: 50%;
}

.prdTituloC {
    display: flex;
    align-items: center;
    padding-right: 20%;
}

.prdTitulo {
    display: flex;
    align-items: center;
}



.meioC{
    width: 40%;
    height: 208px;
    padding-left: 30%;
    
}

.meioD{
    height: 465px;
}

.meioE{
    height: 324px;
}

.meioF{
    height: 129px;
}


.lingar {
    width: 100%;
    margin-bottom: 20px;
}

.lingdir {
    margin: 0 auto;
    width: 80%;
    display: flex;
    justify-content: flex-end;
}

.lingbtns {
    display: flex;
    align-items: center;
    width: 53%;
}

.lingimg {
    margin-right: 35px;
}

.lingbtn {
    display: flex;
}

.lingbtn a {
    text-decoration: none;
    color: #fff;
    background-color: #003C61;
    padding: 8px 10px;
    font-size: 1.5em;
    margin-right: 10px;
    font-weight: 700;
}

.lingbtn a:hover {
    color: #000;
    background-color: #008ae0;
}

.lingbtn i {
    color: #fff;
    background-color: #003C61;
    padding: 8px;
    font-size: 1.8em;
}

.canal {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px 0;
}

.cntitulo {
    width: 80%;
    padding: 30px 0;
    text-align: center;
    font-size: 2em;
}

.especifc {
    width: 100%;
    background-color: #1474A4;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 30px 0;
}

.espTit {
    width: 80%;
    padding: 0 0 30px 0;
    text-align: center;
    font-size: 1.4em;
    color: #fff;
}

.espCtr {
    width: 80%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.espCtrB {
    width: 80%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.iteme {
    padding: 10px;
    align-self: center;
    text-align: center;
}

.espA, .espB, .espC {
    text-align: center;
    color: #fff;
}

.espA, .espC {
    font-size: 1.1em;
}

.espB {
    font-size: 3em;
}

.espBai {
    width: 80%;
    padding: 60px 0 0 0;
    display: flex;
    justify-content: center;
}

.espBai a{
    padding: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-decoration: none;
    color: #fff;
}

.espBai a:hover {
    color: #73FFFF;
}

.espBai i {
    font-size: 5em;
    padding: 5px;
}

.espBai span {
    font-size: 1.4em;
    padding: 5px;
    text-align: center;
    width: 100%;
}

.franquia {
    width: 100%;
    position: relative;
    overflow: hidden;
}



.txtFranA,
.txtFranB {
    position: absolute;
    left: 30%;
}

.txtFranA {
    top: 40%;
    font-size: 2.5em;
    font-weight: bold;
}

.txtFranB {
    top: 57%;
    font-size: 1.18em;
}




@media screen and (max-width: 1470px){
    .prdTopo {
        grid-template-columns: 50% 5% 45%;
    }
    
    .prdmCola {
        width: 50%;
    }

    .prdmColb {
        width: 45%;
    }
    
    .meioA {
        height: auto;
        display: flex;
        align-items: flex-start;
    }
    
    .prdTituloA {
        padding-right: 30%;
    }

    .meioA img {
        width: 80%;
        height: auto;
    }
    
    .meioC {
        width: 60%;
        height: auto;
        padding-left: 20%;
    }
    
    .meioE {
        height: auto;
        display: flex;
        align-items: flex-start;
    }

    .meioE img {
        width: 80%;
        height: auto;
    }

    .meioD {
        display: flex;
        align-items: flex-start;
        height: auto;
    }

    .meioD img {
        width: 100%;
        height: auto;
    }
    
    .TituloA,
    .TituloAb {
        width: 100%;
        font-size: 1.6em;
    }

    .TituloAa {
        font-size: 1.3em;
    }

}

@media screen and (max-width: 1300px){
    .prdCentro {
        width: 90%;
    }
    
    .canal video {
        width: 100%;
        height: auto;
    }
    
}

@media screen and (max-width: 1185px){
    .prdTopo {
        grid-template-columns: 100%;
    }
    
    .prdtC {
        display: none;
        /*
        width: 100%;
        height: 144px;
        */

    }
    
    .prdtE {
        font-size: 1.6em;
    }
    
    .prdtD{ 
        justify-content: center;
        /*
        width: 100%;
        display: flex;
        align-items: center;
        */
    }

    .prdmCola {
        width: 100%;
    }

    .prdmColb {
        width: 100%;
    }
    
    .lingbtns {
        width: 100%;
        justify-content: center;
    }

}


@media screen and (max-width: 770px){
    .espCtrB,
    .espCtr {
        width: 100%;
        /*
        grid-template-columns: repeat(2, 1fr);
        */
    }
}

@media screen and (max-width: 600px){
    .prdtE {
        padding: 10px;
        font-size: 1.2em;

    }
    .meioC {
        width: 100%;
        padding-left: 0;
    }
    
    .lingimg {
        margin-right: 15px;
    }
    
    .espCtr {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }
    
    .espCtrB {
        width: 100%;
        grid-template-columns: repeat(1, 1fr);
    }
    
    
    .espCtrItem {
        padding: 10px 0;
        border-bottom: 1px solid #fff;
    }
    
    .TituloA,
    .TituloAb {
        font-size: 1.4em;
    }

    .TituloAa {
        font-size: 1.2em;
    }

}

@media screen and (max-width: 537px){
    .figuraA,
    .figuraB,
    .figuraC {
        margin-bottom: 25px;
    }
    
    .figuraB img,
    .figuraC img {
        width: 100%;
    }
    
    
}

@media screen and (max-width: 435px){
    .figuraA img {
        width: 100%;
    }
}





