.elementor-18 .elementor-element.elementor-element-223dcfc{--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;}.elementor-18 .elementor-element.elementor-element-223dcfc.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-223dcfc{--width:100%;}}/* Start custom CSS *//* Contenedor principal del formulario */
.wpcf7-form {
padding: 0;
margin: 0;
}

/* Ocultar párrafos automáticos de CF7 que añaden espacios indeseados */
.wpcf7-form p {
margin: 0;
padding: 0;
}

/* Estilo para las etiquetas (Nombre, Email, etc.) /
.wpcf7-form label {
display: block;
margin-bottom: 0.5rem; / 8px /
font-size: 0.875rem; / 14px /
font-weight: 500;
color: var(--text-light); / Texto blanco */
}

/* Estilo para los campos de entrada (input, textarea) /
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-email,
.wpcf7-form-control.wpcf7-textarea {
width: 100%;
padding: 0.75rem; / 12px /
border-radius: 0.375rem; / 6px /
background-color: #ffffff;
color: var(--text-dark);
border: 1px solid #d1d5db; / Borde sutil */
transition: box-shadow 0.2s ease-in-out;
}

/* Estilo al hacer foco en los campos /
.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-email:focus,
.wpcf7-form-control.wpcf7-textarea:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(46, 204, 113, 0.5); / Sombra verde al seleccionar */
border-color: var(--accent);
}

/* Espaciado entre los campos del formulario /
.wpcf7-form .wpcf7-form-control-wrap {
display: block;
margin-bottom: 1.5rem; / 24px */
}

/* Estilo para el botón de enviar /
.wpcf7-form .wpcf7-submit {
width: 100%;
background-color: var(--accent) !important; / Importante para sobreescribir estilos del plugin /
color: var(--text-light) !important;
font-weight: 700;
padding: 0.875rem 1.5rem; / 14px 24px /
border-radius: 0.5rem; / 8px /
font-size: 1.125rem; / 18px */
border: none;
cursor: pointer;
transition: all 0.3s ease;
transform: scale(1);
}

/* Efecto hover para el botón de enviar */
.wpcf7-form .wpcf7-submit:hover {
transform: scale(1.05);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* Estilos para los mensajes de error/éxito (opcional pero recomendado) */
.wpcf7-response-output {
margin: 1rem 0 0 0 !important;
padding: 0.75rem !important;
border-radius: 0.375rem !important;
}/* End custom CSS */