.elementor-244 .elementor-element.elementor-element-570b6b0{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-244 .elementor-element.elementor-element-570b6b0:not(.elementor-motion-effects-element-type-background), .elementor-244 .elementor-element.elementor-element-570b6b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131313;}.elementor-244 .elementor-element.elementor-element-f42207a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:16px 16px 16px 16px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-244 .elementor-element.elementor-element-f42207a:not(.elementor-motion-effects-element-type-background), .elementor-244 .elementor-element.elementor-element-f42207a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cd2e337 );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-244 .elementor-element.elementor-element-e491418{margin:-52px -8px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-244 .elementor-element.elementor-element-e491418 .elementor-icon-wrapper{text-align:center;}.elementor-244 .elementor-element.elementor-element-e491418.elementor-view-stacked .elementor-icon{background-color:#DADADA;color:#727272;}.elementor-244 .elementor-element.elementor-element-e491418.elementor-view-framed .elementor-icon, .elementor-244 .elementor-element.elementor-element-e491418.elementor-view-default .elementor-icon{color:#DADADA;border-color:#DADADA;}.elementor-244 .elementor-element.elementor-element-e491418.elementor-view-framed .elementor-icon, .elementor-244 .elementor-element.elementor-element-e491418.elementor-view-default .elementor-icon svg{fill:#DADADA;}.elementor-244 .elementor-element.elementor-element-e491418.elementor-view-framed .elementor-icon{background-color:#727272;}.elementor-244 .elementor-element.elementor-element-e491418.elementor-view-stacked .elementor-icon svg{fill:#727272;}.elementor-244 .elementor-element.elementor-element-e491418 .elementor-icon{font-size:14px;}.elementor-244 .elementor-element.elementor-element-e491418 .elementor-icon svg{height:14px;}.elementor-244 .elementor-element.elementor-element-670b6f7{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-244 .elementor-element.elementor-element-02a45c7{--display:flex;--min-height:750px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-244 .elementor-element.elementor-element-02a45c7:not(.elementor-motion-effects-element-type-background), .elementor-244 .elementor-element.elementor-element-02a45c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-408eeea );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-244 .elementor-element.elementor-element-2b2728e .elementor-button{background-color:#FFFFFF1F;font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:700;text-transform:none;transition-duration:0.4s;border-style:solid;border-width:2px 2px 2px 2px;border-radius:100px 100px 100px 100px;padding:20px 32px 20px 32px;}.elementor-244 .elementor-element.elementor-element-2b2728e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-244 .elementor-element.elementor-element-207d180{--display:flex;--min-height:1336px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-244 .elementor-element.elementor-element-e3df576{--display:flex;--min-height:1373px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-244 .elementor-element.elementor-element-e3df576:not(.elementor-motion-effects-element-type-background), .elementor-244 .elementor-element.elementor-element-e3df576 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-244 .elementor-element.elementor-element-d40b05f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-244 .elementor-element.elementor-element-bc8dc7f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:1366px){.elementor-244 .elementor-element.elementor-element-2b2728e .elementor-button{font-size:17px;}}@media(min-width:768px){.elementor-244 .elementor-element.elementor-element-f42207a{--width:540px;}.elementor-244 .elementor-element.elementor-element-02a45c7{--content-width:619px;}}@media(max-width:1024px){.elementor-244 .elementor-element.elementor-element-2b2728e.elementor-element{--align-self:flex-start;}}@media(max-width:767px){.elementor-244 .elementor-element.elementor-element-570b6b0{--padding-top:0px;--padding-bottom:0px;--padding-left:8px;--padding-right:8px;}.elementor-244 .elementor-element.elementor-element-f42207a{--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-244 .elementor-element.elementor-element-e491418{margin:-50px -8px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-244 .elementor-element.elementor-element-e491418 .elementor-icon{font-size:12px;}.elementor-244 .elementor-element.elementor-element-e491418 .elementor-icon svg{height:12px;}.elementor-244 .elementor-element.elementor-element-02a45c7{--content-width:90%;--min-height:500px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-244 .elementor-element.elementor-element-2b2728e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-244 .elementor-element.elementor-element-2b2728e.elementor-element{--align-self:stretch;}.elementor-244 .elementor-element.elementor-element-2b2728e .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-244 .elementor-element.elementor-element-2b2728e .elementor-button{font-size:4.4vw;line-height:1.4em;padding:16px 22px 16px 22px;}}/* Start custom CSS for icon, class: .elementor-element-e491418 */.elementor-244 .elementor-element.elementor-element-e491418{
    position: absolute;
    top:16px;
    right: 16px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bc8dc7f *//* --- Gerais --- */
.chat-container-unified {
    max-width: 500px; margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    border: 1px solid #e0e0e0; border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    overflow: hidden; display: flex; flex-direction: column;
    background-color: #fff;
}

.chat-header {
    background-color: #083133; color: white; padding: 15px;
    font-weight: bold; display: flex; align-items: center; gap: 12px; position: relative;
}
.chat-header .avatar { width: 45px; height: 45px; border-radius: 50%; border: 2px solid white; }
.chat-header .agent-info p { margin: 0; text-align: left; }
.chat-header .agent-info .status { font-size: .8em; opacity: .8; display: flex; align-items: center; }
.online-dot { height: 8px; width: 8px; background-color: #25D366; border-radius: 50%; margin-right: 6px; }

.chat-messages {
    flex-grow: 1; padding: 20px; overflow-y: auto;
    background-color: #f9f9f9; display: flex; flex-direction: column; align-items: flex-start;
}

.message { margin-bottom: 15px; display: flex; max-width: 85%; }
.message.bot { align-self: flex-start; }
.message.user { align-self: flex-end; flex-direction: row-reverse; }
.message .bubble { padding: 12px 18px; border-radius: 20px; line-height: 1.5; max-width: fit-content; word-break: break-word; }
.message.bot .bubble { background-color: #e9e9eb; color: #333; border-top-left-radius: 5px; }
.message.user .bubble { background-color: #25D366; color: white; border-top-right-radius: 5px; }

.chat-input-area { padding: 15px; border-top: 1px solid #e0e0e0; background-color: #fff; }
.input-container { display: flex; gap: 10px; align-items: center; }
.input-container .input-wrapper { display: flex; flex-grow: 1; gap: 8px; align-items: center; position: relative; }

/* Inputs genéricos dentro do wrapper */
.input-wrapper > input[type="text"],
.input-wrapper > input[type="email"],
.input-wrapper > input[type="number"],
.input-wrapper > input[type="date"] {
    flex: 1; box-sizing: border-box; padding: 12px;
    border-radius: 8px; border: 1px solid #ccc;
    font-size: 1em; background: #fff; transition: border-color .2s;
}
.input-wrapper > input:focus { outline: none; border-color: #083133; }

.input-container button.submit-btn {
    padding: 12px 20px; border: none; background-color: #083133; color: white;
    border-radius: 8px; font-size: 1em; font-weight: bold; cursor: pointer;
    transition: background-color .2s; white-space: nowrap;
}
.input-container button.submit-btn:hover { background-color: #0b4a4d; }

.typing-indicator { display: none; padding: 0 15px 10px; font-style: italic; color: #777; }

input[type="date"] { position: relative; -webkit-appearance: none; appearance: none; cursor: pointer; }
input[type="date"]:before { content: attr(data-placeholder); position: absolute; width: calc(100% - 24px); color: #757575; }
input[type="date"]:valid, input[type="date"]:focus { color: #333; }
input[type="date"]:valid:before, input[type="date"]:focus:before { content: ""; }

/* --- Botões Yes/No --- */
.options-container { display: flex; gap: 10px; width: 100%; }
.option-btn {
    flex: 1; padding: 12px; border: 2px solid #083133;
    background-color: #fff; color: #083133; border-radius: 8px;
    font-size: 1em; font-weight: bold; cursor: pointer; transition: all .2s;
}
.option-btn:hover { background-color: #083133; color: #fff; }

/* --- Chat Fixo --- */
#page_chat_container .chat-container-unified { height: 500px; }

/* --- Chat Flutuante --- */
#floating_widget {
    position: fixed; bottom: 25px; right: 25px; z-index: 1000;
    opacity: 0; visibility: hidden; transition: opacity .5s, visibility .5s;
}
#floating_widget.visible { opacity: 1; visibility: visible; }
#floating_widget .floating_chat_bubble {
    width: auto; height: 55px; background-color: #efffec; border: 1px solid #269d12;
    border-radius: 50px; padding: 0 5px 0 25px; display: flex; align-items: center;
    cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,.2);
    transition: transform .2s ease-in-out, opacity .3s, visibility .3s;
}
#floating_widget .bubble-text { display: block; color: #19530f; font-weight: bold; margin-right: 10px; font-size: 15px; }
#floating_widget .bubble-icon { width: 45px; height: 45px; background-color: #269d12; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
#floating_widget .bubble-icon svg { width: 24px; height: 24px; fill: white; }
#floating_widget .chat-container-unified {
    position: absolute; bottom: 80px; right: 0; width: 350px; height: 500px;
    transform: translateY(20px) scale(.95); opacity: 0; visibility: hidden;
    transition: all .3s cubic-bezier(.4,0,.2,1);
}
#floating_widget.open .chat-container-unified { transform: translateY(0) scale(1); opacity: 1; visibility: visible; }
#floating_widget.open .floating_chat_bubble { transform: scale(.9); opacity: 0; visibility: hidden; }
#floating_widget .floating_close_chat {
    position: absolute; top: 15px; right: 15px; font-size: 28px; font-weight: bold;
    color: white; cursor: pointer; opacity: .7; z-index: 10; line-height: 1;
}

/* ============================================
   DDI SELECTOR
   ============================================ */

.ddi-wrap { position: relative; flex-shrink: 0; }

.ddi-trigger {
    display: flex; align-items: center; gap: 5px;
    padding: 12px 10px; border: 1px solid #ccc; border-radius: 8px;
    background: #fff; cursor: pointer; font-size: .95em;
    white-space: nowrap; transition: border-color .2s; user-select: none;
}
.ddi-trigger:hover, .ddi-trigger:focus { outline: none; border-color: #083133; }
.ddi-flag  { font-size: 1.3em; line-height: 1; }
.ddi-dial  { font-weight: 600; color: #333; }
.ddi-caret { font-size: .7em; color: #888; margin-left: 2px; }

/*
 * FIX 2: Dropdown no <body>, position:fixed
 * z-index alto para estar acima de qualquer overlay do Elementor/modal
 */
.ddi-dropdown {
    display: none;
    position: fixed;          /* <-- key fix */
    z-index: 2147483647;      /* max z-index possível */
    min-width: 240px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,.15);
    flex-direction: column;
    overflow: hidden;
}
.ddi-dropdown.open { display: flex; }

.ddi-search {
    border: none; border-bottom: 1px solid #eee;
    padding: 10px 14px; font-size: .95em;
    background: #fafafa; width: 100%; box-sizing: border-box;
}
.ddi-search:focus { outline: none; background: #fff; }

.ddi-list {
    list-style: none; margin: 0; padding: 0;
    overflow-y: auto;
    max-height: 220px; /* scroll interno, não estoura o layout */
}

.ddi-item {
    display: flex; align-items: center; gap: 10px;
    padding: 9px 14px; cursor: pointer; font-size: .9em; transition: background .15s;
}
.ddi-item:hover { background: #f0f7f7; }
.ddi-item--pinned { font-weight: 600; }
.ddi-item .ddi-flag  { font-size: 1.2em; flex-shrink: 0; }
.ddi-item .ddi-name  { flex: 1; color: #333; }
.ddi-item .ddi-code  { color: #777; font-size: .85em; white-space: nowrap; }
.ddi-separator { border: none; border-top: 1px solid #eee; margin: 2px 0; padding: 0; pointer-events: none; }

/* CAMPO DE NÚMERO DE TELEFONE */
.tel-number-input {
    flex: 1; min-width: 0; box-sizing: border-box;
    padding: 12px; border-radius: 8px; border: 1px solid #ccc;
    font-size: 1em; background: #fff; transition: border-color .2s;
}
.tel-number-input:focus { outline: none; border-color: #083133; }

/* FEEDBACK VISUAL — SHAKE (sem validação nativa) */
@keyframes inputShake {
    0%   { transform: translateX(0); }
    20%  { transform: translateX(-6px); }
    40%  { transform: translateX(6px); }
    60%  { transform: translateX(-4px); }
    80%  { transform: translateX(4px); }
    100% { transform: translateX(0); }
}
.input-shake { animation: inputShake .4s ease; }

/* RESPONSIVO */
@media (max-width: 768px) {
    #floating_widget { right: 15px; bottom: 15px; }
    #floating_widget.open { top: 0; left: 0; right: 0; bottom: 0; position: fixed; }
    #floating_widget .chat-container-unified {
        transform: translateY(100%);
        transition: transform .4s cubic-bezier(.4,0,.2,1);
        width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;
        border-radius: 0; box-shadow: none;
    }
    #floating_widget.open .chat-container-unified { transform: translateY(0); }

    .input-wrapper > input,
    .tel-number-input,
    .ddi-search { font-size: 16px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b28cc8c */#popup{
    position: fixed;
    opacity:0;
    transition: 0.3s;
}

.active{
    opacity: 1 !important;
    z-index: 9999 !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Regular.eot');
	src: url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Regular.woff2') format('woff2'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Regular.woff') format('woff'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Regular.ttf') format('truetype'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Regular.svg#InterTight') format('svg');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Medium.eot');
	src: url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Medium.eot?#iefix') format('embedded-opentype'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Medium.woff2') format('woff2'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Medium.woff') format('woff'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Medium.ttf') format('truetype'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Medium.svg#InterTight') format('svg');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-SemiBold.eot');
	src: url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-SemiBold.woff2') format('woff2'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-SemiBold.woff') format('woff'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-SemiBold.ttf') format('truetype'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-SemiBold.svg#InterTight') format('svg');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Bold.eot');
	src: url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Bold.woff2') format('woff2'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Bold.woff') format('woff'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Bold.ttf') format('truetype'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Bold.svg#InterTight') format('svg');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-ExtraBold.eot');
	src: url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-ExtraBold.woff2') format('woff2'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-ExtraBold.woff') format('woff'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-ExtraBold.ttf') format('truetype'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-ExtraBold.svg#InterTight') format('svg');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Black.eot');
	src: url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Black.eot?#iefix') format('embedded-opentype'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Black.woff2') format('woff2'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Black.woff') format('woff'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Black.ttf') format('truetype'),
		url('https://kloktour.com/wp-content/uploads/2026/06/InterTight-Black.svg#InterTight') format('svg');
}
/* End Custom Fonts CSS */