* {
    font-family: "Pathway Extreme",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

input, select {
    margin-top: 5px;
    padding: 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: border-color 0.3s;
}

image {
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: none;
    margin: auto;
    display: block;
    width: 0px;
    height: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
}

html, body {
    height: 100%;
}


.d1 {
    display: flex;
    background-color: rgb(255 255 255);
    height: 100vh;
}

.d2 {
    width: 25%;
    background-color: rgb(255 255 255);
    height: 100vh;
    overflow-x: auto;
}
/* D2 */

h2.sdkofnigbdg {
    font-size: 42px;
    width: 100%;
    padding: 10px;
}

.JxGwRthf2G {
    color: black;
    text-decoration: blink;
}

    .JxGwRthf2G:hover {
        text-decoration: underline;
    }

.QviMPWIEg3 {
    padding: 10px;
}

#s8Il6JzEni, #mPnPoAKHOg, #PP5Ll8OXJL {
    -webkit-user-select: none;
}

.dropdown-button {
    background-color: #00000000;
    width: 100%;
    padding: 1rem 1rem 1rem 0;
    text-align: left;
    border-top: 1px solid #00000000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #00000000;
    border-left: 1px solid #00000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.CCxN3gcJBj {
    background-color: #00000000;
    font-family: filson-pro, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1rem;
    -webkit-user-select: none;
}


.xUjldHLYUh {
    width: 100%;
    height: 100%; /* Garantir que a altura seja 100% do contêiner pai */

    overflow: hidden;
    transition: max-height 0.3s ease-out; /* Transição suave */
    padding: 0 10px;
    margin-top: 15px;
    padding-top: 0%;
    padding-bottom: 0%;
    max-height: 100%; /* Uso de 100% da altura do contêiner pai */
}

    /* Fechar a dropdown */
    .xUjldHLYUh.closed {
        max-height: 0; /* Fechar com 0% de altura */
        padding-top: 0;
        padding-bottom: 0;
        overflow: hidden;
        transition: max-height 0.1s ease-in;
    }


.YEyc7mo1Ph {
    display: flex;
    align-items: baseline;
    justify-content: space-evenly;
}

label.HTkLTlK7u7 {
    font-size: large;
}

label.twX7yMKANk {
    font-size: large;
}

.F7AHAofb04 {
    display: flex;
    align-items: center;
    border-top: 1px solid #e3e3e3;
    width: 92%;
    flex-direction: row-reverse;
}

.zDyegycoyl {
    display: flex;
    align-items: center;
    width: 50%;
    flex-direction: row-reverse;
}

.checklist-container {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.r94PBzXv9u {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.ozTkFQRine {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

h2.ThAPcmcrAY {
    font-size: 16px;
    font-weight: 400;
    width: 42%;
}

h3.ZIksxGdBrB {
    text-decoration: underline;
    cursor: pointer;
}

    h3.ZIksxGdBrB:hover {
        color: #8a8d8d;
    }

h2.sibfrbg {
    text-decoration: underline;
    cursor: pointer;
}

    h2.sibfrbg:hover {
        color: #8a8d8d;
    }

a.sibfrbg {
    font-size: 24px;
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

    a.sibfrbg:hover {
        color: #8a8d8d;
    }

ul.checklist {
    width: 50%;
}

.NuvEmo74rQ {
    width: 25%;
}

.fuGVAJRGxl {
    width: 75%;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 10px;
    justify-content: flex-end;
}

.XV78YxDpH8 {
    width: 92%;
    display: flex;
    flex-direction: row;
}

.JKjTAKQCjX {
    width: 92%;
    display: flex;
    justify-content: flex-end;
}

button.fX2TQPjfjO {
    padding-left: 15px;
    padding-bottom: 10px;
    padding-right: 15px;
    padding-top: 7px;
    border-radius: 5px;
    border: none;
    background: #c7cbcd;
    color: black;
    cursor: pointer;
}

input.lqqp5lN9Eu {
    padding: 5px !important;
    width: 25% !important;
}
/* D2 */
/* D22 */
.d22 {
    width: 75%;
    display: flex;
    background-color: rgb(255 255 255);
    height: 100%;
    position: relative;
    gap: 60px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.zx1Zzd5957 {
    width: 100%;
    height: 100%;
}

.UfFHNKog37 {
    width: 90%;
    border: solid 1px #f0f0f0;
    position: relative;
    margin-top: 50px;
    left: 5%;
    padding: 10px;
    display: none;
}

.UfFHNKog38 {
    margin-right: 10px;
    border: none;
    padding: 10px 14px 10px;
    cursor: pointer;
    display: none;
}

.ofU3v4daIM {
    background-color: #ffffff;
    border: solid 1px;
    padding: 10px;
    position: relative;
}

.x0cdm3OofD {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}

.k3vkCY8Qej {
    /* width: 41%; */
    height: 49%;
    aspect-ratio: 4 / 5;
    display: flex;
    flex-wrap: wrap;
}

img.Z67Li0QWJ7 {
    width: 500px;
}

h4.j0z9AfAhNe {
    background-color: #dde0e3;
    padding: 18px;
    font-size: 25px;
}

.kTPEQyHzsg {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #f9f9f9;
}

p.txqpRoOFbn {
    margin-left: 10px;
}

.pYfh8ucYmu {
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
}

    .pYfh8ucYmu:hover {
        transform: scale(1.1); /* Aumenta a imagem */
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); /* Sombra ao passar o mouse */
    }

    .pYfh8ucYmu img {
        width: 100%;
        height: 100%;
    }

.MRbXhoycnh {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgb(39 39 39 / 0%);
    color: #fff;
    border: solid 2px #ffffff;
    padding: 10px 20px;
    font-size: 18px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

    .MRbXhoycnh:hover {
        background-color: rgb(255 255 255 / 49%);
    }

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 39%);
    border-radius: 15px;
}

.overlay-on {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    cursor: pointer;
}


.overlay-off {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 32%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    cursor: pointer;
}

.tfN7yLj4WW {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 20px;
    background-color: #fdfdfd7a;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: bold;
    z-index: 1;
}

.dgdAuUfQmB {
    position: absolute;
    top: 10px;
    left: 57%;
    transform: translateX(-50%);
    color: #fff;
    width: 100%;
    text-align: justify;
    font-size: 40px;
    font-weight: bold;
    z-index: 1;
}

.fNTFh3w5Ek {
    width: 100%;
    text-align: center;
    margin-top: 200px;
}

h2.MqYpycQyO2 {
    font-size: 100px;
}

/* D22 */
/* D222*/

.d222 {
    width: 75%;
    background-color: rgb(255 255 255);
    height: 100vh;
    overflow-y: auto;
}

.dJ3iiOYLUD {
    width: 31%;
    border: 1px;
    padding: 10px;
    position: relative;
    left: 69%;
    cursor: pointer;
}
/* D222*/
.d3 {
    /*width: 100%;
    display: flex;
    background-color: rgb(255 255 255);
    padding: 0px 31px 31px 31px;*/
    /*height: 100%;*/
    /*margin-top: 40px;*/
    /*position: relative;
    gap: 60px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 40px;*/

    width: 100%;
    display: flex;
    background-color: rgb(255 255 255);
    padding: 0px 31px 31px 31px;
    /* height: 100%; */
    /* margin-top: 40px; */
    position: relative;
    gap: 60px;
    flex-wrap: wrap;
    margin-bottom: 40px;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.d3Eo0owNzEZ5 {
    width: 100%;
    display: flex;
    background-color: rgb(255 255 255);
    padding: 0px 31px 31px 31px;
    /*height: 100%;*/
    /*margin-top: 40px;*/
    position: relative;
    gap: 60px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 65px;
    /*margin-bottom: 40px;*/
}

button#Mt93sCAWKA {
    width: 40%;
}

button#Mt93sCAWKA {
    width: 40%;
}

button#OGOZfuXDsz {
    width: 40%;
    background-color: #9E9E9E;
}

.Vbd1TeryCb {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

/*GRID*/
.g1 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    align-items: flex-start;
}

.GozSBA9fx9 {
    width: 540px;
    background-color: #ffffff;
    /*box-shadow: 10px 10px 5px lightblue;*/
    /*box-shadow: 0px 0px 20px 0px #417f93;*/
    /*box-shadow:0px 0px 20px 0px #78a9b9;*/
    box-shadow: 0px 0px 20px 0px #b5babb;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.iFom3n2lFk {
    border-bottom: 1px solid;
    overflow: hidden;
}

.UsKV2fZtMs {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
}


.ZIksxGdBrB {
    margin: 10px;
    color: #000000;
}

.LPpQ1QVbdH {
    margin: 10px;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #595959;
}

.Ku9qpozHrU {
    display: flex;
    justify-content: space-between;
    padding: 0px 0px 5px 0px;
}

/*GRID*/

/*LIST*/

.doGDMH82hq {
    width: 100%;
    height: 100%;
    display: flex;
    max-width: 1203px;
    min-width: 1203px;
    background-color: white;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 0px 20px 0px #b5babb;
}

.U4et92Pkrg {
    width: 50%;
}

.R2C0xO89rZ {
    width: 50%;
}

p.usI9Fs1rN3 {
    font-size: 13px;
}

.Q3rpPvegtP {
    border-top: solid 1px #cfcfcf;
    border-bottom: solid 1px #cfcfcf;
    margin-top: 10.8px;
    margin-bottom: 7.2px;
}

.gBkj4OTHJk {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /*repeat(3, 1fr)*/
    padding: 24px 0px 0px 0px;
    margin-top: 10.8px;
    margin-bottom: 7.2px;
    justify-items: start;
    gap: 8px;
}

.WUzvv65RZD {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.LrOoi4fG59 {
    display: flex;
    align-items: center;
    flex-direction: row;
}

/*DropDown - Legenda*/

.LYJNyyQJh8 {
    display: none;
    opacity: 0; /*Começa invisível */
    animation: fadeIn 0.8s ease forwards; /*Animação para fazer a div aparecer */
}

/*DropDown - Legenda*/

.zF5i7ahHrz {
    padding-bottom: 16px;
    border-bottom: solid 1px #cfcfcf;
}


.qVzwz4lycA {
    margin-top: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.X6HlV73d6M {
    display: flex;
    flex-direction: column;
}

.cqlvcs6EX {
    font-size: 1.31rem;
    margin-bottom: 8px;
    text-align: right;
}

.H6yr76Fo9B {
    font-size: .875rem;
}

.pu3Vh6p5JV {
    /*    background-color: gray;
    padding: 10px;
    height: 2.5rem;
    border-radius: 10px;
    margin: .8rem 1.2rem .8rem .8rem;*/
}

.p2hFsGpKp9 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.F3RQ9RE42J {
    width: 100%;
    /* height: 100%; */
    aspect-ratio: 194/125;
}

.kp1AL7rTM7 {
    width: 540px;
    height: 375px;
    aspect-ratio: 194/125;
}

.bvEk4MsV0W {
    background-color: gray;
    padding: 10px;
    height: 2.5rem;
    border-radius: 10px;
    margin: .8rem 1.2rem .8rem .8rem;
    cursor: pointer;
    text-decoration: none;
    color: white;
    border: none;
    font-size: medium;
}

/*SLIDE*/

.eYQcgVoR8t { /*container*/
    width: 100%;
    height: 100%;
    aspect-ratio: 194 / 125;
}

.lgzUeFq3RT { /*myslides*/
    width: 100%;
    height: 100%;
}

Jm1hL9LTao { /*myslides - 2 */
    width: 100%;
    height: 100%;
}

.sosrto6KfB { /*numbertext*/
    color: #ffffff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    padding: 8px 12px;
    z-index: 10;
    position: relative;
    top: 10%;
    /*    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 12px;
    position: absolute;*/
}

.prev {
    background-color: #535353;
    cursor: pointer;
    width: auto;
    padding: 16px;
    color: #ffffff;
    font-weight: bold;
    font-size: 22px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

.next {
    background-color: #535353;
    cursor: pointer;
    top: -248px;
    left: 507px;
    width: auto;
    padding: 16px;
    color: #ffffff;
    font-weight: bold;
    font-size: 22px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover,
    .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }
/*SLIDE*/

/*LIST*/

.info-item i {
    font-size: 24px;
    color: #000;
}

/* GRID - LIST*/
.layout-options {
    margin-top: 10px;
    margin-bottom: 20px;
    z-index: 10;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0px 31px 0px 31px;
}

.grid-layout {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

.list-layout {
    grid-template-columns: 1fr;
}

.item {
    background-color: #f0f0f0;
    padding: 20px;
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 5px;
}

.hidden {
    display: none !important;
}
/* GRID - LIST*/


@keyframes fadeIn {
    0% {
        opacity: 0; /* Estado inicial: invisível */
    }

    100% {
        opacity: 1; /* Estado final: completamente visível */
    }
}

/*ICONS*/
.inactive {
    opacity: 0.5;
}

/*Botão LOGIN*/

/* Botão de Login Flutuante */

.login-btn-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #9f9f9f;
    color: white;
    padding: 15px 25px;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    z-index: 3;
}

    .login-btn-float:hover {
        background-color: #535353;
    }

/*Botão LOGIN*/

/* POP-UP FORMULÁRIO - RESERVE JÁ */

/* Estilo do botão principal */
.btn {
    background-color: #4285F4; /* Azul do Google */
    color: white;
    border: none;
    border-radius: 4px;
    padding: 12px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .btn:hover {
        background-color: #357AE8;
        transform: scale(1.02);
    }

/* Estilo do pop-up */
.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    justify-content: center;
    align-items: center;
    z-index: 11;
}



.popup-content {
    background-color: white;
    padding: 30px;
    border-radius: 8px;
    width: 90%;
    max-width: 600px;
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.close-button {
    font-size: 24px;
    color: #333;
    cursor: pointer;
    transition: color 0.3s;
}

    .close-button:hover {
        color: #4285F4;
    }

/*POP-UP-2*/

.popup1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    justify-content: center;
    align-items: center;
    z-index: 15;
}

.popup-content1 {
    background-color: white;
    padding: 30px;
    border-radius: 8px;
    width: 90%;
    max-width: 600px;
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.popup-header1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.fOjz0PIJUB {
    width: 100% !important;
}

button#b6NrtoYd4x {
    width: 40%;
}

button#FeDwXXp25I {
    width: 40%;
    background-color: #9E9E9E;
}

/* Estilo do formulário */
/* Estilos para o fundo escurecido do pop-up */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

/* Estilos para o conteúdo do pop-up */
.popup-content {
    max-width: 600px;
    max-height: 80vh;
    overflow-y: auto; /* Adiciona rolagem se o conteúdo ultrapassar a altura */
    border-radius: 10px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: translateY(-30px);
}

/* Mostra o pop-up com transição */
.popup-overlay.active .popup-content {
    transform: translateY(0);
    opacity: 1;
}

/* Estilo para o botão de fechar */
.close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    color: #333;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

/* Estilos para os campos do formulário */
fieldset {
    border: none;
    margin-bottom: 20px;
}

legend {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.2em;
    color: #333;
}

label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #333;
}

input[type="text"],
input[type="date"],
input[type="email"],
input[type="tel"],
input[type="file"],
select {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1em;
    color: #333;
}

    input[type="text"]:focus,
    input[type="date"]:focus,
    input[type="email"]:focus,
    input[type="tel"]:focus,
    input[type="file"]:focus,
    select:focus {
        border-color: #007bff;
        outline: none;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }

/* Estilo para o botão de envio */
button[type="submit"] {
    width: 100%;
    padding: 10px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 1.2em;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    button[type="submit"]:hover {
        background-color: #0056b3;
    }

/* Estilo para o botão de abrir o pop-up */
button.open-popup {
    padding: 10px 20px;
    background-color: #28a745;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 1em;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    button.open-popup:hover {
        background-color: #218838;
    }

/* Estilização para colocar elementos lado a lado */
.form-group {
    display: flex;
    justify-content: space-between;
}

    .form-group div {
        width: 48%;
    }

/* POP-UP FORMULÁRIO - RESERVE JÁ */
/* Estilos para o fundo escurecido do pop-up */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* Estilos para o conteúdo do pop-up */
.popup-content {
    max-width: 600px;
    max-height: 80vh;
    overflow-y: auto; /* Adiciona rolagem se o conteúdo ultrapassar a altura */
    border-radius: 10px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: translateY(-30px);
}

/* Mostra o pop-up com transição */
.popup-overlay.active .popup-content {
    transform: translateY(0);
    opacity: 1;
}

/* Estilo para o botão de fechar */
.close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    color: #333;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

/* Estilos para os campos do formulário */
fieldset {
    border: none;
    margin-bottom: 20px;
}

legend {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.2em;
    color: #333;
}

label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #333;
}

input[type="text"],
input[type="date"],
input[type="email"],
input[type="tel"],
input[type="file"],
select {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1em;
    color: #333;
}

    input[type="text"]:focus,
    input[type="date"]:focus,
    input[type="email"]:focus,
    input[type="tel"]:focus,
    input[type="file"]:focus,
    select:focus {
        border-color: #007bff;
        outline: none;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }

/* Estilo para o botão de envio */
button[type="submit"] {
    width: 100%;
    padding: 10px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 1.2em;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    button[type="submit"]:hover {
        background-color: #0056b3;
    }

/* Estilo para o botão de abrir o pop-up */
button.open-popup {
    padding: 10px 20px;
    background-color: #28a745;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 1em;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    button.open-popup:hover {
        background-color: #218838;
    }

/* Estilização para colocar elementos lado a lado */
.form-group {
    display: flex;
    justify-content: space-between;
}

    .form-group div {
        width: 48%;
    }

/* POP-UP FORMULÁRIO - RESERVE JÁ */


p.qLqawMzZjQ {
    width: 100%;
    text-overflow: ellipsis;
}

/* POP-UP LANDING PAGE*/
.Y0O1JCbnQ6 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    justify-content: center;
    align-items: center;
    z-index: 10;
}



.VOFySgkMP9 {
    background-color: white;
    padding: 30px;
    border-radius: 8px;
    width: 90%;
    height: 95%;
    max-width: 1320px;
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    overflow: auto;
    background-color: rgb(247 247 247);
}

.W6tq6RclHC {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.kC7ZRDbomh {
    width: 20%;
    display: flex;
    justify-content: center;
}

div#vpHohQPsAI {
    background-color: #797979;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none;
    color: white;
    border: 1px solid rgb(163 163 163);
    font-size: medium;
}

/*Pop-up-termos-e-condicoes*/

.GhTA09CAAh {
    display: none; /* Inicialmente escondido */
    position: fixed;
    z-index: 13;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0); /* Cor de fundo escuro */
    background-color: rgba(0, 0, 0, 0.4); /* Transparência */
    padding-top: 60px;
}

.z3gB7LRGPk {
    background-color: #fff;
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 60%;
}

.UeEIeJhKh7 {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    justify-content: flex-end;
}

.uDQGTjWZim {
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

span#hmpbiKmh5p {
    cursor: pointer;
}

.kpZvW6K13N {
    position: fixed;
    top: 20px;
    right: 40px;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 10;
    cursor: pointer;
}

/* Conteúdo do dropdown */
.h5VVcpJc5X {
    display: none; /* Inicialmente escondido */
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right: 0px;
}

    /* Estilo dos links dentro do dropdown */
    .h5VVcpJc5X a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: flex;
        align-items: center;
    }

        .h5VVcpJc5X a:hover {
            background-color: #ddd;
        }
/* Classe para mostrar o dropdown */
.pXtNUOqZ99 {
    display: block;
}

#jKDAZvBUxr {
    display: none;
}

/* Classe para esconder o dropdown */
.kI8odIxemC {
    display: none;
}

.EDrsVhsjH3 {
    font-size: 15px;
}

.bArlsxeptB {
    margin-left: 10px;
    font-weight: bold;
    color: #000000;
}


.JKequ5bmPa {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    margin-bottom: 10px;
    width: 67%;
    align-items: center;
}

k13MeVDvSZ {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.D5DJfpJPeE {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-wrap: wrap;
}

.k13MeVDvSZ {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.D703gEFx3h {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
}

.ZwExZaT5Ai {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
}

.IsHCnakGFh {
    cursor: pointer;
}

.HHV1qBkPS7 {
    display: flex;
}

.Y24kO7ZzgQ {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    margin-left: 10%;
    width: 50%;
}

.GiedobHd52 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    flex-direction: row;
}

.RiYmKqj0gK {
    width: 50%;
    margin-top: 0px;
    margin-bottom: 15px;
}

.kFgd89tlrN {
    display: flex;
    align-items: center;
}

.xoOHcmVtNl {
    width: 30%;
    margin-top: 0px;
    margin-bottom: 15px;
}

.qE7RQuKKAG {
    display: flex;
    flex-direction: column;
}

.qE6Ib5yANJ {
    font-size: 11px;
}

.LHmEjXJYfo {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.lW1M9euclg {
    width: 30% !important;
}

.nDk6i1PfPT {
    width: 50% !important;
}

.tzaKZGZE70{}

.GtnoYRWtEo {
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

/*RESPONSIVO*/
@media(max-width:1690px) {
    .doGDMH82hq {
        width: 100%;
        height: 100%;
        min-width: 1000px;
        max-width: 1000px;
        display: flex;
        background-color: white;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: 0px 0px 20px 0px #b5babb;
        flex-direction: row;
    }
}

@media(max-width:1470px) {
    .doGDMH82hq {
        width: 100%;
        height: 100%;
        min-width: 900px;
        max-width: 900px;
        display: flex;
        background-color: white;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: 0px 0px 20px 0px #b5babb;
        flex-direction: row;
    }
}

@media(max-width:1270px) {
    .doGDMH82hq {
        width: 100%;
        height: 100%;
        min-width: 700px;
        max-width: 700px;
        display: flex;
        background-color: white;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: 0px 0px 20px 0px #b5babb;
        flex-direction: row;
    }
}

@media (max-width: 1200px) {
    .sdkofnigbdg {
        font-size: 29px !important;
    }

    h2.ThAPcmcrAY {
        font-size: 15px !important;
    }
}

@media (max-width: 1024px) {

    /*    .d1 {
        display: flex;
        background-color: rgb(255 255 255);
        height: 100vh;
        flex-direction: column;
    }*/

    .d1 {
        display: flex;
        background-color: rgb(255 255 255);
        height: 100%;
        flex-direction: column;
    }

    /*    .d2 {
        width: 100%;
        background-color: rgb(255 255 255);
        height: 100vh;
        position: fixed;
        z-index: 12;
        display: none;
        overflow-x: overlay;
    }*/

    .d2 {
        width: 100%;
        background-color: rgb(255 255 255);
        height: 100%;
        position: absolute;
        z-index: 12;
        display: none;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .sdkofnigbdg {
        font-size: 29px !important;
        text-align: center;
    }

    .d22 {
        width: 100%;
        display: flex;
        background-color: rgb(255 255 255);
        position: relative;
        gap: 50px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .UfFHNKog37 {
        width: 90%;
        border: solid 1px #f0f0f0;
        margin-top: 50px;
        padding: 10px;
        display: block;
    }

    .UfFHNKog38 {
        margin-right: 10px;
        border: none;
        padding: 10px 14px 10px;
        cursor: pointer;
        display: block;
    }

    .dJ3iiOYLUD {
        width: 37%;
        border: 1px;
        padding: 10px;
        position: relative;
        left: 63%;
        cursor: pointer;
    }

    .x0cdm3OofD {
        margin-top: 24px;
        width: 100%;
        height: 100%;
        gap: 10;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        flex-direction: row;
    }

    /*    .d222 {
        width: 100%;
        background-color: rgb(255 255 255);
        height: 100vh;
        overflow-y: auto;
    }*/
    .d222 {
        width: 100%;
        background-color: rgb(255 255 255);
        height: 100%;
        overflow: auto;
    }

    .d3 {
        width: 100%;
        display: flex;
        background-color: rgb(255 255 255 / 0%);
        flex-direction: column;
        height: 100%;
        /*margin-top: 40px;*/
        position: relative;
        flex-wrap: nowrap;
        justify-content: space-between; /*Tinha em flex-start porque em IOS não ficava bem*/
        margin-bottom: 40px;
    }

    .doGDMH82hq {
        width: 100%;
        height: 100%;
        min-width: unset;
        max-width: unset;
        display: flex;
        background-color: white;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: 0px 0px 20px 0px #b5babb;
        flex-direction: column;
    }

    .U4et92Pkrg {
        width: 100%;
    }

    .R2C0xO89rZ {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .k1A3rEW5vd {
        padding: 20px;
        margin-right: 10px;
        width: 281px;
    }

    .sosrto6KfB {
        color: #ffffff;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        font-weight: bold;
        padding: 8px 12px;
        z-index: 10;
        position: relative;
        top: 10%;
    }
}

@media (max-width: 768px) {

    .sosrto6KfB {
        color: #ffffff;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        font-weight: bold;
        padding: 8px 12px;
        z-index: 10;
        position: relative;
        top: 10%;
    }
}

@media (max-width: 600px) {
    .kp1AL7rTM7 {
        width: 469px;
        height: 375px;
        aspect-ratio: 194 / 125;
    }

    .GozSBA9fx9 {
        width: 469px;
    }
    .GiedobHd52 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        gap: 0px;
        flex-direction: column;
        margin-top: 13px;
        margin-bottom: 10px;
    }

    .GtnoYRWtEo {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 10px;
    }
}

    @media (max-width: 491px) {

        .dgdAuUfQmB {
            font-size: 30px;
        }

        .kp1AL7rTM7 {
            width: 382px;
            height: 375px;
            aspect-ratio: 194 / 125;
        }

        .GozSBA9fx9 {
            width: 382px;
        }
    }
    @media (max-width: 490px){
        .HHV1qBkPS7 {
            display: flex;
            flex-direction: column;
        }

        .Y24kO7ZzgQ {
            display: flex;
            align-items: flex-start;
            margin-left: 0%;
            width: 100%;
            justify-content: space-evenly;
        }
        .LHmEjXJYfo {
            width: 100%;
            display: flex;
            align-items: baseline;
            flex-direction: column;
            flex-wrap: unset;
            gap: 6px;
        }
    }

    @media (max-width: 435px) {

        .eYQcgVoR8t { /*container*/
            height: 100%;
            aspect-ratio: 194 / 125;
        }

        .cqlvcs6EX {
            font-size: 17px !important;
            margin-bottom: 8px !important;
            text-align: unset !important;
        }

        .H6yr76Fo9B {
            font-size: 14px !important;
        }

        .sosrto6KfB {
            color: #ffffff;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            font-weight: bold;
            padding: 8px 12px;
            z-index: 10;
            position: relative;
            top: 10%;
        }

        .bvEk4MsV0W {
            background-color: gray;
            padding: 10px;
            height: 2.5rem;
            border-radius: 10px;
            margin: unset;
            cursor: pointer;
            text-decoration: none;
            color: white;
            border: none;
            font-size: medium;
        }

        .dJ3iiOYLUD {
            width: 48%;
            border: 1px;
            padding: 10px;
            position: relative;
            left: 52%;
            cursor: pointer;
        }


        .qVzwz4lycA {
            margin-top: 35px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }

        .X6HlV73d6M {
            display: flex;
            flex-direction: column;
            width: 40%;
        }

        .gBkj4OTHJk {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /*repeat(3, 1fr)*/
            padding: 24px 0px 0px 0px;
            margin-top: 10.8px;
            margin-bottom: 7.2px;
            justify-items: stretch;
            gap: 8px;
        }

        .grid-layout {
            justify-content: center;
        }

        .d3 {
            padding: 0px 12px 0px 12px;
        }

        .k3vkCY8Qej {
            height: 40%;
        }

        .JKequ5bmPa {
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 10px;
            margin-bottom: 10px;
            width: 89%;
            align-items: center;
        }

        .z3gB7LRGPk {
            background-color: #fff;
            margin: 5% auto;
            padding: 20px;
            border: 1px solid #888;
            width: 90%;
        }
    }

    @media(max-width:395px) {
        .GozSBA9fx9 {
            width: 313px;
            background-color: #ffffff;
            box-shadow: 0px 0px 20px 0px #b5babb;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        .kp1AL7rTM7 {
            width: 313px;
            height: unset;
            aspect-ratio: 194 / 125;
        }

        .bArlsxeptB {
            width: 35%;
            font-size: 13px;
        }

        .EDrsVhsjH3 {
            font-size: 10px;
        }

        .LrOoi4fG59 {
            display: flex;
            align-items: center;
            flex-direction: column;
        }

        .LPpQ1QVbdH {
            margin: 10px;
            display: flex;
            font-size: 12px;
            color: #595959;
            align-items: flex-start;
        }

        .Ku9qpozHrU {
            display: flex;
            justify-content: space-between;
            padding: 0px 0px 15px 0px;
            align-items: center;
        }
    }

    @media (max-width: 374px) {

        .cqlvcs6EX {
            font-size: 15px !important;
            margin-bottom: 8px !important;
            text-align: unset !important;
        }

        .H6yr76Fo9B {
            font-size: 11px !important;
            font-weight: 600 !important;
        }

        .bvEk4MsV0W {
            font-size: 10px;
        }
    }


    @media (max-width: 320px) {

        h4.ELeFc0c4SZ {
            font-size: 9px;
        }

        .eYQcgVoR8t { /*container*/
            height: 100%;
            aspect-ratio: 194 / 125;
        }

        .cqlvcs6EX {
            font-size: 14px !important;
            margin-bottom: 8px !important;
            text-align: unset !important;
        }

        .H6yr76Fo9B {
            font-size: 9px !important;
            font-weight: 700 !important;
        }

        .qVzwz4lycA {
            margin-top: 10px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

        .bvEk4MsV0W {
            background-color: gray;
            padding: 10px;
            height: 2.5rem;
            border-radius: 10px;
            margin: unset;
            cursor: pointer;
            text-decoration: none;
            color: white;
            border: none;
            font-size: medium;
        }

        .sosrto6KfB {
            color: #ffffff;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            font-weight: bold;
            padding: 8px 12px;
            z-index: 10;
            position: relative;
            top: 10%;
        }
    }

    /*RESPONSIVO*/