.elementor-6399 .elementor-element.elementor-element-b63eb1c{--display:flex;}.elementor-6399 .elementor-element.elementor-element-b63eb1c:not(.elementor-motion-effects-element-type-background), .elementor-6399 .elementor-element.elementor-element-b63eb1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-6399 .elementor-element.elementor-element-7fa8bba > .elementor-widget-container{border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;}#elementor-popup-modal-6399{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-6399 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-6399 .dialog-close-button{display:flex;}#elementor-popup-modal-6399 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for shortcode, class: .elementor-element-7fa8bba *//* Estilos para el contenedor principal del formulario */
.kw-contactform {
    padding: 20px;
    background-color: transparent; /* Fondo transparente para dejar ver la imagen de fondo */
    color: #ffffff; /* Color de texto general para contraste */
    font-family: "Lexend Deca";
}

/* Estilos para el título "Envía tu mensaje" */
.kw-contactform h2.tm-custom-heading {
    color: #ffffff; /* Color blanco para el título */
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 30px; /* Espacio después del título */
    font-weight: bold; /* Título en negrita */
}

/* Estilos para los campos de entrada (Nombre, Email, Teléfono, Mensaje) */
.kw-contactform label {
    display: block; /* Cada campo en una nueva línea */
    position: relative;
    margin-bottom: 25px; /* Espacio entre los campos */
    border-bottom: 1px solid #ffffff; /* Línea separadora blanca */
    padding-bottom: 5px; /* Espacio entre el texto/input y la línea */
}

/* Estilos para los iconos */
.kw-contactform label i {
    position: absolute;
    left: 0;
    top: 5px; /* Ajusta la posición vertical del icono */
    font-size: 18px;
    color: #ffffff; /* Iconos blancos */
}

/* Estilos para los elementos input y textarea */
.kw-contactform input:not([type="submit"]):not([type="checkbox"]),
.kw-contactform textarea {
    width: 100%; /* Ocupa todo el ancho disponible */
    border: none; /* Quitar borde por defecto */
    background: transparent; /* Fondo transparente para el campo */
    color: #ffffff; /* Texto de entrada blanco */
    padding-left: 30px; /* Espacio para el icono */
    font-size: 16px;
    line-height: 20px;
    outline: none; /* Quitar el contorno al enfocar */
    padding-top: 5px; /* Ajuste fino del padding */
}

/* Estilos para el placeholder (Nombre, Email, etc.) */
.kw-contactform ::placeholder {
    color: #ffffff; /* Texto del placeholder blanco */
    opacity: 1; /* Asegura que no sea transparente */
}

/* Estilos para el campo de Mensaje (textarea) */
.kw-contactform textarea {
    resize: vertical; /* Permitir redimensionar solo verticalmente */
    height: 100px; /* Altura inicial */
}

/* Estilos para la casilla de aceptación (acceptance checkbox) */
.kw-contactform [acceptance-785] {
    display: block;
    margin-bottom: 25px;
    color: #ffffff; /* Texto de la política en blanco */
    font-size: 14px;
    line-height: 1.5;
}

/* Estilo para el input de tipo checkbox */
.kw-contactform [acceptance-785] input[type="checkbox"] {
    margin-right: 10px; /* Espacio después del checkbox */
    /* Aquí podrías necesitar estilos específicos para el aspecto del checkbox si el estilo por defecto no es el deseado */
}

/* Estilos para los enlaces dentro del texto de aceptación */
.kw-contactform [acceptance-785] a {
    color: #ffffff; /* Enlaces en blanco */
    text-decoration: underline; /* Subrayado para identificar el enlace */
}

/* Estilos para el botón de Enviar */
.kw-contactform input[type="submit"] {
    display: inline-block;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff; /* Color de texto del botón (se ve blanco en la imagen) */
    background-color: #8c9b33; /* Un color oliva/verde oscuro similar al de la imagen */
    border: none;
    border-radius: 5px; /* Bordes ligeramente redondeados, aunque se ve casi rectangular */
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 10px; /* Espacio por si el botón está dentro de un label */
}

/* Estilo al pasar el ratón por el botón */
.kw-contactform input[type="submit"]:hover {
    background-color: #79862d; /* Color ligeramente más oscuro al pasar el ratón */
}

.kw-contactform label i {font-family: 'Font Awesome 5 Free'; font-style:normal;
}/* End custom CSS */