.elementor-5146 .elementor-element.elementor-element-ed273f7{--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-5146 .elementor-element.elementor-element-9e9fffa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5146 .elementor-element.elementor-element-941ce26{--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-5146 .elementor-element.elementor-element-18ea762{--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-5146 .elementor-element.elementor-element-eff696c{--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-5146 .elementor-element.elementor-element-e5beb62{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(min-width:768px){.elementor-5146 .elementor-element.elementor-element-941ce26{--width:25%;}.elementor-5146 .elementor-element.elementor-element-18ea762{--width:25%;}.elementor-5146 .elementor-element.elementor-element-eff696c{--width:25%;}.elementor-5146 .elementor-element.elementor-element-e5beb62{--width:25%;}}/* Start custom CSS for shortcode, class: .elementor-element-0d30f79 *//* 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: rgba(0, 0, 0, 0.8); /* Fondo negro con opacidad */
    border-radius: 10px; /* Redondea las esquinas del contenedor del formulario */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); /* Aplica una sombra alrededor del formulario */
    color: #fff; /* Establece el color del texto en blanco */
}

/* Estilos de los campos de entrada */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    width: 100%; /* Hace que los campos ocupen el 100% del ancho del contenedor */
    padding: 10px; /* Añade espacio interno en los campos de entrada */
    margin: 10px 0; /* Añade un margen superior e inferior a los campos */
    border: 1px solid rgba(255, 255, 255, 0.5); /* Aplica un borde blanco con opacidad */
    border-radius: 5px; /* Redondea las esquinas de los campos de entrada */
    box-sizing: border-box; /* Incluye el padding y el borde en el cálculo del ancho total */
    background: rgba(255, 255, 255, 0.2); /* Fondo blanco con opacidad */
    color: #fff; /* Establece el color del texto en blanco */
    transition: background 0.3s, border-color 0.3s; /* Transición suave para el fondo y el borde */
}

/* Cambio de color al pasar el mouse */
.wpcf7-form input[type="text"]:hover,
.wpcf7-form input[type="email"]:hover,
.wpcf7-form input[type="tel"]:hover,
.wpcf7-form textarea:hover {
    background: rgba(255, 0, 0, 0.2); /* Fondo rojo con opacidad al pasar el mouse */
    border-color: rgba(255, 0, 0, 0.5); /* Borde rojo con opacidad al pasar el mouse */
}

/* Estilos del botón de envío */
.wpcf7-form input[type="submit"] {
    background: #ff0000; /* Fondo rojo 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; /* Transición suave para el fondo */
}

/* Efecto hover en el botón de envío */
.wpcf7-form input[type="submit"]:hover {
    background: rgba(255, 0, 0, 0.8); /* Fondo rojo más oscuro con opacidad 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 { /* Corrige el espacio innecesario entre el .elementor-5146 .elementor-element.elementor-element-0d30f79 y los dos puntos */
    color: rgba(255, 255, 255, 0.7); /* Color del texto del placeholder en blanco con opacidad */
}/* End custom CSS */