.elementor-750 .elementor-element.elementor-element-76fa024{--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-750 .elementor-element.elementor-element-5e57676{--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;}/* Start custom CSS for shortcode, class: .elementor-element-6fc8092 *//* Estilos básicos del formulario */
.wpcf7-form {
    max-width: 600px; /* Establece el ancho máximo del formulario */
    margin: 0 auto; /* Centra el formulario horizontalmente */
    padding: 20px; /* Añade espacio interno alrededor del contenido del formulario */
    background: linear-gradient(135deg, #007aff, #0052cc); /* Fondo degradado en azul más oscuro y brillante */
    border-radius: 10px; /* Redondea las esquinas del contenedor del formulario */
    box-shadow: 0 2px 15px rgba(0, 122, 255, 0.8); /* Aplica una sombra 3D alrededor del formulario */
    color: #fff; /* Establece el color del texto en blanco */
    transition: transform 0.3s, box-shadow 0.3s; /* Transición suave para el efecto flotante */
}

.wpcf7-form:hover {
    transform: translateY(-5px); /* Efecto de elevación al pasar el mouse */
    box-shadow: 0 4px 20px rgba(0, 122, 255, 1); /* Sombra más intensa al pasar el mouse */
}

/* Campos de entrada */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
    background-color: white; /* Establece el fondo blanco para los campos de entrada */
    border: 2px solid #00bcd4; /* Aplica un borde turquesa (#00bcd4) a los campos de entrada */
    border-radius: 10px; /* Redondea las esquinas de los campos de entrada */
    padding: 10px; /* Añade espacio interno en los campos de entrada */
    width: 100%; /* Establece que los campos ocupen el 80% del ancho del contenedor del formulario */
    box-sizing: border-box; /* Incluye el padding y el borde en el cálculo del ancho total */
    margin-bottom: 20px; /* Añade un margen inferior para separar los campos de entrada */
    font-size: 16px; /* Establece el tamaño de la fuente en los campos de entrada */
    transition: all 0.3s ease; /* Define una transición suave para los cambios en los campos de entrada */
}

/* Efecto hover en campos de entrada */
.wpcf7-form input[type="text"]:hover,
.wpcf7-form input[type="email"]:hover,
.wpcf7-form textarea:hover {
    background-color: #4cecff; /* Cambia el fondo a un color azul claro (#4cecff) al pasar el cursor */
    box-shadow: 0 0 5px #4cecff, 0 0 10px #4cecff; /* Aplica un efecto fosforescente con el color #4cecff */
}

/* Estilos del botón de envío */
.wpcf7-form input[type="submit"] {
    background: #0693e3; /* Fondo azul del botón */
    color: #fff; /* Texto en blanco */
    padding: 10px 20px; /* Espacio interno en el botón */
    border: none; /* Sin borde visible */
    border-radius: 5px; /* Redondea las esquinas del botón */
    cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
    transition: background 0.3s, box-shadow 0.3s; /* Transición suave para el fondo */
    box-shadow: 0 2px 10px rgba(6, 147, 227, 0.6); /* Sombra fluorescente en el botón */
}

/* Efecto hover en el botón de envío */
.wpcf7-form input[type="submit"]:hover {
    background: rgba(6, 147, 227, 0.8); /* Fondo azul más oscuro con opacidad al pasar el mouse */
    box-shadow: 0 4px 15px rgba(6, 147, 227, 1); /* Sombra más intensa al pasar el mouse */
}

/* Estilos de las etiquetas */
.wpcf7-form label {
    display: block; /* Hace que las etiquetas se comporten como bloques */
    margin: 10px 0 5px; /* Añade un margen superior de 10px y un margen inferior de 5px */
    font-weight: bold; /* Aplica negrita al texto de las etiquetas */
    color: #fff; /* Establece el color del texto en blanco */
}

/* Estilos para los placeholders */
.wpcf7-form ::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Color del texto del placeholder en blanco con opacidad */
}/* End custom CSS */