) */
.wpcf7 p,
.wpcf7 form div:not(.disclaimer-links) {
margin: 0 !important;
padding: 0 !important;
}
/* Resetear el margen de la línea de salto de
si CF7 la inserta */
.wpcf7 br {
display: none !important;
}
/* --- ESTILO Y ALINEACIÓN DE TODOS LOS CAMPOS DE ENTRADA (INPUTS Y TEXTAREA) --- */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
background: transparent;
border: 1px solid white;
color: white;
width: 100%;
box-sizing: border-box;
/* Alinear el texto horizontalmente y verticalmente */
text-align: left; /* Asegura la alineación horizontal */
vertical-align: top !important; /* Asegura que el texto inicie arriba (especial para textarea) */
/* PADDING UNIFORME para alinear el texto de todos los campos */
padding-top: 15px !important;
padding-bottom: 15px !important;
padding-left: 20px !important; /* ¡CLAVE! Ajuste a 20px para una separación uniforme. */
padding-right: 20px !important; /* Usaremos 20px para el padding lateral en todos */
/* Espacio reducido entre campos (Aplica margen solo abajo) */
margin-bottom: 10px !important;
margin-top: 0 !important;
/* Estilo del texto placeholder */
font-size: 16px;
line-height: normal; /* Evita que line-height empuje el placeholder */
opacity: 1;
}
/* Asegura que el placeholder del TEXTAREA no tenga un padding diferente al de los inputs */
.wpcf7-form textarea::placeholder {
line-height: normal;
}
/* --- OCULTAR ETIQUETAS (Regla de respaldo) --- */
.wpcf7-form label {
display: block;
margin: 0 !important;
}
/* --- ESTILO DE ENLACES Y CHECKBOX --- */
.disclaimer-links {
margin-top: 15px !important;
margin-bottom: 10px !important;
padding-left: 0 !important; /* Asegura que el enlace no tenga un padding izquierdo */
}
.disclaimer-links a {
color: white;
text-decoration: none;
opacity: 0.8;
}
/* Espacio reducido para el Checkbox (contenedor) */
.wpcf7-form .wpcf7-list-item {
margin: 5px 0 15px 0 !important;
padding-left: 0 !important; /* Asegura la alineación del checkbox */
}
/* --- ESTILO DEL BOTÓN DE ENVÍO Y POSICIONAMIENTO --- */
.submit-row {
margin-top: 15px !important;
text-align: right;
padding-bottom: 0 !important;
}
.send-button {
background: transparent;
border: none;
color: white;
font-size: 1.5em;
cursor: pointer;
}
/* Estilo del fondo (contenedor principal del formulario) */
.wpcf7 {
background-color: #4C7B83; /* El color teal de la imagen */
padding: 30px;
color: white; /* Color del texto */
margin: 0;
}
/* --- REGLAS PARA ELIMINAR EL ESPACIO EXCESIVO --- */
/* Resetear los márgenes de los contenedores por defecto de CF7 (etiquetas
y
) */
.wpcf7 p,
.wpcf7 form div:not(.disclaimer-links) {
margin: 0 !important;
padding: 0 !important;
}
/* Resetear el margen de la línea de salto de
si CF7 la inserta */
.wpcf7 br {
display: none !important;
}
/* --- ESTILO Y ALINEACIÓN DE TODOS LOS CAMPOS DE ENTRADA (INPUTS Y TEXTAREA) --- */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
background: transparent;
border: 1px solid white;
color: white;
width: 100%;
box-sizing: border-box;
/* Alinear el texto horizontalmente y verticalmente */
text-align: left;
vertical-align: top !important;
/* PADDING UNIFORME para alinear el texto de todos los campos */
padding-top: 15px !important;
padding-bottom: 15px !important;
padding-left: 20px !important;
padding-right: 20px !important;
/* Espacio reducido entre campos (Aplica margen solo abajo) */
margin-bottom: 10px !important;
margin-top: 0 !important;
/* Estilo del texto placeholder */
font-size: 16px;
line-height: normal;
opacity: 1;
}
/* Asegura que el placeholder del TEXTAREA no tenga un padding diferente al de los inputs */
.wpcf7-form textarea::placeholder {
line-height: normal;
}
/* --- OCULTAR ETIQUETAS (Regla de respaldo) --- */
.wpcf7-form label {
display: block;
margin: 0 !important;
}
/* --- ESTILO DE ENLACES Y CHECKBOX --- */
.disclaimer-links {
margin-top: 15px !important;
margin-bottom: 10px !important;
padding-left: 0 !important;
}
.disclaimer-links a {
color: white;
text-decoration: none;
opacity: 0.8;
}
/* Espacio reducido para el Checkbox (contenedor) */
.wpcf7-form .wpcf7-list-item {
/* Asegura que el checkbox no use un padding interno que lo desalinee */
padding-left: 0 !important;
margin: 5px 0 15px 0 !important;
}
/* --- ESTILO DEL BOTÓN DE ENVÍO Y POSICIONAMIENTO (CORREGIDO) --- */
.submit-row {
/* CLAVE: Asegura el margen superior para separarlo del checkbox */
margin-top: 15px !important;
/* CLAVE: Alinea todo el contenido del contenedor a la derecha */
text-align: right !important;
/* Elimina cualquier padding inferior que pudiera haber quedado */
padding-bottom: 0 !important;
}
.send-button {
background: transparent;
border: none;
color: white;
font-size: 1.5em;
cursor: pointer;
/* Asegura que el botón no tenga un margen que lo mueva */
margin: 0 !important;
/* Asegura que no tenga padding interno que lo separe de la derecha del form */
padding: 0 !important;
}/* End custom CSS */
/* Start custom CSS for elementskit-contact-form7, class: .elementor-element-9f65eb1 *//* ======================================================= */
/* CSS COMPLETO Y CORREGIDO PARA CONTACT FORM 7 */
/* ======================================================= */
/* --- 1. ESTILO GENERAL DEL CONTENEDOR (FONDO Y TEXTO) --- */
.wpcf7 {
background-color: #4C7B83; /* Color teal del fondo */
padding: 30px; /* Padding original para escritorio */
color: white; /* Color del texto general */
margin: 0;
box-sizing: border-box;
}
/* --- 2. RESET DE ESPACIADO (CLAVE PARA COMPACTAR EL FORMULARIO) --- */
.wpcf7 p,
.wpcf7 form div:not(.disclaimer-links) {
margin: 0 !important;
padding: 0 !important;
}
.wpcf7 br {
display: none !important;
}
/* --- 3. ESTILO Y ALINEACIÓN DE TODOS LOS CAMPOS DE ENTRADA (ESCRITORIO Y MÓVIL) --- */
.wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.wpcf7-form textarea {
background: transparent;
border: 1px solid white;
color: white;
width: 100%;
box-sizing: border-box;
/* Alineación y Espaciado */
text-align: left;
vertical-align: top !important;
margin-bottom: 10px !important;
margin-top: 0 !important;
/* PADDING UNIFORME PARA ALINEACIÓN HORIZONTAL */
padding-top: 15px !important;
padding-bottom: 15px !important;
padding-left: 20px !important;
padding-right: 20px !important;
/* Estilo del texto */
font-size: 16px;
line-height: normal;
opacity: 1;
}
.wpcf7-form textarea::placeholder {
line-height: normal;
}
/* --- 4. OCULTAR ETIQUETAS Y ESTILO DE ENLACES --- */
.wpcf7-form label {
display: block;
margin: 0 !important;
}
.disclaimer-links {
margin-top: 15px !important;
margin-bottom: 10px !important;
padding-left: 0 !important;
}
.disclaimer-links a {
color: white;
text-decoration: none;
opacity: 0.8;
}
/* --- 5. ESTILO Y POSICIONAMIENTO DEL CHECKBOX Y BOTÓN --- */
/* Ajuste del contenedor del Checkbox para que no se separe en dos líneas */
.wpcf7-form .wpcf7-list-item {
padding-left: 0 !important;
margin: 5px 0 15px 0 !important;
/* CLAVE: Añadir espacio blanco y forzar el no-wrap para evitar la doble línea */
white-space: nowrap;
}
/* Permite que el texto se ajuste si es demasiado largo, pero intenta mantenerlo junto */
.wpcf7-form .wpcf7-list-item-label {
white-space: normal;
}
/* POSICIONAMIENTO DEL BOTÓN A LA DERECHA */
.submit-row {
margin-top: 15px !important;
text-align: right !important;
padding-bottom: 0 !important;
}
.send-button {
background: transparent;
border: none;
color: white;
font-size: 1.5em;
cursor: pointer;
margin: 0 !important;
padding: 0 !important;
}
/* ======================================================= */
/* --- 6. MEDIA QUERY PARA MÓVILES (SOLUCIÓN DEL PROBLEMA DE ESTRECHEZ) --- */
/* Aplica estos estilos cuando el ancho de la pantalla sea menor o igual a 600px */
/* Puedes ajustar 600px a lo que mejor funcione para tu diseño móvil */
@media (max-width: 600px) {
/* Reduce el padding general del formulario para dar más espacio a los campos */
.wpcf7 {
padding: 15px !important; /* Reducido de 30px a 15px */
}
/* Opcional: Reduce el padding interno de los campos para que se vean más compactos */
.wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.wpcf7-form textarea {
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-left: 15px !important; /* Ligeramente reducido para móvil */
padding-right: 15px !important;
font-size: 14px; /* Opcional: Letra un poco más pequeña */
}
/* Asegura que el botón se mantenga visible y bien espaciado */
.submit-row {
margin-top: 10px !important;
}
}/* End custom CSS */