@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/* Estilo Geral (Corpo do Formulário) */
body.web-to-lead {
    font-family: "DM Sans", sans-serif;
}

/* Ocultar Mensagens de Erro */
body.web-to-lead .text-danger {
    display: none;
}

/* Campos de Input e Textarea */
body.web-to-lead .form-group input, 
body.web-to-lead .form-group textarea {
    display: inline-block;
    height: 50px;
    box-sizing: border-box;
    background-color: rgb(248, 248, 248);
    border: 1px solid rgb(255, 255, 255); 
    outline: none; 
    color: rgb(118, 118, 118);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    cursor: text;
    transition: all 0.3s ease-out;
}

/* Sobrescrita Específica para Textarea */
body.web-to-lead .form-group textarea {
    width: 100%;
    height: 130px;
}

/* Estilo do Título do Formulário */
body.web-to-lead .crm-form-title {
    font-family: 'Outfit', sans-serif;
    font-size: 48px !important; /* Use !important com cautela, mas necessário para sobrescrever */
    font-weight: 700 !important;
}

/* Estilo do Botão de Envio */
body.web-to-lead #form_submit {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    padding: 16.5px 33.4px;
    box-sizing: border-box;
    position: relative;
    z-index: 5;
    border: none;
    outline: none;
    cursor: pointer;
    color: rgb(255, 255, 255);
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    text-align: center;
    line-height: 23px;
    transition: all 0.3s ease-out;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}

body.web-to-lead a {
    color: rgb(255, 167, 17);
}

.full-size {
    width: 100%!important;
}

.subtitle-text {
    color: rgb(255, 167, 17);
    font-family: 'Outfit', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px!important;
    display: inline;
}

.col-md-2 {
    display: none;
}

/**/
[class~="2302844929de4775f778174efd2b58f7"] {
    font-family: 'Outfit', sans-serif!important;
}

[class~="2302844929de4775f778174efd2b58f7"] input[type="text"], [class~="2302844929de4775f778174efd2b58f7"] input[type="email"]{
  border-color: orange!important;
}

[class~="2302844929de4775f778174efd2b58f7"] #form_submit {
    width: 100%;
}

[class~="2302844929de4775f778174efd2b58f7"] input::file-selector-button {
    font-family: 'Outfit', sans-serif!important;
    font-weight: 600;
    background-color: rgb(255, 167, 17);
    color: black;
    border: 0px;
    padding: 10px 20px;
    cursor: pointer;
}

[class~="2302844929de4775f778174efd2b58f7"] .row {
  display: flex;
  flex-wrap: wrap;
}

[class~="2302844929de4775f778174efd2b58f7"].row > .col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
  box-sizing: border-box;
}

[class~="2302844929de4775f778174efd2b58f7"] .row > .col-md-12 {
  flex: 0 0 100%;
  max-width: 100%;
  box-sizing: border-box;
}