body{
    background-color: #f2f4f5;
}
header{
    display:flex;align-items:center;gap:10px;min-height:60px;max-height:60px;padding:0;
}
    header > div{
        display:flex;align-items:center;width: 100%;
    }
        header > div > svg{
            margin-left:8px;
        }
        header > div > svg:nth-of-type(1){
            display:bock;
        }
        header > div > svg:nth-of-type(2){
            display:none;
        }
        .div-header{
            display:flex;align-items:center;margin:0 0 0 auto;
        }
            .div-header .contato{
                background-color:#270570;color:#ffffff;min-height:60px;max-height:60px;min-width:52px;max-width:52px;border:none;
                border-radius:0 0 0 15px;
                font-size:26px;
            }
            .div-header .mala, .div-header .passaporte, .div-header .carrinho{
                background-color:#eeeeee;color:#666666;min-height:60px;max-height:60px;min-width:40px;max-width:40px;border:none;
                font-size:26px;
            }
main{
    z-index:1;
}
ul{
    padding:0;margin:0;list-style-type: none;
}

.ul-serviços{
    display:flex;align-items:center;width:100%;overflow-x:auto;padding-top:16px;
}
    .li-serviço{
        display:flex;flex-flow:column;text-align:center;width:max-content;margin:0 15px;padding:0 5px 10px;
        border-bottom:solid 3px #ffffff;
    }
        .li-serviço .div-icon{
            width:32px;height:32px;display:flex;align-items:center;border:solid 1px #717171;border-radius:16px;margin:0 auto;
        }  
            .li-serviço .div-icon i{
                margin:0 auto;font-size: 22px;
            }
        .li-serviço span{
            font-size:14px;color:#323439;font-weight:400;margin:7px 0 10px; 
        }
    .li-serviço-selecionado{
        border-bottom:solid 3px #270570;
    }
        .li-serviço-selecionado .div-icon{
            border-color:#270570;background-color:#270570;
        }
            .li-serviço-selecionado .div-icon i{
                color:#ffffff;
            }
        .li-serviço-selecionado span{
            font-size:14px;color:#270570;font-weight:500;
        }



.header-1{
    display:flex;align-items:center;gap:10px;margin:5px 0 0;
}
    .header-1 > button{
        background-color: transparent;border:none;font-size:20px;
    }
    .header-1 > h1{
        font-size:20px;font-weight:500;
    }

.section-detalhes-da-passagem{
    display:none;flex-flow:column;z-index:5;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#270570;color:#ffffff;
    padding:15px;gap:15px;
}
    .section-detalhes-da-passagem > .header-1 > h1, .section-detalhes-da-passagem > .header-1 > button{
        color:#ffffff;font-weight:400;
    }
    .section-detalhes-da-passagem > div:nth-of-type(2){
        display:flex;flex-flow:column;gap:16px;
    }
    .div-tipo{
        display: none;
    }
    .ul-tipo{
        display:flex;align-items:center;gap:10px;
    }
        .ul-tipo li{
            padding:6px 12px;border:solid 1px #ffffff;border-radius:16.5px;font-weight:500;font-size:14px;
        }
        .li-tipo-selecionado{
            background-color:#ffffff;color:#4300D2;border:solid 1px #4300D2;
        }

    .ul-locais{
        display:flex;flex-flow:column;background-color:#ffffff;border-radius:6px;overflow: hidden;border:solid 1px #72777F;
    }   
        .ul-locais > svg{
            display:none;
        }
        .ul-locais li{
            height:60px;display:flex;align-items:center;gap:10px;padding:0 16px;max-width:100%;
        }
            .ul-locais li > div{
                max-width:calc(100% - 26px);
            }
            .ul-locais li p{
                color:#444444;font-size:20px;
            }
            .ul-locais li h2{
                color:#72777F;font-weight:500;font-size:12px;
            }
            .ul-locais li span{
                color:#72777F;font-style:italic;font-size:14px;display:block;
            }
            .li-local-escolhido{
                white-space: nowrap !important;text-overflow: ellipsis !important;overflow:hidden !important;
                font-style:normal !important;font-weight:500 !important;color:#444444 !important;
            }
        .ul-locais .li-separador{
            width:100%;height:2px !important;background-color:#686581;
        }
    .ul-datas{
        display:flex;align-items:center;height:60px;background-color:#ffffff;border-radius:6px;overflow: hidden;border:solid 1px #72777F;
    }
        .ul-datas li{
            height:60px;display:flex;align-items:center;gap:10px;
        }
            .ul-datas li p{
                color:#444444;font-size:24px;
            }
            .ul-datas li h2{
                color:#72777F;font-weight:500;font-size:12px;
            }
            .ul-datas li span{
                color:#72777F;font-style:italic;font-size:14px;
            }
            .li-ida{
                width:calc(50% - 1px);padding:0 16px;
            }
            .li-volta{
                width:calc(50% - 1px);padding:0 16px;position:relative;
            }
                .li-volta-inabilitada{
                    display:none;position:absolute;top:0;left:0;width:101%;height:60px;background-color:rgba(1,1,1,.2);z-index:2;
                }
        .ul-datas .li-separador{
            width:1px;height:60px !important;background-color:#686581;
        }
        .li-data-escolhida{
            white-space: nowrap !important;text-overflow: ellipsis !important;overflow:hidden !important;
            font-style:normal !important;font-weight:500 !important;color:#444444 !important;
        }

    .div-passageiros-e-classe{
        display:flex;flex-flow:column;gap:5px;height:60px;background-color:#ffffff;border-radius:6px;overflow: hidden;border:solid 1px #72777F;padding:10px;
    }
        .div-passageiros-e-classe > h2{
            color:#72777F;font-weight:500;font-size:12px;
        }
        .div-passageiros-e-classe > div{
            display:flex;align-items:center;gap:10px;
        }
            .div-passageiros-e-classe > div p{
                color:#444444;font-size:24px;
            }
            .div-passageiros-e-classe > div span{
                color:#323439;font-size:14px;
            }
            .div-passageiros-e-classe span:nth-of-type(1){
                display:block;
            }
            .div-passageiros-e-classe span:nth-of-type(2){
                display:none;
            }

    .negrito{
        font-weight:500;color:#323439;
    }
    .button-buscar-passagem{
        background-color:#E61A06;border:none;min-height:48px;max-height:48px;border-radius:24px;font-size:16px;color:#ffffff;font-weight:500;cursor:pointer;
        margin:25px 0 0;display:flex;align-items:center;
    }
        .button-buscar-passagem > p{
            margin:0 5px 0 auto;
        }
        .button-buscar-passagem > span{
            margin:0 auto 0 0;
        }


.section-buscar-local{
    display:none;flex-flow:column;z-index:6;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#ffffff;color:#444444;gap:15px;
}
    .section-buscar-local > .header-1{
        padding:15px;
    }
    .section-buscar-local > .header-1 > h1{
        color:#4f4f4f;font-weight:400;
    }
    .section-buscar-local > .header-1 > svg{
        color:#4f4f4f;min-width:22px;max-width:22px;min-height:22px;max-height:22px;
    }
    .section-buscar-local > .header-1 > svg:nth-of-type(2){
        display:none;
    }
    .div-buscar-local{
        display:flex;align-items:center;gap:10px;min-height:58px;max-height:58px;border-radius:4px;border:solid 1px #e8e8e8;background-color:#ffffff;
        padding:10px 15px;overflow: hidden;margin:0 15px;
    }
        .div-buscar-local > input{
            color:#4f4f4f;outline:0;border:none;height:58px;flex-grow:1;font-size:20px;font-weight:600;text-transform: capitalize;
        }
            .div-buscar-local > input::placeholder{
                color:#8f8f8f;font-size:18px;font-style:italic;
            }
        .div-buscar-local > svg{
            display:none;border:none;min-width:22px;max-width:22px;min-height:22px;max-height:22px;color:#4f4f4f;cursor:pointer;
        }
    .ul-buscar-local-resultado{
        display:flex;flex-flow:column;
    }
        .ul-buscar-local-resultado li{
            min-height:45px;max-height:45px;display:flex;align-items:center;padding:0 16px;
        }
            .ul-buscar-local-resultado li span{
                font-size:14px;color:#666666;font-weight:500;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width:100%;
            }

        .li-tipo-de-local{
            background-color:#eeeeee;min-height:28px !important;max-height:28px !important;padding:2px 15px !important;gap:5px;
        }
            .li-tipo-de-local > p{
                font-size:16px;color:#444444;transform:rotate(45deg);
            }
            .li-tipo-de-local > span{
                font-size:12px;color:#444444;font-weight:600;
            }

.section-calendario{
    display:none;flex-flow:column;z-index:6;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#ffffff;color:#444444;
}
    .section-calendario > .header-1{
        padding:15px;border-bottom:solid 1px #e8e8e8;
    }
    .section-calendario > .header-1 > h1, .section-calendario > .header-1 > button{
        color:#4f4f4f;font-weight:400;
    }
    .ul-calendario-datas{
        display:flex;align-items:center;border-bottom:solid 1px #e8e8e8;padding:16px;gap:16px;
    }
        .li-data{
            display:flex;flex-flow:column;gap:5px;width:calc(50% - 8px);
        }
            .li-data > h2{
                font-size:12px;font-weight:500;color:#888888;
            }
            .li-data > div{
                display:flex;align-items:center;border:solid 1px #888888;border-radius:4px;text-align:center;min-height:46px;max-height:46px;
            }
                .li-data > div > span{
                    margin:0 auto;
                }
        .li-data-selecionada > h2{
            color:#4300D2 !important;
        }
        .li-data-selecionada > div{
            border:solid 1px #4300D2 !important;
        }
            .li-data-selecionada > div > span{
                color:#4300D2 !important;
            }

    .div-calendario-resultado{
        display:flex;flex-flow:column;margin:0 auto;overflow-y:auto;gap:30px;width:100%;margin-top:16px;margin-bottom:74px;
    }
            .calendario-mes{
                width:100%;
            }
            .calendario-mes:last-of-type{
                margin:0;
            }
                .calendario-mes section{
                    display:flex;
                }
                .calendario-mes section h1{
                    color:#575757;font-size:20px;font-weight:500;display:flex;align-items:flex-end;gap:5px;position:relative;margin:0 0 0 16px;
                }
                    .calendario-mes section h1 span{
                        font-size:12px;font-weight:400;color:#888888;position:relative;top:-3px;
                    }
            .calendario-mes div{
                display:flex;flex-wrap:wrap;justify-content:start;gap:4px;margin:0 16px;
            }
                .calendario-mes div span{
                    min-width:calc((100% / 7) - 4px);max-width:calc((100% / 7) - 4px);height:20px;margin:15px 0 0;color:#666666;text-align:center;
                    text-transform: uppercase;font-size:12px;font-weight:600;
                }
                .calendario-mes div div{
                    min-width:calc((100% / 7) - 4px);max-width:calc((100% / 7) - 4px);height:40px;display:flex;align-items:center;margin:0;
                }
                    .calendario-mes div div button{
                        min-width:40px;max-width:40px;height:40px;margin:0;background-color:#ffffff;border:none;color:#323439;cursor:pointer;font-size:14px;
                        margin:0 auto;
                    }   
                    .calendario-button-invisible{
                        min-width:calc((100% / 7) - 4px);max-width:calc((100% / 7) - 4px);border:solid 1px transparent !important;
                        background-color:transparent !important;cursor:auto !important;color:transparent !important;
                    }
                    .calendario-button-inactive{
                        border:none !important;color:#cccccc !important;font-size:14px;
                    }
                    .calendario-button-fim-de-semana{
                        font-weight:bold !important;
                    }
                    .calendario-button-hoje{
                        color:#4300D2 !important;display:flex !important;flex-flow:column !important;
                    }
                        .calendario-button-hoje p{
                            margin:11px auto 0 auto !important;
                        }
                        .calendario-button-hoje span{
                            font-size:8px !important;color:#717171;font-weight:500 !important;margin:0 auto!important;
                            min-width:max-content !important;max-width:max-content !important;
                        }
                    .calendario-button-sub-selecionado{
                        background-color:#ebe5f5 !important;color:#270570 !important;border-radius:19.5px !important;color:#ffffff !important;
                        font-weight:600 !important;
                    }
                    .calendario-button-selecionado{
                        background-color:#270570 !important;color:#ffffff !important;border-radius:50px !important;color:#ffffff !important;
                        font-weight:600 !important;
                    }
                        .calendario-button-selecionado > p, .calendario-button-selecionado > span{
                            color:#ffffff !important;
                        }
                    
                    
    .div-botões-datas{
        display:flex;align-items:center;padding:8px 16px;border-top:solid 1px #e8e8e8;
    }
        .button-apagar-datas{
            min-height:48px;max-height:48px;border:none;background-color:#ffffff;border-radius:24px;padding:0 16px;font-size:16px;font-weight:500;color:#4300D2;
            cursor:pointer;margin:0 10px 8px auto;
        }
        .button-aplicar-datas{
            min-height:48px;max-height:48px;border:none;background-color:#4300D2;border-radius:24px;padding:0 16px;font-size:16px;font-weight:500;color:#ffffff;
            cursor:pointer;margin-bottom:8px;
        }


                
.section-passageiros-e-classe{
    display:none;flex-flow:column;z-index:6;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#ffffff;color:#444444;gap:15px;
}
    .section-passageiros-e-classe > .header-1{
        padding:15px;border-bottom:solid 1px #dddddd;
    }
    .section-passageiros-e-classe > .header-1 > h1, .section-passageiros-e-classe > .header-1 > button{
        color:#4f4f4f;font-weight:400;
    }
    .ul-passageiros{
        display:flex;flex-flow:column;gap:35px;padding:15px;
    }
        .ul-passageiros li{
            display:flex;align-items:center;
        }
            .ul-passageiros li div:first-child{
                display:flex;flex-flow:column;
            }
            .ul-passageiros li div:last-child{
                display:flex;align-items: center;
            }
                .ul-passageiros li div:first-child h2{
                    color:#444444;font-weight:400;font-size:20px;
                }
                .ul-passageiros li div:first-child span{
                    color:#AAAAAA;font-weight:400;font-size:13px;
                }
                .li-passageiros-botões{
                    margin:0 0 0 auto;display:flex;align-items:center;width:100px;justify-content: space-between;
                }
                    .li-passageiros-botões button{
                        background-color:transparent;min-height:36px;max-height:36px;min-width:36px;max-width:36px;border-radius:18px;border:solid 1px #47494d;  
                        font-size:20px;color:#47494d;cursor:pointer;
                    }
    .ul-menores{
        display:flex;flex-flow:column;gap:16px;padding:0 16px;
    }
        .li-menor{
            display:flex;align-items:center;justify-content: space-between;
        }
            .li-menor > div{
                display:flex;flex-flow:column;gap:5px;
            }
                .li-menor > div > h1{
                    font-size:15px;color:#555555;font-weight:500;
                }
                .li-menor > div > span{
                    font-size:13px;color:#AAAAAA;
                }
            .li-menor > select{
                min-width:117px;max-width:117px;min-height:36px;max-height:36px;padding:0 12px;border:solid 1px #e8e8e8;border-radius:8px;background-color:#ffffff;
                outline:0;font-size:16px;color:#323439;
            }


    .div-classe{
        display:flex;align-items:center;padding:15px;border-top:solid 1px #dddddd;justify-content: space-between;
    }
        .div-classe h1{
            font-size:20px;color:#444444;font-weight:500;
        }
        .div-classe select{
            min-height:38px;max-height:38px;padding:0 10px;font-size:18px;font-weight:500;
            border:solid 1px #e8e8e8;border-radius:8px;background-color:#ffffff;outline:0;font-size:16px;color:#323439;
        }
    .div-aplicar{
        display:flex;align-items:center;padding:25px 15px;border-top:solid 0px #dddddd;justify-content: space-between;   
    }
        .div-aplicar button{
            background-color:#4300D2;width:100%;min-height:44px;max-height:44px;border-radius:22px;font-size:16px;font-weight:600;color:#ffffff;
            border:none;margin:0 auto;cursor:pointer;
        }


.section-passagens-aereas{
    display:flex;flex-flow:column;gap:5px;background-color:#270570;padding:16px;min-height:128px;max-height:128px;box-shadow: 0 4px 8px rgba(68, 68, 68, .2);
}
    .section-passagens-aereas > div > h1{
        font-size:20px;color:#ffffff;font-weight:500;margin-bottom:5px;
    }
    .div-destino{
        display:flex;align-items:center;min-height:60px;max-height:60px;overflow: hidden;gap:16px;max-width:100%;
    }
        .div-destino > div{
            display:flex;align-items:center;gap:5px;border:solid 1px #747884;border-radius:6px;background-color:#ffffff;padding:0 10px;
            min-height:60px;max-height:60px;flex-grow:1;max-width:calc(100% - 64px);
        }
            .div-destino > div > div{
                display:flex;flex-flow:column;gap:10px;max-width:calc(100% - 26px);
            }
                .div-destino > div > div > h2{
                    font-size:10px;font-weight:500;color:#72777F;padding-top:5px;
                }
                .div-destino > div > div > span{
                    font-size:14px;font-weight:400;color:#757a82;font-style:italic;
                }
            .div-destino > button{
                min-height:48px;max-height:48px;min-width:48px;max-width:48px;border-radius:24px;background-color:#E61A06;border:none;color:#ffffff;
                cursor:pointer;
            }

.banner-1{
    margin:32px 16px 16px;border-radius:8px;object-fit: contain;
}

.section-serviços{
    display:flex;align-items:center;padding:0 16px 16px;gap:16px;
}
    .section-serviços > div:nth-of-type(1){
        width:calc(50% - 8px);height:144px;border:solid 1px #dfe4ea;border-radius:8px;background-color:#ffffff;display:flex;flex-flow:column;padding:16px;gap:10px;
    }
        .section-serviços > div:nth-of-type(1) img{
            margin-top:15px;width:48px;
        }
        .section-serviços > div:nth-of-type(1) span{
            font-size:12px;font-weight:500;color:#323439;
        }
    .section-serviços > div:nth-of-type(2){
        width:calc(50% - 8px);height:144px;gap:16px;display:flex;flex-flow:column;
    }
        .section-serviços > div:nth-of-type(2) > div{
            display:flex;align-items:center;border:solid 1px #dfe4ea;border-radius:8px;background-color:#ffffff;padding:16px;gap:8px;
            min-height:64px;max-height:64px;
        }
            .section-serviços > div:nth-of-type(2) img{
                width:24px;
            }
            .section-serviços > div:nth-of-type(2) span{
                font-size:12px;font-weight:500;color:#323439;
            }

.banner-2{
    margin:32px 16px 8px;border-radius:8px;object-fit: contain;
}


.banner-1{
    display:flex;margin:16px;width:calc(100% - 32px);
}
.banner-2{
    display:none;
}
    .banner-2-img{
        display:none;
    }

.banner-3{
    margin:0 16px 16px;border-radius:8px;object-fit: contain;
}

.section-destinos-populares{
    display:flex;flex-flow:column;
}
    .section-destinos-populares > div{
        display:flex;flex-flow:column;
    }
        .section-destinos-populares > div > h1{
            font-size:18px;color:#323439;font-weight:500;margin:8px 16px;
        }
        .ul-destinos-populares{
            display:flex;align-items:stretch;gap:16px;flex-flow:row wrap;
        }    
            .li-destino-popular{
                margin:0 16px;width:calc(100% - 32px);border-radius:12px;overflow:hidden;background-color:#ffffff;border:solid 1px #DDE1E8;transition: box-shadow .2s ease-out;cursor:pointer;
            }
                .li-destino-popular > img{
                    width:100%;min-height:252px;max-height:252px;object-fit:cover;
                }
                .li-destino-popular > h1{
                    font-size:12px;color:#565a60;font-weight:500;text-transform: uppercase;margin:16px 16px 8px;
                }
                .li-destino-popular > h2{
                    font-size:20px;color:#323439;font-weight:500;margin:0px 16px 5px;
                }
                .li-destino-popular div{
                    display:none;align-items:center;margin:5px 16px 8px;gap:4px;
                }
                    .li-destino-popular h3{
                        font-size:14px;color:#565a60;font-weight:400;
                    }
                .li-destino-popular > h4{
                    font-size:12px;color:#323439;font-weight:500;padding:6px;max-width:max-content;background-color:#e9ecf1;border-radius:2px;margin:5px 16px 16px;
                }

footer{
    display:flex;flex-flow:column;background-color: #f2f4f5;padding:32px 16px 100px;
    font-size:12px;color:#888888;border-top:solid 1px #e9e9e9;margin-top:32px;
}
    footer p{
        color:#444444;font-weight:500;
    }

@media only screen and (min-width:913px){ /* DESKTOP */

    .section-destinos-populares > div{
        min-width:1280px;max-width:1280px;margin:0 auto;
    }
        .li-destino-popular{
            min-width:272px;max-width:272px;
        }
            .li-destino-popular > img{
                min-width:100%;max-width:100%;min-height:200px;max-height:200px;
            }

    header{
        background-color: #270570;display:flex;align-items:center;
    }   
        header > div{
            min-width:1280px;max-width:1280px;margin:0 auto;
        }
            header > div > svg:nth-of-type(1){
                display:none;
            }
            header > div > svg:nth-of-type(2){
                display:block;
            }
            .div-header > .mala, .div-header .passaporte, .div-header .carrinho{
                background-color: #270570;color:#ffffff;
            }

    .div-serviços{
        display:flex;align-items:center;width:100%;background-color:#270570;
    }
        .ul-serviços{
            background-color:#270570;gap:10px;min-width:1280px;max-width:1280px;margin:0 auto;
        }
            .li-serviço, .li-serviço-selecionado{
                margin:0;border-bottom:none;
            }
            .li-serviço{
                display:flex;flex-flow:row;align-items:center;gap:7px;min-width:max-content;max-width: max-content;padding:0 10px;border:none;margin:0;
                border-radius:20px;
            }
                .li-serviço > .div-icon{
                    border:none;
                }
                    .li-serviço > .div-icon >  i{
                        color:#ffffff;
                    }
                .li-serviço > span{
                    display:inline-block;font-size:14px;color:#ffffff;font-weight:400;
                }
            .li-serviço-selecionado{
                background-color:#ffffff;
            }
                .li-serviço-selecionado > .div-icon{
                    background-color:#ffffff;
                }
                    .li-serviço-selecionado > .div-icon > i{
                        color:#4300d2;
                    }
                .li-serviço-selecionado > span{
                    font-weight:500;color:#4300d2;
                }


    .div-destino{
        display:none;
    }
    .section-passagens-aereas{
        min-height:max-content;max-height:max-content;
    }
        .div-passagens-aereas{
            display:flex;align-items:center;background-color:#270570;gap:10px;min-width:1280px;max-width:1280px;margin:0 auto;
        }
            .div-passagens-aereas > h1{
                display:none;
            }
        .section-detalhes-da-passagem{
            position:relative;display:flex;flex-flow:column;min-height:max-content;height:max-content;max-height:max-content;
        }
            .section-detalhes-da-passagem > .header-1 > button{
                display:none;
            } 
            .section-detalhes-da-passagem > .header-1 > h1{
                font-weight:600;
            }

            .section-detalhes-da-passagem > div:nth-of-type(2){
                display:flex;flex-flow:row;align-items:center;gap:10px;position:relative;
            }
                .div-tipo{
                    display:flex;align-items:center;cursor:pointer;background-color: #ffffff29;border-radius:12px;border:solid 1px #ffffff;
                    min-width:150px;max-width:150px;min-height: 56px;max-height: 56px;padding:0 16px;
                }
                    .div-tipo span{
                        font-size:14px;color:#ffffff;font-weight:400;margin:0 auto 0 0;
                    }
                    .div-tipo svg{
                        min-width:16px;max-width:16px;min-height:16px;max-height:16px;transform: rotate(-90deg);
                    }
                .ul-tipo{
                    display:none;flex-flow:column;gap:0;position:absolute;left:0;top:60px;background-color:#ffffff;min-width:150px;max-width:150px;
                    box-shadow: 0 12px 28px rgba(0, 0, 0, .22), 0 2px 8px rgba(0, 0, 0, .12);border-radius:12px;border: 1px solid #ececec;
                }
                    .ul-tipo > li{
                        width:100%;text-align:center;cursor:pointer;background-color:transparent;border:none;border-radius:0;width:100%;
                        color:#323439;padding:16px;font-weight:400;
                    }
                        .ul-tipo > li:hover{
                            background-color:#f4f6f8;font-weight:500;
                        }
                        .ul-tipo > li:nth-of-type(1){
                            border-bottom:solid 1px #ececec;border-radius:12px 12px 0 0;
                        }
                        .ul-tipo > li:nth-of-type(2){
                            border-radius:0 0 12px 12px;
                        }
                .ul-locais{
                    display:flex;flex-flow:row;align-items:center;background-color:transparent;border:none;gap:6px;position:relative;
                    min-height: 56px;max-height: 56px;
                }
                    .ul-locais .li-origem, .ul-locais .li-destino{
                        background-color: #ffffff;border-radius:6px;min-width: 242px;max-width: 242px;min-height: 56px;max-height: 56px;cursor:pointer;
                    }
                        .li-local-escolhido{
                            font-weight:400 !important;
                        }
                    .ul-locais .li-separador{
                        display:none;
                    }
                    .ul-locais > svg{
                        position: absolute;top:12.5px;left:230px;min-width: 32px;min-height: 32px;max-height: 32px;max-width: 32px;z-index: 5;display: inline-block;
                        background-color:#ffffff;border-radius:4px;border:solid 1px #c1c1c1;padding:4px;
                    }
                .section-buscar-local{
                    display:none;flex-flow:column;min-width:400px;max-width:400px;min-height:400px;max-height:400px;position:absolute;top:60px;left:160px;
                    border-radius:8px;min-height:max-content;max-height:max-content;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .25);
                }
                    .section-buscar-local > .header-1{
                        padding:5px 16px;margin:10px 0 0 0;
                    }
                        .section-buscar-local > .header-1 > h1{
                            font-size:16px;font-weight:400;
                        }
                        .section-buscar-local > .header-1 > svg:nth-of-type(1){
                            display:none;
                        }
                        .section-buscar-local > .header-1 > svg:nth-of-type(2){
                            display:block;margin-left:auto;cursor:pointer;
                        }
                        .div-buscar-local{
                            min-height:40px;max-height:40px;
                        }
                            .div-buscar-local > input{
                                font-size:16px;font-weight:500;
                            }
                    .ul-buscar-local-resultado{
                        min-height:0;max-height:max-content;
                    }
                        .ul-buscar-local-resultado li{
                            cursor:pointer;
                        }

                .ul-datas{
                    min-height: 56px;max-height: 56px;min-width: 384px;max-width: 384px;
                }
                    .ul-datas li{
                        min-height: 56px;max-height: 56px;cursor: pointer;
                    }
                        .li-data-escolhida{
                            display: block;font-weight:400 !important;
                        }
                    .ul-datas > .li-separador{
                        min-height:35px !important;max-height:35px !important;
                    }
                .section-calendario{
                    min-width:640px;max-width:640px;min-height:422px;max-height:422px;position:absolute;top:60px;left:670px;z-index:100;border-radius:6px;
                    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);border:solid 1px #ececec;
                }
                    .ul-calendario-datas{
                        display:none;
                    }
                    .li-data{
                        min-width:max-content;max-width:max-content;
                    }
                    .li-data > div{
                        min-height:26px;max-height:26px;min-width:160px;max-width:160px;cursor:pointer;
                    }
                        .li-data > div > span{
                            font-size:14px;
                        }
                    .div-calendario-resultado{
                        flex-flow:row;overflow-x:auto;margin-top:8px;min-height:300px;max-height:300px;gap:0;
                    }
                        .calendario-mes{
                            min-width:320px;max-width:320px;min-height:275px;max-height:275px;
                        }
                            .calendario-mes section h1 {
                                font-size:16px;
                            }
                            .calendario-mes div div{
                                min-height:32px;height:32px;max-height:32px;
                            }
                                .calendario-mes div div button{
                                    min-height:32px;height:32px;max-height:32px;min-width:32px;width:32px;max-width:32px;    
                                }
                            .calendario-button-hoje p{
                                margin-top:1px !important;
                            }
                    .div-botões-datas{
                        padding: 8px 16px;background-color: #ffffff;margin-top: -64px;max-height: 52px;border-radius: 12px;border: none;
                    }
                        .div-botões-datas > button{
                            min-height:36px;max-height:36px;
                        }
                        
                .div-passageiros-e-classe{
                    display: flex;flex-flow: row;align-items: center;min-height: 56px;max-height: 56px;padding:10px 16px 10px 10px;cursor: pointer;
                }
                    .div-passageiros-e-classe > div{
                        gap:5px;
                    }
                    .div-passageiros-e-classe > h2{
                        display:none;
                    }
                    .div-passageiros-e-classe span:nth-of-type(1){
                        display:none;
                    }
                    .div-passageiros-e-classe span:nth-of-type(2){
                        display:block;font-size: 16px;font-weight:400;
                    }
                    .negrito{
                        font-weight:400 !important;
                    }
                .section-passageiros-e-classe{
                    min-width:350px;max-width:350px;min-height:max-content;max-height:max-content;position:absolute;top:60px;left:1064px;z-index:100;border-radius:6px;
                    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);border:solid 1px #ececec;      
                }
                .button-buscar-passagem{
                    margin:0;padding:2px 16px;
                }
            


    .banner-1{
        display:none;
    }
    .banner-2{
        display:flex;flex-flow:column;width:100%;margin-top:30px;
    }
        .banner-2 > div{
            min-width:1280px;max-width:1280px;margin:0 auto;border-radius:12px;overflow:hidden;display:flex;flex-flow:column;
        }
            .banner-2 > div > img{
                border-radius: 12px;
            }
        .banner-ul-itens{
            display:flex;align-items:center;min-width:1280px;max-width:1280px;margin:0 auto;border-radius:12px;overflow:hidden;gap:16px;
            justify-content: space-between;margin-top: -50px;
        }
            .banner-ul-itens > li{
                display:flex;align-items:center;padding:16px;border:solid 1px #dde1e8;transition: box-shadow .2s ease-out;gap:16px;
                background-color:#ffffff;border-radius:8px;min-width:290px;max-width:290px;min-height:144px;max-height:144px;
            }
                .banner-ul-itens > li:nth-of-type(1){
                    margin-left:16px;
                }
                .banner-ul-itens > li:nth-of-type(4){
                    margin-right:16px;
                }
                .banner-ul-itens > li > img{
                    object-fit:contain;
                }
                .banner-ul-itens > li > div{
                    display:flex;flex-flow:column;gap:10px;align-items: flex-start;
                }
                    .banner-ul-itens > li > div > p{
                        font-size:16px;color:#323439;font-weight:500;
                    }
                    .banner-ul-itens > li > div > span{
                        font-size:14px;color:#323439;font-weight:400;
                    }

    .banner-3, .section-serviços{
        display:none;
    }

    footer{
        min-width:1280px;max-width:1280px;margin:32px auto 0;
    }
}

@media only screen and (max-width:912px){ /* MOBILE */
    .div-botões-datas{
        background-color:#ffffff;width:100%;position:fixed;bottom:0;bottom: env(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);
    }
}