First Name
Last Name
Email
Company
Comments
<style type="text/css"> /* Contenedor principal del form */ form.form { display: flex !important; flex-wrap: wrap !important; width: 100% !important; margin: 20px 0 !important; padding: 0 !important; background: transparent !important; } /* Ajuste de los párrafos que contienen campos */ form.form p { font-family: 'Montserrat', sans-serif !important; margin: 10px 2.5% !important; /* Margen lateral para el 45% */ width: 45% !important; display: flex !important; flex-direction: column !important; } /* Labels */ form.form p label { font-size: 14px !important; color: #002a3a !important; font-weight: 600 !important; margin-bottom: 5px !important; text-align: left !important; /* Alineado a la izquierda se ve más profesional en banners */ } /* Inputs y Selects */ form.form p input.text, form.form p select, form.form p textarea { background: #f7f9fa !important; border: solid 1px #e3e6e8 !important; border-radius: 8px !important; padding: 10px !important; width: 100% !important; box-sizing: border-box !important; } /* Botón Submit - Ocupa el 100% del ancho del contenedor del botón */ form.form p.submit { width: 100% !important; margin-top: 20px !important; text-align: center !important; } form.form p.submit input { background: #002a3a !important; color: #ffffff !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; border-radius: 25px !important; padding: 15px 35px !important; cursor: pointer !important; border: none !important; transition: all 0.3s ease !important; } form.form p.submit input:hover { background: #349ed8 !important; } /* Responsive para móvil: campos al 100% */ @media (max-width: 600px) { form.form p { width: 95% !important; margin: 10px auto !important; } } </style>
