[pms_register toggle_show=”on” _builder_version=”4.25.2″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” custom_css_free_form=”/* 1. Efeito de fundo leve no formulário */||selector {|| background-color: #1a1a1a; /* Escuro, mas um pouco mais claro que o fundo */|| padding: 30px;|| border-radius: 8px;|| max-width: 600px; /* Limita a largura do formulário */|| margin: 40px auto; /* Centraliza o formulário na página */|| box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);||}||||/* 2. Estilo dos Campos de Input de Texto e E-mail */||selector input%91type=%22text%22%93,||selector input%91type=%22email%22%93,||selector input%91type=%22password%22%93 {|| width: 100%; /* Ocupa a largura total */|| padding: 12px 15px;|| margin-bottom: 20px; /* Espaço entre campos */|| border: 1px solid #444;|| border-radius: 4px;|| background-color: #2a2a2a; /* Fundo do input mais escuro */|| color: #fff; /* Cor do texto no input */|| font-size: 16px;|| transition: border-color 0.3s, box-shadow 0.3s;||}||||selector input:focus {|| border-color: #ff69b4; /* Rosa choque no foco */|| outline: none;|| box-shadow: 0 0 0 2px rgba(255, 105, 180, 0.4);||}||||/* 3. Estilo da Seção de Planos (Radio Buttons) */||/* Se este bloco for o formulário inteiro, use o seletor para estilizar elementos internos */||selector label {|| display: block; /* Cada label em uma nova linha */|| margin-bottom: 12px;|| font-size: 16px;|| color: #ccc;|| cursor: pointer;|| padding: 8px 0;|| transition: color 0.2s;||}||||/* Estilo para os Radio Buttons (o círculo de seleção) */||selector input%91type=%22radio%22%93,||selector input%91type=%22checkbox%22%93 {|| appearance: none;|| -webkit-appearance: none;|| width: 20px;|| height: 20px;|| border: 2px solid #666;|| border-radius: 50%;|| margin-right: 10px;|| vertical-align: middle;|| position: relative;|| cursor: pointer;|| transition: border-color 0.3s;||}||||/* O %22Ponto%22 dentro do Radio Button quando selecionado */||selector input%91type=%22radio%22%93:checked:before {|| content: ”;|| display: block;|| width: 10px;|| height: 10px;|| background: #ff69b4; /* Rosa choque */|| border-radius: 50%;|| position: absolute;|| top: 50%;|| left: 50%;|| transform: translate(-50%, -50%);||}||||selector input%91type=%22radio%22%93:checked {|| border-color: #ff69b4;||}||||/* 4. Estilo do Botão Rosa Choque */||/* Usa a classe comum de botão do Divi (et_pb_contact_submit) e o seletor padrão */||.et_pb_contact_submit,||selector input%91type=%22submit%22%93,||selector button%91type=%22submit%22%93 {|| background-color: #ff1493 !important; /* Rosa Choque forte */|| color: #fff !important;|| border: none !important;|| padding: 15px 30px !important;|| font-size: 18px !important;|| font-weight: bold !important;|| border-radius: 6px !important;|| cursor: pointer !important;|| transition: background-color 0.3s, transform 0.3s !important;|| text-transform: uppercase !important;|| width: 100%;|| margin-top: 25px;||}||||.et_pb_contact_submit:hover,||selector input%91type=%22submit%22%93:hover,||selector button%91type=%22submit%22%93:hover {|| background-color: #ff69b4 !important;|| transform: translateY(-2px);||}||||/* AJUSTES ESPECÍFICOS PARA TELAS PEQUENAS (MOBILE) */||@media (max-width: 600px) {|||| /* Diminui o padding (espaçamento interno) do formulário principal no celular */|| selector {|| padding: 20px 15px !important; /* Mais apertado nas laterais para dar espaço ao conteúdo */|| max-width: 100% !important; /* Garante que o formulário ocupe o espaço disponível */|| margin: 15px auto !important; /* Diminui a margem externa */|| }|||| /* Ajuste fino nas labels dos planos para garantir que tudo caiba */|| selector label {|| font-size: 15px !important; /* Letra um pouco menor */|| line-height: 1.4 !important; /* Espaçamento entre linhas */|| padding: 5px 0 !important;|| /* Garante que o texto se ajuste sem quebrar a linha de forma estranha */|| word-break: break-word;|| }|| || /* Garante que o botão e os inputs ocupem a largura total */|| selector input%91type=%22text%22%93,|| selector input%91type=%22email%22%93,|| selector input%91type=%22password%22%93,|| selector .et_pb_contact_submit {|| /* Reafirma a largura total para evitar problemas de layout */|| width: 100% !important;|| /* Diminui o padding do botão para economizar espaço */|| padding: 12px 20px !important;|| }|| || /* Ajusta o tamanho do Radio/Checkbox se for necessário (20px já é um bom tamanho) */|| selector input%91type=%22radio%22%93,|| selector input%91type=%22checkbox%22%93 {|| width: 18px !important;|| height: 18px !important;|| margin-right: 8px !important;|| vertical-align: middle;|| }||}” sticky_enabled=”0″ width=”67%” custom_padding=”|||10px||”][/pms_register]

• Seguir
• Seguir
• Seguir