.elementor-77 .elementor-element.elementor-element-ac5e86b{--display:flex;--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;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-77 .elementor-element.elementor-element-ac5e86b:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-ac5e86b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-77 .elementor-element.elementor-element-ac5e86b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-77 .elementor-element.elementor-element-a3dd7e6{text-align:center;}.elementor-77 .elementor-element.elementor-element-a3dd7e6 .elementor-heading-title{font-family:"Dela Gothic One", Sans-serif;font-weight:300;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-77 .elementor-element.elementor-element-ed7dd3c{text-align:center;font-family:"Lemonada", Sans-serif;font-size:16px;font-weight:200;font-style:normal;color:var( --e-global-color-text );}.elementor-77 .elementor-element.elementor-element-f38da0f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-77 .elementor-element.elementor-element-f38da0f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-77 .elementor-element.elementor-element-2eae9ba{width:var( --container-widget-width, 102.476% );max-width:102.476%;--container-widget-width:102.476%;--container-widget-flex-grow:0;}.elementor-77 .elementor-element.elementor-element-2eae9ba.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-77 .elementor-element.elementor-element-a3dd7e6 .elementor-heading-title{line-height:1.2em;letter-spacing:1px;}}@media(min-width:768px){.elementor-77 .elementor-element.elementor-element-ac5e86b{--width:109.59%;}.elementor-77 .elementor-element.elementor-element-f38da0f{--width:100.574%;}}/* Start custom CSS for shortcode, class: .elementor-element-2eae9ba */@import url('https://fonts.googleapis.com/css2?family=Gothic+One&family=Lemonada:wght@300;400;700&display=swap');
    
    /* Estilo para o título das perguntas */
    .wpforms-field-label {
        font-family: 'Lemonada', cursive !important;   
        font-weight: 600 !important; /* Peso aumentado apenas para os títulos */
        font-size: 20px !important;
        color: #FD017F !important;
        text-align: center !important; /* Centraliza o título */
        margin-bottom: 20px !important; /* Espaçamento maior abaixo do título */
    }
    
    /* Estilo para as opções (respostas) */
    .wpforms-field-radio label,
    .wpforms-field-checkbox label {
        display: block !important; /* Garante que cada opção ocupe uma linha */
        width: 100% !important; /* Faz com que as caixas fiquem do mesmo tamanho */
        max-width: 400px !important; /* Define um limite de largura */
        margin: 10px auto !important; /* Centraliza horizontalmente as caixas */
        font-family: 'Lemonada', cursive !important;
        font-weight: 300 !important; /* Peso mais fino para as opções */
        font-size: 1rem !important;
        line-height: 1.8 !important; /* Aumentando o espaçamento entre linhas */
        background-color: #FFE4EC !important;
        color: #FD017F !important;
        border: 1px solid #FD017F !important;
        border-radius: 5px !important;
        padding: 10px 20px !important;
        text-align: center !important; /* Centraliza o texto */
        transition: all 0.3s ease !important;
        cursor: pointer !important;
    }
    
    /* Remover as bolinhas das opções */
    .wpforms-field-radio input,
    .wpforms-field-checkbox input {
        display: none !important;
    }
    
    /* Hover nos botões */
    .wpforms-field-radio label:hover,
    .wpforms-field-checkbox label:hover {
        background-color: #FD017F !important;
        color: #FFF !important;
        transform: scale(1.05) !important;
    }
    
    /* Botão ativo com animação */
    .wpforms-field-radio input:checked + label,
    .wpforms-field-checkbox input:checked + label {
        background-color: #FD017F !important;
        color: #FFF !important;
        animation: selectedAnimation 0.3s ease-in-out !important; /* Animação ao selecionar */
    }
    
    /* Definição da animação para botão ativo */
    @keyframes selectedAnimation {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }
    
    /* Estilo para o botão de envio */
    .wpforms-submit {
        font-family: 'Lemonada', cursive !important;
        font-weight: 700 !important; /* Título do botão mais pesado */
        font-size: 1.2rem !important;
        background-color: #FD017F !important;
        color: #FFF !important;
        border: none !important;
        border-radius: 20px !important;
        padding: 15px 30px !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        margin-top: 20px !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important; /* Centraliza o botão de envio */
    }
    
    /* Hover no botão de envio */
    .wpforms-submit:hover {
        background-color: #C00063 !important;
        transform: translateY(-3px) !important;
    }
    
    /* Espaçamento geral entre os campos */
    .wpforms-field {
        margin-bottom: 30px !important; /* Espaçamento maior entre os campos */
        text-align: center !important; /* Centraliza todo o conteúdo */
    }
    
    /* Centralizar o campo de "Outro" */
    .wpforms-field-text input,
    .wpforms-field-textarea textarea {
        display: block !important; /* Faz o campo ocupar a linha toda */
        width: 100% !important; /* Faz o campo ter largura total */
        max-width: 400px !important; /* Define um limite de largura */
        margin: 10px auto !important; /* Centraliza o campo horizontalmente */
        text-align: center !important; /* Centraliza o texto dentro do campo */
        padding: 10px !important;
        border: 1px solid #FD017F !important;
        border-radius: 50px !important;
    }
    
    /* Alinhamento geral */
    .wpforms-container {
        text-align: center !important; /* Centraliza o contêiner */
    }
    /* Estilo para o contêiner da questão */
    .wpforms-field-checkbox.orientation-question.wpforms-list-inline {
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important; /* Permite que as opções quebrem em telas menores */
        gap: 20px !important; /* Espaçamento entre as opções */
        list-style: none !important; /* Remove os marcadores da lista */
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Estilo para cada item da lista */
    .wpforms-field-checkbox.orientation-question.wpforms-list-inline li {
        display: flex !important;
        flex-direction: column !important; /* Texto abaixo do círculo */
        align-items: center !important;
        cursor: pointer !important;
        text-align: center !important;
    }
    
    /* Esconde os inputs */
    .wpforms-field-checkbox.orientation-question.wpforms-list-inline input {
        display: none !important;
    }
    
    /* Estilo para os círculos */
    .wpforms-field-checkbox.orientation-question.wpforms-list-inline li::before {
        content: '' !important;
        display: block !important;
        width: 70px !important;
        height: 70px !important;
        border-radius: 50% !important;
        border:1px solid #FD017F !important;
        margin-bottom: 10px !important;
        transition: transform 0.3s ease, border-color 0.3s ease !important;
    }
    
    /* Hover e seleção */
    .wpforms-field-checkbox.orientation-question.wpforms-list-inline li:hover::before {
        transform: scale(1.1) !important;
        border-color: #C00063 !important;
    }
    
    .wpforms-field-checkbox.orientation-question.wpforms-list-inline input:checked + label::before {
        transform: scale(1.2) !important;
        border-color: #C00063 !important;
        box-shadow: 0 4px 10px rgba(192, 0, 99, 0.5) !important;
    }
    
    /* Texto abaixo dos círculos */
    .wpforms-field-checkbox.orientation-question.wpforms-list-inline label {
        font-family: 'Lemonada', cursive !important;
        font-size: 1rem !important;
        color: #FD017F !important;
        text-align: center !important;
        transition: color 0.3s ease !important;
    }
    
    /* Hover do texto */
    .wpforms-field-checkbox.orientation-question.wpforms-list-inline li:hover label {
        color: #fff !important; /* Letras brancas no hover */
    }
    /* Estilo quando o item está selecionado */
.wpforms-field-checkbox.orientation-question.wpforms-list-inline input:checked + label {
    color: #fff !important; /* Texto branco quando selecionado */
}

.wpforms-field-checkbox.orientation-question.wpforms-list-inline input:checked + label::before {
    background-color: #C00063 !important; /* Fundo rosa escuro */
    border-color: #C00063 !important; /* Borda igual ao fundo */
    color: #fff !important; /* Garante que o texto fique visível */
}

    /* Bandeiras na ordem dos itens */
    
    /* Heterossexual - primeira opção */
    .wpforms-field-checkbox.orientation-question.wpforms-list-inline li:nth-child(1)::before {
        background: linear-gradient(to bottom, #FFF 50%, #000 50%) !important;
    }
    
    /* Homossexual - segunda opção */
    .wpforms-field-checkbox.orientation-question.wpforms-list-inline li:nth-child(2)::before {
        background: linear-gradient(to bottom, #FF0000 14.28%, #FF7F00 14.28%, #FFFF00 28.56%, #00FF00 28.56%, #0000FF 42.84%, #4B0082 57.12%, #9400D3 71.4%) !important;
    }
    
    /* Bissexual - terceira opção */
    .wpforms-field-checkbox.orientation-question.wpforms-list-inline li:nth-child(3)::before {
        background: linear-gradient(to bottom, #D60270 33.33%, #9B4F96 33.33%, #9B4F96 66.66%, #0038A8 66.66%) !important;
    }
    
    /* Pansexual - quarta opção */
    .wpforms-field-checkbox.orientation-question.wpforms-list-inline li:nth-child(4)::before {
        background: linear-gradient(to bottom, #FF1B8D 33.33%, #FFD700 33.33%, #FFD700 66.66%, #1BB3FF 66.66%) !important;
    }
    
    /* Assexual - quinta opção */
    .wpforms-field-checkbox.orientation-question.wpforms-list-inline li:nth-child(5)::before {
        background: linear-gradient(to bottom, #000 25%, #A3A3A3 25%, #A3A3A3 50%, #FFF 50%, #FFF 75%, #800080 75%) !important;
    }
    
    /* Queer - sexta opção */
    .wpforms-field-checkbox.orientation-question.wpforms-list-inline li:nth-child(6)::before {
        background: linear-gradient(to bottom, #B57EDC 33.33%, #FFF 33.33%, #FFF 66.66%, #008000 66.66%) !important;
    }
    
    /* Outro - sétima opção */
    .wpforms-field-checkbox.orientation-question.wpforms-list-inline li:nth-child(7)::before {
        background: #E0E0E0 !important;
        border: 2px dashed #FD017F !important;
    }
    .orientation-question.wpforms-list-inline li:hover label {
        color: #FFF !important;
    }
    /* Alinhamento em 2 por linha, corrigindo o layout */
    .wpforms-field-checkbox.orientation-question.wpforms-list-inline {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important; /* Centraliza as opções */
        gap: 20px !important; /* Espaçamento horizontal e vertical entre as opções */
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Estilo individual das opções, garantindo proporção adequada */
    .wpforms-field-checkbox.orientation-question.wpforms-list-inline li {
        width: calc(50% - 20px) !important; /* Duas opções por linha com espaçamento */
        box-sizing: border-box !important;
        text-align: center !important;
    }
    
    /* Espaçamento entre as questões */
    .wpforms-field {
        margin-bottom: 60px !important; /* Aumenta o espaço entre as perguntas */
        text-align: center !important; /* Centraliza todo o conteúdo */
    }
    /* Aumentar o espaçamento entre as linhas das perguntas */
    .wpforms-field-label {
        line-height: 2 !important; /* Aumenta a altura da linha */
        margin-bottom: 30px !important; /* Aumenta o espaço abaixo do título */
    }
    /* Ajustes específicos para dispositivos móveis */
    @media (max-width: 768px) {
        /* Questão com círculos (orientação sexual) */
        .wpforms-field-checkbox.orientation-question.wpforms-list-inline {
            flex-direction: column !important; /* Empilhar opções verticalmente */
            gap: 10px !important; /* Reduz o espaçamento entre os itens */
        }
        .wpforms-field-checkbox.orientation-question.wpforms-list-inline li {
            width: 100% !important; /* Cada item ocupa 100% da largura */
            text-align: center !important;
        }
    /* Centralizar todos os campos do formulário */
    .wpforms-field {
        max-width: 800px !important; /* Largura máxima */
        margin: 0 auto !important; /* Centraliza horizontalmente */
        text-align: center !important; /* Centraliza o conteúdo */
        padding: 10px !important; /* Adiciona espaçamento interno */
        box-sizing: border-box !important; /* Inclui bordas no tamanho */
    }
    /* Ajuste específico para questões desalinhadas */
    .wpforms-field.wpforms-list-inline {
        display: flex !important; /* Usa flexbox */
        justify-content: center !important; /* Centraliza horizontalmente */
        flex-wrap: wrap !important; /* Permite quebra em linhas */
        gap: 20px !important; /* Espaçamento entre as opções */
        max-width: 800px !important; /* Largura máxima centralizada */
        margin: 0 auto !important; /* Centraliza o container */
    }
    @media (max-width: 768px) {
        .wpforms-field {
            width: 100% !important; /* Ocupa toda a largura disponível */
        }
        .wpforms-field.wpforms-list-inline {
            flex-direction: column !important; /* Empilha verticalmente no celular */
            gap: 10px !important; /* Reduz o espaçamento entre opções */
        }
    }
    /* Ajuste para contêineres das páginas do formulário */
    .wpforms-page {
        max-width: 800px !important; /* Largura máxima centralizada */
        margin: 0 auto !important; /* Centraliza horizontalmente */
        text-align: center !important; /* Centraliza o conteúdo */
        padding: 20px !important; /* Adiciona espaçamento interno */
        box-sizing: border-box !important; /* Inclui bordas no tamanho */
    }
    /* Centralizar os campos dentro das páginas */
    .wpforms-page .wpforms-field {
        max-width: 800px !important; /* Define largura máxima */
        margin: 0 auto !important; /* Centraliza os campos */
        text-align: center !important; /* Centraliza o texto */
        padding: 10px !important; /* Adiciona espaçamento interno */
    }
        /* Centralizar os botões Next e Previous */
    .wpforms-page button.wpforms-page-button {
        display: block !important; /* Garante que ocupem uma linha */
        margin: 20px auto !important; /* Centraliza horizontalmente */
        padding: 10px 20px !important; /* Espaçamento interno */
        font-size: 16px !important; /* Ajusta o tamanho da fonte */
        background-color: #FD017F !important; /* Cor de fundo */
        color: #FFF !important; /* Cor do texto */
        border: none !important; /* Remove a borda padrão */
        border-radius: 5px !important; /* Bordas arredondadas */
        cursor: pointer !important; /* Mostra o cursor de clique */
        text-align: center !important; /* Centraliza o texto no botão */
    }/* End custom CSS */