form br{ display: none; } form{ color: #67737D !important; font-family: "flamabook", sans-serif; font-size: 0.875rem; letter-spacing: 0; line-height: 1.5rem; margin-bottom: 0; text-transform: initial; } form a{ background: none; color: #D52B1E; cursor: pointer; text-decoration: none; font-family: "flamabook", sans-serif; font-size: 0.875rem; letter-spacing: 0; line-height: 1.5rem; margin-bottom: 0; } .asterisco { color: #D52B1D; } form input[type="text"], form input[type="email"], form input[type="tel"], form textarea, form select { background: #fff; border: 1px solid #D2D0CD; display: block; min-height: 40px; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; width: 100%; padding-left: 18px !important; border-radius: 3px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #6C6F70; margin-bottom: 24px; outline: none !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; } form input[type="text"]:focus, form input[type="email"]:focus, form input[type="tel"]:focus, form textarea:focus, form select:focus, form input[type="text"]:active, form input[type="email"]:active, form input[type="tel"]:active, form textarea:active, form select:active{ border-color: #66afe9 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(102, 175, 233, 0.6) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(102, 175, 233, 0.6) !important; } form input[type="checkbox"]{ border-radius: 2px; height: 22px; border-color: #D2D0CD; opacity: 0.8; width: 22px; border: 1px solid #D2D0CD; color: #D2D0CD; text-align: center; background: #fff; margin-bottom: 0; } form select{ -webkit-tap-highlight-color: transparent; background: url(https://www.cepsa.es/recursos_comercial/images/icons/angle-double-vertical.svg) calc(100% - 15px) 50% no-repeat; background-color: #fff; background-size: 13px auto; border-color: #c2c7cc; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; color: #85898C; cursor: pointer; font-family: "flamabook", sans-serif; font-size: 0.875rem; font-weight: normal; line-height: 1.25rem; padding-right: 35px; position: relative; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; /* Para navegadores basados en WebKit como Chrome y Safari */ -moz-appearance: none; /* Para navegadores basados en Mozilla Firefox */ appearance: none; /* Para navegadores modernos */ white-space: nowrap; } form input::placeholder{ font-size: 14px; line-height: 1.42857143; color: #999; } form label { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem!important; font-weight: normal!important; line-height: 1rem !important; margin-bottom: 0.5rem !important; text-transform: uppercase; } .checkboxlabel{ padding-left: 8px; color: #67737D !important; font-family: "flamabook", sans-serif; font-size: 0.875rem; letter-spacing: 0; line-height: 1.5rem; margin-bottom: 0; text-transform: initial; } .checkboxdiv{ display: flex; align-items: center; margin-bottom: 24px } form button{ background: #D52B1E; color: #fff; border: 1px solid #D52B1E; position: relative; display: inline-block; padding: 11px 20px 11px !important; overflow: hidden; vertical-align: middle; z-index: 1; cursor: pointer; font: 500 14px / 26px "flamabasic", sans-serif !important; text-align: center; text-transform: uppercase; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; white-space: nowrap; width: 100%; margin-top: 16px; border-radius: 0 !important; font-weight: 400 !important; } form button.disabled{ opacity: 0.3 !important; cursor: default; pointer-events: none; } Nombre/empresa*
Teléfono*
Email*
Provincia* --Selecciona-- 01 Álava 02 Albacete 03 Alicante 04 Almería 05 Ávila 06 Badajoz 07 Baleares 08 Barcelona 09 Burgos 10 Cáceres 11 Cádiz 12 Castellón 13 Ciudad Real 14 Córdoba 15 La Coruña 16 Cuenca 17 Gerona 18 Granada 19 Guadalajara 20 Guipúzcoa 21 Huelva 22 Huesca 23 Jaén 24 León 25 Lérida 26 La Rioja 27 Lugo 28 Madrid 29 Málaga 30 Murcia 31 Navarra 32 Orense 33 Asturias 34 Palencia 35 Las Palmas 36 Pontevedra 37 Salamanca 38 Sta.Cruz Tenerife 39 Cantabria 40 Segovia 41 Sevilla 42 Soria 43 Tarragona 44 Teruel 45 Toledo 46 Valencia 47 Valladolid 48 Vizcaya 49 Zamora 50 Zaragoza 51 Ceuta 52 Melilla ENVIAR function habilitarBoton() { var nombre = document.getElementById('m_name').value; var telefono = document.getElementById('m_phone').value; var email = document.getElementById('m_email').value; var provincia = document.getElementById('m_00N1v00000TFBSD').value; var checkbox = document.querySelector('.checkboxdiv input[type="checkbox"]'); var boton = document.querySelector('.btn-salesforce'); if (nombre !== '' && telefono !== '' && email !== '' && provincia !== '' && checkbox.checked) { boton.classList.remove('disabled'); } else { boton.classList.add('disabled'); } } // Llamamos a la función cada vez que se cambia un valor en los campos var campos = document.querySelectorAll('input, select'); for (var i = 0; i < campos.length; i++) { campos[i].addEventListener('change', habilitarBoton); } // Llamamos a la función también cuando se hace clic en el checkbox var checkbox = document.querySelector('.checkboxdiv input[type="checkbox"]'); checkbox.addEventListener('change', habilitarBoton);