section.reserva {
width: auto;
float: left;
padding: 80px 0 30px 0; 
}
section.reserva ul {
width: 250px;
margin: 0 auto;
padding: 0;
list-style: none;
text-align: center;
}
section.reserva ul li {
width: 100%;
float: left;
height: auto;
margin: 0;
padding: 0;
list-style: none;
}
section.reserva ul li img {
width: 80px;
border-radius: 64px;
}
section.reserva ul li h1 {
font-size: 16px;
padding: 0;
margin: 0;
width: 100%;
}
section.reserva ul li h2 {
font-size: 14px;
padding: 0;
margin: 10px 0;
font-weight: 400;
width: 100%;
}
section.reserva ul li span {
font-size: 11px;
width: 100%;
margin: 0 0 15px 0;
float: left;
}
section.reserva ul li a {
font-size: 0.85rem;
width: auto; 
float: none;
display: table;
margin: 0 auto;
padding: 14px 30px;
text-decoration: none;
border: 1px solid #ccc;
border-radius: 6px;
color: #1f1f1f;
font-weight: 700;
}
section.reserva ul li address {
font-size: 15px;
font-weight: 700;
width: 100%;
float: left;
margin: 15px 0 20px 0;
font-style: normal;
}
#banner {
display: none;
width: 240px;
position: fixed;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
padding: 40px;
background-color: white;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
z-index: 1000;
border-radius: 20px;
}
span#Feedback {
width: auto;
margin: 0 auto;
margin-top: 15px;
margin-bottom: 10px;
padding: 4px 0;
float: none;
display: table;
font-size: .82rem;
border-bottom: 1px dashed #1f1f1f;
opacity: .8;
cursor: pointer;
}
#banner #correctPhone {
margin: 20px 0;
height: 60px;
line-height: 60px;
padding: 0 10px;
font-size: 1.1rem;
border-radius: 8px;
width: 220px;
}
@keyframes blinkCaret {
from, to { border-color: transparent; }
50% { border-color: black; }
}
input {
caret-color: black; /* Sets the color of the blinking caret */
}
input::placeholder {
color: transparent; /* Makes placeholder text transparent */
animation: blinkCaret 1s step-end infinite; /* Applies blinking animation */
}  


div.dontKnow {
width: 100%;
float: left;
line-height: 48px;
margin: 0 0 20px 0;
    }  

    
input[type="checkbox"] {
    width: 40px; /* Largura do checkbox */
    height: 40px; /* Altura do checkbox */
    cursor: pointer; /* Cursor de ponteiro ao passar sobre o checkbox */
    margin-right: 10px; /* Espaçamento à direita do checkbox */
    float: left;
    border-radius: 8px;
    color: #333; /* Cor do texto do label */
    font-size: 10px; /* Tamanho da fonte do label */
}

/* Estilo para o label do checkbox */
input[type="checkbox"] + label {
    font-size: 10px; /* Tamanho da fonte do label */
    color: #333; /* Cor do texto do label */
    cursor: pointer; /* Cursor de ponteiro ao passar sobre o label */
    display: flex; /* Alinha o checkbox e o label */
    align-items: center; /* Alinha verticalmente o checkbox e o label */
}


#banner label {
font-size: 1rem;
font-weight: 700;
}
#banner p {
font-size: .9rem;
margin: 20px 0 0 0;
}
#banner button {
font-size: .9rem;
width: auto;
margin: 0 auto;
padding: 14px 20px;
text-decoration: none;
background-color: #1967d2;
color: #fff;
border: 0;
border-radius: 6px;
font-weight: 700;
cursor: pointer;
}

#banner button.cancel {
    font-size: .9rem;
    width: auto;
    margin: 0 auto;
    padding: 14px 20px;
    text-decoration: none;
    color: #1967d2;
    background-color: #fff;
    border: 0;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer;
    }
#overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
z-index: 999;
}
#successMessage {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 20px;
background-image: url('../Icones/checked-formulario.png');
background-size: 100%;
background-repeat: no-repeat;
background-position: 50%;
}

section.reserva div.voltar {
width: 100%;
height: auto;
margin: 20px 0 0 0;
padding: 0;
float: left;
list-style: none;
text-align: center;
}
section.reserva div.voltar a {
width: 40px;
margin: 0 auto;
display: block;
padding: 10px 20px 10px 24px;
list-style: none;
text-align: center;
font-size: 14px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
background-image: url('../Icones/seta-esquerda-azul.png');
background-size: 14px;
background-position: 0 50%;
background-repeat: no-repeat;
}