.elementor-kit-371{--e-global-color-primary:#3A6E8F;--e-global-color-secondary:#E6F4F1;--e-global-color-body:#5A5F62;--e-global-color-headline:#172A34;--e-global-color-border:#D6DFE5;--e-global-color-light:transparent;--e-global-color-white:#FFFFFF;--e-global-color-dark:#000000;--e-page-transition-entrance-animation:e-page-transition-fade-out-up;--e-page-transition-animation-duration:200ms;--e-preloader-animation-duration:1500ms;--e-preloader-delay:2000ms;--e-preloader-color:#FFF;--e-preloader-size:20px;--e-preloader-rotate:0deg;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:990px;}.e-con{--container-max-width:990px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:750px;}.e-con{--container-max-width:750px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:570px;}.e-con{--container-max-width:570px;}}/* Start custom CSS *//* ---------------------------------------------------- */
/* --- ESTILO GERAL DO CAMPO DE TELEFONE (INPUT) --- */
/* ---------------------------------------------------- */

/* O principal container que envolve a bandeira/código e o número */
.m-phone-number-input {
    display: flex; /* Garante que a bandeira e o número fiquem lado a lado */
    align-items: stretch; /* Garante que ambos os inputs tenham a mesma altura */
    /* Você pode ajustar a altura se necessário, mas geralmente é definida pelo padding */
}

/* O wrapper da maioria dos inputs (borda, arredondamento) */
.m-input-wrapper {
    border: 1px solid var(--am-c-border-default, #ccc); /* Borda padrão (ajuste a cor se souber a variável Elementor) */
    border-radius: 8px; /* Arredondamento de canto */
    transition: border-color 0.2s ease, box-shadow 0.2s ease; /* Transições suaves */
    padding: 0 10px; /* Padding interno para o conteúdo (ajuste conforme a altura desejada) */
    height: 48px; /* Altura sugerida para um campo 'md' (Elementor padrão) */
    display: flex;
    align-items: center;
}

/* Input do campo (a área de texto) */
.m-input-input {
    /* Reseta estilos básicos do navegador */
    width: 100%;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px; /* Tamanho da fonte */
    color: #000; /* Cor do texto (ajuste) */
}


/* ---------------------------------------------------- */
/* --- ESTILO ESPECÍFICO DO INPUT DE NÚMERO --- */
/* ---------------------------------------------------- */

/* Container do input de número de telefone (é o que tem o flex-1) */
.m-phone-number-input__input {
    flex-grow: 1; /* Permite que ele ocupe o espaço restante */
    margin-left: 5px; /* Pequeno espaçamento entre o código e o número */
}

/* Estilo para a Borda quando o campo está em Foco */
.m-input-wrapper:focus-within {
    border-color: #007bff; /* Cor Primária/Destaque */
    box-shadow: 0 0 0 1px #007bff; /* Sombra de foco sutil */
}

/* ---------------------------------------------------- */
/* --- ESTILO DE ERRO (VISUALIZADO NO SEU CÓDIGO) --- */
/* ---------------------------------------------------- */

/* Aplica a cor de erro à borda do campo com erro */
.m-phone-number-input__input.m-input.--error .m-input-wrapper {
    border-color: #f04438 !important; /* Cor vermelha para Erro */
}

/* ---------------------------------------------------- */
/* --- ESTILO DA BANDEIRA E CÓDIGO DO PAÍS --- */
/* ---------------------------------------------------- */

/* O botão que contém a bandeira */
.m-phone-number-input__country-flag {
    background: none;
    border: none;
    padding: 0;
    margin-right: 5px;
}

/* A bandeira */
.maz-flag {
    width: 24px; /* Largura da bandeira */
    height: 18px; /* Altura da bandeira */
    border: 1px solid #ccc; /* Borda leve na bandeira */
    border-radius: 2px;
}

/* O input do código do país (já que ele é readonly no seu código) */
.m-phone-number-input__select .m-input-wrapper {
    /* Garante que o input do código do país tenha o mesmo estilo de wrapper */
    border-right: none; /* Remove a borda direita para uni-lo ao campo de número, se desejado */
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 0;
    width: 80px; /* Largura fixa para o campo de código (ajuste) */
}

/* O input de código em si (readonly) */
.m-phone-number-input__select .m-input-input {
    text-align: center;
}

/* O ícone de seta (chevron) do dropdown */
.m-select-chevron {
    color: #444; /* Cor da seta (ajuste) */
}

/* ---------------------------------------------------- *//* End custom CSS */