.elementor-300 .elementor-element.elementor-element-5590006{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:110px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-300 .elementor-element.elementor-element-d14937d{--display:flex;}.elementor-300 .elementor-element.elementor-element-d779d74{text-align:center;}.elementor-300 .elementor-element.elementor-element-d779d74 .elementor-heading-title{color:#FFFFFF;}.elementor-300 .elementor-element.elementor-element-1d51f85{--display:flex;}.elementor-300 .elementor-element.elementor-element-afb13f6{--display:flex;}.elementor-300 .elementor-element.elementor-element-ebef335{text-align:center;}.elementor-300 .elementor-element.elementor-element-ebef335 .elementor-heading-title{color:#FFFFFF;}.elementor-300 .elementor-element.elementor-element-bd56616{--display:flex;}.elementor-300 .elementor-element.elementor-element-1984654{text-align:center;}.elementor-300 .elementor-element.elementor-element-3329962{--display:flex;}.elementor-300 .elementor-element.elementor-element-3f5b4c6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-303418f */#tu-contenedor {
    background-color: rgba(255, 255, 255, 0.2); /* Blanco con 80% de transparencia */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Sombra sutil para el efecto 3D */
    border-radius: 8px; /* Bordes redondeados para suavizar el contorno */
    padding: 20px; /* Ajusta el relleno si es necesario */
    transition: all 0.3s ease; /* Suaviza las transiciones para cambios en el contenedor */
}

#tu-contenedor:hover {
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3); /* Aumenta la sombra al pasar el mouse */
    transform: translateY(-5px); /* Levanta el contenedor al pasar el mouse */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c8f9a28 *//* Estilo principal del formulario */
.wpcf7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/* Contenedor para las filas de dos campos */
.wpcf7 .form-row {
    display: flex;
    flex-wrap: wrap; /* Permite ajustar los campos en pantallas pequeñas */
    justify-content: space-between;
    width: 100%;
    margin: 10px 0; /* Espaciado entre las filas */
}

/* Estilo para cada campo dentro de las filas */
.wpcf7 .form-row > div {
    width: 48%; /* Cada campo ocupa el 48% del ancho */
    margin: 0 1%; /* Margen entre los campos */
}

/* Estilo para campos de entrada, select y textarea */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 select,
.wpcf7 textarea,
.wpcf7 .wpcf7-submit {
    width: 100%; /* Ancho completo */
    padding: 10px;
    font-size: 16px; /* Ajuste del tamaño de fuente */
    border: 1px solid #ccc; /* Borde gris claro */
    border-radius: 5px; /* Bordes redondeados */
}

/* Estilo para las etiquetas */
.wpcf7 label {
    font-size: 14px;
    margin-bottom: 5px;
    text-align: left; /* Alineación de las etiquetas */
    width: 100%;
    color: black; /* Color blanco para las etiquetas */
}

/* Estilo del botón de envío */
.wpcf7 .wpcf7-submit {
    background-color: #0073e6; /* Color de fondo azul */
    color: white; /* Color del texto */
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    border: none;
    padding: 15px 30px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    margin-top: 20px; /* Margen superior */
}

/* Botón de envío centrado */
.wpcf7 .wpcf7-submit:hover {
    background-color: #005bb5; /* Cambia el color al pasar el cursor */
}

/* Estilo para el área de mensaje (textarea) */
.wpcf7 textarea {
    min-height: 120px;
    resize: vertical;
}

/* Ajustes de accesibilidad */
.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
    border-color: #0073e6; /* Resalta con borde azul */
    outline: none;
}
/* Estilo para el campo de Phone Number */
/* Estilo para el label del Phone Number */
.wpcf7 label[for="phonetext-450"] {
    color: black; /* Cambia el color del texto del label a negro */
}

/* Estilo para el campo de Phone Number */
.wpcf7 input[type="tel"] {
    color: black; /* Cambia el color del texto dentro del campo a negro */
}/* End custom CSS */