form div.buscaCampo{width: 100%;position: relative;}
form div.resultadosLista{position: absolute;top: 39px;left: 50%;transform: translateX(-50%);width: calc(100% - 40px);z-index: 10;}
 form div.resultadosLista ol{width: 100%;max-height: 300px;overflow-y: auto;border: 2px solid #efeff0;border-radius: 0 0 10px 10px;background: #fff;box-shadow: 0px 6px 10px #cccccc6e;padding: 10px 5px 10px 3px;list-style: none;transition: all 0.3s ease;scrollbar-color: auto;}
	 form div.resultadosLista ol li{width: 100%;font: 400 16px / 20px 'omnes-pro';letter-spacing: 0.04em;padding: 5px 25px;background: transparent;border-radius: 0px;transition: all 0.3s ease;cursor: pointer;}
	 form div.resultadosLista ol li:hover{background: #F4F6F7;}

section.conteudo{position: relative; z-index: 10; padding-top: 48px; padding-bottom: 70px;}
section.conteudo img.topo-traveler{position: absolute; left: 0; top: 0; width: 100%; height: auto; isolation: isolate; z-index: 1}
section.conteudo img.luzes-traveler{position: absolute; left: 0; top: 42vw; width: 100%; height: auto; isolation: isolate; z-index: 1}
section.conteudo a.logo-ralf{ width: 100%; height: 88px; background: url(../img/logoBranca.svg) no-repeat; max-width: 346px; display: block; position: relative; z-index: 10;  margin: 0 auto; margin-bottom: 52px;}
section .centro{max-width: 1094px; width: 100%; margin: 0 auto; background: #FFFFFF; border-top: 1px solid #EBEEF1; border-radius: 2px; padding-bottom: 88px; position: relative; z-index: 10; container-type: inline-size;}
section.conteudo::after{content: ''; display: block; background: url("../img/traveler/corte-fim.webp") no-repeat; width: 100%; max-width: 1094px; margin: 0 auto; height: 63px;}
section .centro > svg {position: relative;}
section .centro h1{font: 700 34px/36px 'omnes-pro'; color: #1A1B1D; letter-spacing: 0.68px; display: block; margin-bottom: 20px; position: relative; width: fit-content;}
section .centro h1 svg{ display: block; position: absolute; bottom: -13px; left: calc(100% - 26px); width: 64px; }
section .centro h1 strong{color: #2D9CBB}

section .centro .topo{display: flex;gap: 20px;padding: 66px 95px 0 167px;background: linear-gradient(180deg, #FFF 0%, #ECF5F8 86.16%);position: relative;z-index: 1;}
section .centro .topo::after{/*content: ''; display: block; position: absolute; left: 0; bottom: 0; background: url("../img/traveler/corte-topo.webp") no-repeat; width: 100%;height: 59px; */}
section .centro .topo div p{font: 400 16px/24px 'omnes-pro'; color: #5E6269; letter-spacing: 0.32px; display: block; &+&{margin-top: 20px;}}
section .centro .topo div p strong{color: #36393D}
section .centro .topo div > svg{width: 20px; display: block; margin-top: 28px;}
section .centro .topo figure{max-width: 312px;width: 100%;height: 306px;margin-bottom: -90px!important;position: relative;z-index: 123;}
section .centro .topo figure img{width: 100%}

section .centro .conteudo {background: #FFFFFF;}
section .centro .form {max-width: 800px; width: 100%; margin: 0 auto; padding: 52px 20px 0 ; position: relative;}
section .centro .form::before{content: ''; position: absolute; top: 52px; left: calc(50% - 50cqw - 16px); width: 58px;height: 41px; display: block; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 59 41"><path fill="%232d9cbb" fill-rule="evenodd" d="m16.115 18.314-.054-2.705c-2.28-1.176-3.661-1.99-5.57-3.115a400 400 0 0 0-2.203-1.292l-1.18 1.967c1.519.965 6.871 4.004 9.007 5.145m7.431-12.26a41 41 0 0 0 1.18-1.967l23.78 13.758.155.09c3.745 2.168 7.925 4.587 9.297 9.031 2.784 9.093-7.143 16.822-15.462 11.483-1.465-.853-4.189-2.471-7.455-4.411-5.725-3.4-13.114-7.79-18.3-10.78-1.945-1.121-3.748-2.047-5.398-2.895a157 157 0 0 1-2.49-1.297C2.56 15.69-2.066 11.225.94 5.034 3.044.701 7.035-.957 11.164.538c.983.385 3.551 1.548 4.707 2.416l.056 2.832-1.264-1.027C10.131 1.774 5.236.9 2.981 6.046.519 11.665 6.464 14.89 13.273 18.581c1.507.817 3.055 1.657 4.564 2.55 3.703 2.193 21.806 12.922 25.839 15.351 6.429 4.325 14.277-1.662 12.017-8.904-1.14-3.621-4.534-5.56-7.87-7.465l-.662-.38z" clip-rule="evenodd"/></svg>'); background-repeat: no-repeat;}
section .centro .form h2{font: 700 28px/36px 'omnes-pro'; color: #1A1B1D; display: block;}
section .centro .form h2 strong{color: #2D9CBB;}
section .centro .form > span{font: italic 500 14px/20px 'omnes-pro'; color: #9FA4AC; letter-spacing: 0.28px; display: block;margin-top: -4px; margin-bottom: 38px;}

section .centro .form form input:not([type="checkbox"], [type="radio"]){position: relative; width: 100%; min-height: 44px; background: #EFEFF0; border-radius: 2px 60px 60px; font: 400 16px / 16px 'omnes-pro'; color: #53565E; letter-spacing: 0.02em; box-shadow: 0 0 5px transparent; padding: 10px 28px; transition: all 0.5s ease; &:hover, &:focus{box-shadow: 0px 0px 5px #2D9CBB}}
section .centro .form form textarea{width: 100%;height: 112px;border-radius: 2px 24px 24px 24px;padding: 15px 24px;resize: none;background: #EFEFF0;color: #53565E;transition: all 0.5s ease;scrollbar-width: none;letter-spacing: 0.04em; &:hover, &:focus{box-shadow: 0px 0px 5px #2D9CBB}}
section .centro .form form label:not(.checkbox){font: 500 16px/20px 'omnes-pro'; color: #272D38; display: block; margin-bottom: 4px;}
section .centro .form form label em{color: #D46A45}

section .centro .form form .field.flex{display: flex; align-items: center; width: 100%;}
section .centro .form form .field.flex.gap-6{gap:24px}
section .centro .form form .field.flex.gap-4{gap:16px}
section .centro .form form .field.flex > div{width: 100%;}
section .centro .form form .field.checkbox{display: flex; gap: 16px; position: relative; margin-top: 28px;}
section .centro .form form .field.checkbox input[type="checkbox"]{position: absolute; width: 0;height: 0; opacity: 0; pointer-events: none;}
section .centro .form form .field.checkbox label.checkbox{color: #FFFFFF;min-width: 18px;height: 18px; border: 1px solid #C0C8CA; background: #FFFFFF; margin-top: 4px; display: flex; align-items: center; justify-content: center; transition: all .5s ease; border-radius: 2px; cursor: pointer; &:hover {background: #1A1B1D; opacity: 0.6; svg{opacity: 1;}}}
section .centro .form form .field.checkbox label.checkbox svg{width: 10px; opacity: 0; transition: all 0.5s ease;}
section .centro .form form .field.checkbox:has(input[type="checkbox"]:checked) label.checkbox{background: #1A1B1D; opacity: 1; svg{opacity: 1;} }
section .centro .form form .field.checkbox label:not(.checkbox){font: 500 16px/23px 'omnes-pro'; color: #53565E; letter-spacing: 0.32px; margin-bottom: 0; margin-top: 2px; cursor: pointer;}
section .centro .form form .field.checkbox span{font: 500 16px/23px 'omnes-pro'; color: #53565E; letter-spacing: 0.32px;}
section .centro .form form .field.checkbox span strong{color: #16171B; font-weight: 500}
section .centro .form form .field.textarea{&+&{margin-top: 20px}}
section .centro .form form .field.phone{margin-top: 20px;}

section .centro .form form .grid.interests {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 28px; margin-top: 20px;}
section .centro .form form .grid.interests .field.checkbox {margin-top: 0; gap: 8px; align-items: center;}
@media (max-width: 768px) {
	section .centro .form form .grid.interests {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 480px) {
	section .centro .form form .grid.interests {grid-template-columns: 1fr;}
}

section .centro .form form .separator{display: flex; justify-content: center; align-items: center; gap: 26px; margin-top: 60px; margin-bottom: 20px;}
section .centro .form form .separator::after{content: ''; flex: 1 1 0%; height: 1px; border-bottom: 1px dashed #CDD0D4; display: block; margin-bottom: -4px;}
section .centro .form form .separator h3{font: 600 15px/16px 'omnes-pro'; text-transform: uppercase; letter-spacing: 0.9px; color: #2D9CBB; display: block;}

section .centro form .info.number .iti--separate-dial-code .iti__selected-flag{background-color: rgba(0, 0, 0, 0) !important}

section .centro .form form .dates label:not([for^="when"]){margin-top: 24px; margin-bottom: 12px;}

section .centro .form form .dateField > span {display: flex;align-items: center;justify-content: center;min-width: 32px;height: 40px;border-radius: 96px;background: #2D9CBB;color: #FFF;font: 600 15px/16px 'omnes-pro'; letter-spacing: 1.5px; margin-right: 24px;}
section .centro .form form .dateField .duration {display: flex; align-items: center; gap: 16px; width: 100%;}
section .centro .form form .dateField .duration .durationField {display: flex; align-items: center; gap: 8px; position: relative; cursor: pointer;}
section .centro .form form .dateField .duration .durationField label.input-radio {min-width: 20px;height: 20px; border-radius: 100%; background: #FFFFFF; border: 1px solid #E5E5E6; position: relative; display: flex; align-items: center; justify-content: center;}
section .centro .form form .dateField .duration .durationField label.input-radio::after {content: ''; display: block; border-radius: 100%; background: #1A1B1D; width: calc(100% - 6px); height: calc(100% - 6px); transition: all .5s; opacity: 0}
section .centro .form form .dateField .duration .durationField:has(input:checked) label.input-radio::after {opacity: 1;}
section .centro .form form .dateField .duration .durationField input {position: absolute; opacity: 0;}
section .centro .form form .dateField .duration .durationField span {font: 500 14px/20px 'omnes-pro'; color: #8C8F96;}
section .centro .form form .dateField .duration label {margin: 0}
section .centro .form form .dateField .duration .deleteButton {cursor: pointer; min-width: 32px; height: 100%; border: 1px solid #CDD0D4; padding: 15px 11px; display: flex; align-items: center; justify-content: center; border-radius: 96px; margin-left: auto;}
section .centro .form form .dates .add-another {display: flex; align-items: center; gap: 25px; border-top: 1px dashed #CDD0D4; padding-top: 21px;}
section .centro .form form .dates .add-another .addButton {display: flex; align-items: center; justify-content: center; padding: 14px 20px; border-radius: 96px; border: 1px solid #1A1B1D; background: #FFFFFF; font: 500 16px/16px 'omnes-pro'; color: #1A1B1D; letter-spacing: 0.32px; cursor: pointer;}
section .centro .form form .dates .add-another .addButton.icon {padding: 13px 10px}
section .centro .form form .dates .add-another .addButton svg {width: 12px;}

section .centro .form form .dates {display: flex;flex-direction: column;margin-top: 40px;}
section .centro .form form .dates > label {font: 600 18px 'omnes-pro';color: #272D38;margin-bottom: 12px;}
section .centro .form form .dateField {display: flex;align-items: center; padding: 16px 0; border-top: 1px dashed #CDD0D4;}
section .centro .form form .dateField .field {display: flex;align-items: center;gap: 12px; margin-right: 32px;}
section .centro .form form .dateField .field label[for="when"] {margin-bottom: 0;margin-top: 0;}
section .centro .form form .custom-date-container {position: relative;display: flex;align-items: center;width: 160px;height: 40px;background: #EFEFF0;border-radius: 2px 20px 20px 20px;padding: 0 14px;transition: all 0.5s ease;}
section .centro .form form .custom-date-container:hover,
section .centro .form form .custom-date-container:focus-within {box-shadow: 0px 0px 5px #2D9CBB;}
section .centro .form form .custom-date-container .calendar-icon {width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;margin-right: 10px;flex-shrink: 0;}
section .centro .form form .custom-date-container .calendar-icon svg {width: 16px;height: 16px;}
section .centro .form form .custom-date-container input.date-mask {background: transparent !important;border: none !important;outline: none !important;box-shadow: none !important;width: 100% !important;height: 100% !important;min-height: unset !important;padding: 0 !important;font: 400 16px / 16px 'omnes-pro' !important;color: #53565E !important;letter-spacing: 0.02em !important;}

section .centro .form form .actions{display: flex; align-items: center; justify-content: space-between; gap: 40px; margin-top: 32px;}
section .centro .form form .actions button{display: flex; align-items: center; justify-content: center; background: #1A1B1D; padding: 12px 34px; border-radius: 56px; font: 600 17px/16px 'omnes-pro'; letter-spacing: 0.34px; color: #FFFFFF; cursor: pointer;}
section .centro .form form .actions a{display: flex; align-items:center; justify-content: center; gap: 8px; font: 600 14px/16px 'omnes-pro'; color: #BFC3CE; text-transform: uppercase;}
section .centro .form form .actions a svg{width: 9px;}

/* ==========================================
   MOBILE STYLES (._320)
   ========================================== */
._320 section.conteudo {
    padding-top: 24px;
    padding-bottom: 40px;
}

._320 section.conteudo a.logo-ralf {
    max-width: 180px;
    height: 46px;
    margin-bottom: 32px;
    background-size: contain !important;
}

._320 section.conteudo img.luzes-traveler {
    top: 70vw;
}

._320 section .centro {
    width: calc(100%);
    margin: 0 auto;
    border-radius: 12px;
    padding-bottom: 48px;
}

._320 section.conteudo::after {
    max-width: calc(100%);
    height: 30px;
    background-size: 100% auto;
}

._320 section .centro .topo {
    flex-direction: column;
    align-items: center;
    padding: 32px 16px 0;
    gap: 20px;
    text-align: center;
}

._320 section .centro h1 {
    font-size: 26px;
    line-height: 30px;
    margin: 0 auto 24px;
}

._320 section .centro h1 svg {
    width: 50px;
    bottom: -10px;
    left: calc(100% - 20px);
}

._320 section .centro .topo div p {
    font-size: 15px;
    line-height: 22px;
}

._320 section .centro .topo div p + p {
    margin-top: 12px;
}

._320 section .centro .topo div > svg {
    margin: 16px auto 0;
}

._320 section .centro .topo figure {display: none;}

._320 section .centro .form {
    padding: 32px 16px 0;
}

._320 section .centro .form::before {
    display: none; /* Hide decorative quotes that overflow on mobile */
}

._320 section .centro .form h2 {
    font-size: 22px;
    line-height: 28px;
    text-align: center;
}

._320 section .centro .form > span {
    text-align: center;
    margin-bottom: 24px;
}

._320 section .centro .form form input:not([type="checkbox"], [type="radio"]) {
    padding: 10px 20px;
    font-size: 15px;
    min-height: 40px;
}

._320 section .centro .form form textarea {
    padding: 12px 20px;
    font-size: 15px;
}

._320 section .centro .form form label:not(.checkbox) {
    font-size: 15px;
}

._320 section .centro .form form .field.flex {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
}

._320 section .centro .form form .field.flex.gap-6 {
    gap: 16px;
}

._320 section .centro .form form .field.flex.gap-4 {
    gap: 16px;
}

._320 section .centro .form form .field.flex > div {
    width: 100% !important;
}

._320 section .centro .form form .field.phone {
    margin-top: 16px;
}

._320 section .centro .form form .field.phone .info.number {
    width: 100%;
}

._320 section .centro .form form .field.phone .iti {
    width: 100%;
}

._320 section .centro .form form .field.checkbox {
    margin-top: 20px;
    gap: 12px;
    align-items: flex-start;
}

._320 section .centro .form form .field.checkbox label:not(.checkbox),
._320 section .centro .form form .field.checkbox span {
    font-size: 14px;
    line-height: 20px;
    margin-top: 0;
}

._320 section .centro .form form .field.checkbox label.checkbox {
    margin-top: 1px;
}

._320 section .centro .form form .grid.interests {
    gap: 12px 16px;
    margin-top: 16px;
}

._320 section .centro .form form .separator {
    margin-top: 40px;
    margin-bottom: 16px;
    gap: 16px;
}

._320 section .centro .form form .dates {
    margin-top: 30px;
}

._320 section .centro .form form .dates > label {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 12px;
}

._320 section .centro .form form .dateField {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px 0;
    padding: 24px 0;
    position: relative;
}

._320 section .centro .form form .dateField > span {
    margin-right: 12px;
    align-self: center;
}

._320 section .centro .form form .dateField .field {
    margin-right: 0;
    width: calc(100% - 96px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

._320 section .centro .form form .dateField .field label[for^="when"],
._320 section .centro .form form .dateField .field label[for="when"] {
    display: none !important;
}

._320 section .centro .form form .dateField .field .input {
    width: 100%;
}

._320 section .centro .form form .custom-date-container {
    width: 100%;
    box-sizing: border-box;
}

._320 section .centro .form form .dateField .duration {
    flex-wrap: wrap;
    gap: 12px 16px;
    width: 100%;
    margin-top: 8px;
}

._320 section .centro .form form .dateField .duration > label {
    width: 100%;
    margin-bottom: 4px;
}

._320 section .centro .form form .dateField .duration .durationField {
    width: auto;
}

._320 section .centro .form form .dateField .duration .deleteButton {
    position: absolute;
    right: 0;
    top: 24px;
    margin-left: 0;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

._320 section .centro .form form .dates .add-another {
    gap: 16px;
    padding-top: 16px;
    justify-content: center;
}

._320 section .centro .form form .dates .add-another .addButton {
    padding: 12px 18px;
    font-size: 15px;
}

._320 section .centro .form form .actions {
    flex-direction: column;
    gap: 20px;
    align-items: center;
    margin-top: 28px;
}

._320 section .centro .form form .actions button {
    width: 100%;
    max-width: 280px;
    padding: 14px 20px;
    font-size: 16px;
}

._320 section .centro .form form .actions a {
    padding: 10px;
}