@import '../../../assets-giro/css/fonts/fonts.css';

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 16px;
    font-family: 'gotham-medium';
}

.div-as-table {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .div-as-table .row {
        display: flex;
        width: 100%;
        column-gap: 20px;
    }

        .div-as-table .row > div {
            flex: 1;
            padding: 10px 0;
            row-gap: 10px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
        }

            .div-as-table .row > div .titulo {
                font-family: gotham-book;
                font-size: 16px;
            }

.mobile {
    display: none !important;
}

.desktop {
    display: block !important;
}

@media(max-width: 992px) {
    .mobile {
        display: block !important;
    }

    .desktop {
        display: none !important;
    }

    .reveillon {
        padding-top: 50px;
        background: white;
    }

    .div-as-table .row {
        flex-direction: row;
    }

        .div-as-table .row > div .titulo {
            font-size: 14px;
            line-height: 18px !important;
        }
    .bgoverlay {
        height: 30px !important;
    }
}
.ida-volta {
    display: flex;
    column-gap: 30px;
    margin: 30px 0;
}
.ida-volta > div:first-child {
    width: 25%;
    padding-top: 30px;
}
    .ida-volta > div:last-child {
        flex: 1;
    }
.ida-volta > div:first-child img {
    width: 100%;
}

.operacao .ida-volta h3 {
    justify-content: flex-start;
    display: flex !important;
    align-items: center;
}
    .operacao .ida-volta h3.mobile {
        display: none !important;
    }
    @media(max-width: 992px) {
        .operacao .ida-volta h3.mobile {
            display: flex !important;
            margin: 0;
            padding: 0;
            margin-top: 40px;
        }
        .operacao .ida-volta h3.desktop {
            display: none !important;
        }
        .ida-volta {
            flex-direction: column;
            row-gap: 10px;
            display: block;
        }
            .ida-volta.left {

            }
            .ida-volta.right > div:first-child {
                float: right;
            }
            .ida-volta.right h3 {
                padding-top: 40px;
            }
            .ida-volta > div:first-child {
                width: 50%;
                display: flex;
                float: left;
                flex-direction: row-reverse;
                align-items: center;
                justify-content: center;
                padding-top: 0;
                
            }
                .ida-volta > div:first-child > * {
                    flex: 1;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

            .ida-volta > div:first-child > div img {
                width: 80%;
            }

            .ida-volta > div:first-child img {
                width: 50px;
            }
        .accordion dt a {
            font-size: 14px;
        }
}

        
.bgoverlay {
    background: #1a85c8;
    border-radius: 25px;
    height: 50px;
    padding: 5px 5px 5px 25px;
    display: inline-block;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
}

.bgoverlay2 {
    background: #145EA8;
    border-radius: 25px;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    padding: 0 25px;
    letter-spacing: 1px;
}

.bgoverlay strong {
    margin-top: 5px;
    display: inline-block;
    font-family: swiss-black !important;
    font-size: 23px;
    font-family: 'swiss-black';
    color: white;
    vertical-align: middle;
}

.reveillon h2 {
    font-family: 'swis721_blkrnd_btblack';
    text-transform: uppercase;
    color: white;
    font-size: 25px;
    text-align: center;
    margin-bottom: 30px;
}

@media(max-width: 992px) {

    .bgoverlay strong {
        font-size: 18px;
    }

    .reveillon h2 {
        font-size: 20px;
        line-height: 30px;
    }
}

.banner2 {
    background: white;
    position: relative;
    background: rgba(0, 74, 143, 0.8);
}

    .banner2 img {
        width: 100%;
        z-index: 9;
    }

    .banner2 .wrap {
        height: 100%;
        width: 100%;
        max-width: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

        /*.banner2 .wrap::before {
            height: 100%;
            left: 0;
            position: absolute;
            content: "";
            display: block;
            background: #E71B66;
            right: 50%;
            z-index: 0;
        }*/
/*.banner2 .wrap h1 {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 50px;
            font-family: 'swis721_blkrnd_btblack';
            text-transform: uppercase;
            column-gap: 20px;
        }*/
@media(max-width: 992px) {
    /*.banner2 {
                background-size: cover;
            }

                .banner2 .wrap h1 {
                    font-size: 30px;
                    display: flex;
                    flex-direction: column;
                    row-gap: 20px;
                }*/

    .banner2 .wrap::before {
        display: none;
    }
}

.bilhete {
    background: #1a85c8;
    background: white;
    padding: 50px 0;
}

    .bilhete h3 {
        font-family: 'gotham-book';
        font-size: 24px;
        text-align: center;
        color: black;
        margin-bottom: 20px;
    }

    .bilhete .wrap p {
        font-size: 18px;
        font-family: gotham-book;
        text-align: center;
        line-height: 24px;
        margin-bottom: 20px;
        color: black;
    }
    .bilhete h4 {
        color: black;
    }
        .bilhete .wrap p a {
            color: black;
            text-decoration: underline;
        }

        .bilhete .wrap p strong {
            font-family: gotham-medium;
        }

@media(max-width: 992px) {
    .bilhete h3 {
        font-size: 16px;
    }
    .bilhete .wrap p {
        font-size: 15px;
        line-height: 19px;
        margin-bottom: 5px;
    }
    .box-items > div h4 {
        font-size: 15px !important;
    }
}

.box-cinza {
    display: flex;
    column-gap: 20px;
    margin-bottom: 40px;
}

    .box-cinza > div {
        background: #e0e0e0;
        padding: 40px;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        row-gap: 20px;
        flex: 1;
    }

        .box-cinza > div p {
            margin: 0 !important;
        }

        .box-cinza > div h4 {
            font-family: gotham-bold;
            font-size: 24px;
            color: #0086cb;
            color: black;
            text-transform: uppercase;
            text-align: center;
        }

        .box-cinza > div img {
            width: 90%;
        }

        .box-cinza > div p {
            font-family: gotham-book;
            font-size: 18px;
            color: black;
        }

@media(max-width: 992px) {
    .box-cinza {
        flex-direction: column;
        row-gap: 20px;
    }
}

.box-cinza > div a {
    font-family: gotham-medium;
    font-size: 22px;
    color: white;
    text-align: center;
    padding: 10px 20px;
    border-radius: 10px;
    text-transform: uppercase;
    background: #ca1069;
    background: #034274;
    min-width: 70%;
}

.box-items {
    width: 80%;
    margin-left: 10%;
    display: flex;
    column-gap: 10px;
    margin-top: 50px;
}

    .box-items > div {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        row-gap: 10px;
    }

        .box-items > div h4 {
            font-size: 24px;
            font-family: gotham-medium;
            text-transform: uppercase;
        }

@media(max-width: 992px) {
    .box-items > div {
        row-gap: 5px;
    }
    .box-items {
        flex-direction: column;
        row-gap: 10px;
        width: 100%;
        column-gap: 5px;
        margin: 30px 0;
        flex-direction: column;
    }
        .box-items > div img {
            width: 30px;
        }
        .box-items > div p {
            margin-bottom: 0 !important;
        }
        .box-cinza > div a {
            font-size: 18px;
        }
}
.area-info {
    margin: 60px 0;
}
.video {
    background: white;
    padding: 50px 0;
}
    .video .wrap {
        display: flex;
        justify-content: center;
        column-gap: 20px;
    }
    
    .video .video-box {
        background: #e0e0e0;
        padding: 20px;
        border-radius: 20px;
        width: calc(50% - 20px);
        margin-left: 10px;
       
    }

@media(max-width: 992px) {
    .video .wrap {
        flex-direction: column;
        row-gap: 20px;
    }

    .video .video-box {
        width: 100%;
        padding: 10px;
        margin: 0;
        border-radius: 10px;
    }
}


.operacao {
    background: #054281;
    padding: 50px 0;
}

    .operacao h3 {
        text-align: center;
        font-size: 24px;
        font-family: gotham-medium;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px;
        margin-top: 30px;
        text-align: left;
    }

        .operacao h3 img {
            margin-right: 10px;
        }

    .operacao p {
        font-size: 18px;
        font-family: gotham-book;
        margin-bottom: 20px;
        line-height: 22px;
    }

.bgoverlay img {
    width: 40px;
    margin: 0 5px;
    vertical-align: middle;
}

@media(max-width: 992px) {
    .operacao h3 {
        flex-direction: column;
        row-gap: 10px;
        display: flex;
        flex-direction: row;
        align-items: center;
        font-size: 18px;
        justify-content: center;
    }

    #orientacoes strong {
        font-size: 18px;
    }
    .bgoverlay {
        height: 30px;
        padding: 5px 5px 5px 15px;
    }
    .bgoverlay img {
        width: 20px;
    }

    .operacao p {
        font-size: 15px;
        line-height: 20px;
    }
}

.faq {
    background: white;
    padding: 50px 0;
}

    .faq h2 {
        color: #5b5b5f;
    }

    .faq h3 {
        color: #5b5b5f;
        font-size: 20px;
        text-align: center;
        margin: 30px 0;
    }

.accordion dd a {
    color: #1a85c8;
}