/* MAX-WIDTH 1024 PX */

@media only screen and (max-width: 1024px){

.headerWrap{
    height: auto;
    padding: 15px 0px 10px 0;
}

    .headerLogo{
        width: 110px;  
    }    

.destBox{
    width: 100%;
    padding: 0 10px;
}

.catBlocoBox{
    max-width: 100%;
}

.noticiaBlocoBox{
    max-width: 100%;
}

    .noticiaBlocoList{
        flex-direction: column;
    }

        .noticiaBlocoItem{
            width: 100%;
        }

            .noticiaBlocoItemTitle h3{
                font-size: 22px;
            }

            .legalBlocoItemTitle h3{
                font-size: 16px;
            }

.whatsappBlocoBox{
    max-width: 100%;
}

.artigoBox{
    width: 100%;
    padding: 0 10px;
}


    .artigoItemHeader{
        margin: 0 0 0 0;
    }

        .artigoItemHeader h1{
            font-size: 30px;
            line-height: 36px;
        }

        .artigoItemHeader h2{
            font-size: 14px;
            text-align: left;
        }

    .artigoItemInfo{
        flex-direction: column;
        gap: 20px;
        padding: 10px 0;
    }

        .artigoItemInfoCol1{
            width: 100%;
        }

            .artigoItemData{
                font-size: 12px;
            }

            .artigoItemAuthor{
                font-size: 12px;
            }

        .artigoItemInfoCol2{
            width: 100%;
            align-items: flex-start;
        }

        .artigoItemThumb{
            padding: 0;
        }

            .artigoItemThumb figcaption{
                font-size: 12px;
                line-height: 1.2rem;
            }

        .artigoItemTxt{
            margin: 0 0 0 0;
            font-size: 16px;
        }

            .artigoItemTxt p{
                font-size: 16px;
            }

            .wp-block-embed,
            .is-type-video,
            .is-provider-youtube,
            .wp-block-embed-youtube,
            .wp-embed-aspect-16-9,
            .wp-has-aspect-ratio iframe{
                width: 100%;
                height: 200px;
                padding: 0 10px;
            }

        
    .ofertasList{
        flex-direction: column;
    }

        .ofertasItem{
            width: 100%;
        }

.ctaBlocoWrap{
    padding: 0 20px;
}

    .ctaBloco{
        padding: 30px 20px;
    }

        .ctaBlocoTitle{
            gap: 10px;
            padding: 0 30px 0 0;
        }

            .ctaBlocoTitle h3{
                font-size: 20px;
                text-align: left;
            }

            .ctaBlocoTitle span{
                font-size: 14px;
                text-align: left;
            }

        .ctaBlocoItem{
            width: 100%;
        }

            .ctaBlocoItem a{
                width: 100%;
                justify-content: flex-start;
                gap: 10px;
            }


.ctaSocialBlocoWrap{
    padding: 0 20px;
}

    .ctaSocialBloco{
        padding: 30px 20px;
    }

        .ctaSocialBlocoTitle{
            gap: 10px;
            padding: 0 30px 0 0;
        }

            .ctaSocialBlocoTitle h3{
                font-size: 20px;
                text-align: left;
            }

            .ctaSocialBlocoTitle span{
                font-size: 14px;
                text-align: left;
            }

        .ctaSocialBlocoItem{
            width: 100%;
        }

            .ctaSocialBlocoItem a{
                width: 100%;
                justify-content: flex-start;
                gap: 10px;
            }


.artigoRelBlocoWrap{
    padding: 20px 20px;
}

}

@media only screen and (max-width: 900px){

    .destMainList{
        flex-direction: column;
    }

    .destMainCol1{
        width: 100%;
        padding: 0 10px;
    }

    .destMainCol2{
        width: 100%;
        padding: 0 10px;
        margin: 20px 0 0 0;
    }

    .fibBox{
        width: 100%;
        padding: 0 10px;
    }

        .fibTitle h2{
            font-size: 22px;
            text-align: center;
        }

        .fibTitle h3{
            font-size: 14px;
            text-align: center;
        }

        .fibList{
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

            .fibPost{
                width: 100%;
            }
}

/* MAX-WIDTH 767 PX */

@media only screen and (max-width: 767px){

    .mobile-hide{
        display: none;
    }

    .mobile-show{
        display: flex !important;
    }

.headerMenuHome{
    display: none;
}

.headerMenuIcon{
    width: 22px;
    gap: 3px;
}

    .headerMenuIcon span{
        height: 3px;
    }

.headerMenuLink{
    height: auto;
}
    .headerMenuLink a{
        font-size: 14px;
    }

.subheaderBox{
    width: 100%;
    padding: 0 15px;
    font-size: 12px;
    align-items: center;
    justify-content: center;
}

    .subheaderBox a{
        text-align: left;
        width: 50%;
    }

    .subheaderBox span{
        text-align: right;
        width: 50%;
    }

.menuSideBox{
    width: 80%;
}

.menuOpen{
    animation: menuAbre ease 1s forwards;
    left:-85%;
    display: flex;
    transition: 1s;
}

    @keyframes menuAbre{
        0%{
            left:-85%;
            display: flex;
        }
        100%{
            left: 0%;
        }
    }

.menuClose{
    animation: menuFecha ease 1s forwards;
    left:-85%;
    display: flex;
    transition: 1s;
}

    @keyframes menuFecha{
        0%{
            left: 0%;
            display: flex;
        }
        100%{
            left:-85%;
            display: none !important;
        }
    }

    .headerMenuSearch{
        width: auto;
        margin: 0;
        justify-content: center;
    }

        .headerMenuSearchForm{
            width: 100%;
        }

            .headerMenuSearchForm input{
                width: 100%;
            }

.contentWrap{
    margin-top: 101px;
}

.noticiaBlocoTitle h2{
    font-size: 20px;
}

.noticiaBlocoItemTitle h3{
    font-size: 20px;
}

.destWrap{
    padding: 20px 0px 0px 0px;
}

.destBox{
    width: 100%;
    padding: 0 5%;
}

    .destHeader{
        padding: 10px 10px;
        background-color: #FFF0C2;
        border-top: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
        text-align: center;
    }

        .destHeader h2{
            font-size: 14px;
        }

        .destHeader h1{
            font-size: 14px;
        }

    .destMainList{
        padding: 10px 0 20px 0;
        flex-direction: column;
    }

        .destMainCol1{
            width: 100%;
            margin: 0 0 20px 0;
        }

            .destMain a > h2{
                font-size: 28px;
            }

        .destMainCol2{
            width: 100%;
            border: 0;
            padding: 0;
        }

            .destMain2Item{
                padding: 10px 10px 0px 0;
                background-color: transparent;
                border-top: 1px solid #e2e2e2;
            }

                .destMain2Item:last-of-type{
                    padding: 10px 10px 10px 0;
                    border-bottom: 1px solid #e2e2e2;
                }

                .destMain2ItemImg a > img{
                    object-fit: contain;
                    width: 100%;
                    height: 100%;
                }

                .destMain2ItemTxt a > h2{
                    font-size: 14px;
                }


    .promobannerWrap{
        padding: 0 20px;
    }

        .promobannerRow{
            flex-direction: column;
        }

        .promobannerItem{
            max-width: 100%;
        }

    .avisoZapBox h5{
        font-size: 14px;
    }

    .avisoZapBox a{
        font-size: 14px;
    }



        
.relatedPostWrap{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

    .relatedPostItem{
        width: 100%;
        padding: 0 10px;
    }

    .pg-saojoaoWrap{
        padding: 40px 0;
    }

        .pg-saojoaoBox{
            width: 98%;
        }

            .pg-saojoaoLogo img{
                width: 80%;
            }

            .pg-saojoaoInfo{
                padding: 0 20px;
            }

            .pg-saojoaoCidadesTitle{
                padding: 0 20px;
            }

                .pg-saojoaoCidadesTitle h2{
                    font-size: 22px;
                }

            .pg-saojoaoCidadesList{
                flex-direction: column;
                padding: 0 20px;
            }

                .pg-saojoaoCidadesList a{
                    width: 100%;
                }

    .pg-namoradosWrap{
        padding: 60px 30px 80px 30px;
    }

        .pg-namoradosTitle h1{
            font-size: 22px;   
        }

        .pg-namoradosTitle h2{
            font-size: 16px; 
            padding: 0 10%;  
        }

    .pg-namoradosBox{
        width: 100%;
        padding: 0;
    }

        .pg-namoradosDesc p{
            font-size: 16px;
            line-height: 22px;
        }


    .pg-namoradosItem{
        width: 45%;
    }

        .pg-namoradosItem a > h3{
            font-size: 18px;
        }
    

}



.linkList{
    width: 100%;
    padding: 20px 3%;
}

.linkSite{
    width: 100%;
    padding: 0px 3%;
}