.elementor-525 .elementor-element.elementor-element-64c5d5d{--display:flex;}.elementor-525 .elementor-element.elementor-element-dde26a7 .fluentform-widget-wrapper{width:619px;}.elementor-525 .elementor-element.elementor-element-dde26a7 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}.elementor-525 .elementor-element.elementor-element-3c03aba{--display:flex;}.elementor-525 .elementor-element.elementor-element-a4bdf60{--display:flex;}/* Start custom CSS for container, class: .elementor-element-64c5d5d *//* --- CÓDIGO CSS ESTILO MACKY GARCIA --- */

/* 1. Contenedor Principal del Formulario */
.elementor-525 .elementor-element.elementor-element-64c5d5d .fluentform {
    background-color: #F2F0EB; /* Tu beige de fondo */
    padding: 40px;
    border-radius: 12px; /* Bordes redondeados modernos */
    border: 2px solid #1B4F55; /* Un marco fino en tu verde */
    box-shadow: 0 10px 30px rgba(27, 79, 85, 0.1); /* Sombra sutil verde */
}

/* 2. Títulos de las Preguntas (Labels) */
.elementor-525 .elementor-element.elementor-element-64c5d5d .ff-el-input--label {
    color: #1B4F55; /* Tu verde corporativo */
    font-family: 'Montserrat', sans-serif; /* Asegúrate de usar tu tipografía */
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}

/* 3. Estilo de las Opciones de Respuesta (Los contenedores) */
.elementor-525 .elementor-element.elementor-element-64c5d5d .ff-el-form-check {
    background-color: #FAF9F6; /* Un beige un poco más claro para resaltar */
    border: 1px solid #dcdcdc;
    padding: 15px 20px;
    margin-bottom: 10px;
    border-radius: 8px;
    transition: all 0.3s ease; /* Suaviza la animación al pasar el mouse */
    cursor: pointer;
    display: flex; /* Para alinear mejor el circulito y el texto */
    align-items: center;
}

/* Efecto al pasar el mouse por encima de una opción */
.elementor-525 .elementor-element.elementor-element-64c5d5d .ff-el-form-check:hover {
    border-color: #1B4F55;
    background-color: #ffffff;
    transform: translateX(5px); /* Un pequeño movimiento a la derecha */
}

/* Estilo del Texto de la respuesta */
.elementor-525 .elementor-element.elementor-element-64c5d5d .ff-el-form-check-label {
    color: #333; /* Gris oscuro para lectura fácil */
    font-weight: 500;
    margin-left: 10px; /* Espacio entre el radio button y el texto */
    width: 100%;
    cursor: pointer;
}

/* 4. Personalización de los "Radio Buttons" (Los circulitos) */
/* Ocultamos el radio button nativo feo */
.elementor-525 .elementor-element.elementor-element-64c5d5d input[type=radio] {
    accent-color: #1B4F55; /* Esto colorea el nativo en navegadores modernos */
    transform: scale(1.2); /* Hacerlo un poco más grande */
}

/* Cuando una opción está SELECCIONADA */
.elementor-525 .elementor-element.elementor-element-64c5d5d .ff-el-form-check.ff_item_selected {
    background-color: rgba(27, 79, 85, 0.1); /* Fondo verde muy clarito */
    border: 2px solid #1B4F55; /* Borde verde grueso */
}


/* 5. El Botón de Enviar (Lo más importante) */
.elementor-525 .elementor-element.elementor-element-64c5d5d .ff-btn-submit {
    background-color: #1B4F55 !important; /* Tu verde */
    color: #F2F0EB !important; /* Texto beige para contraste */
    width: 100%; /* Botón ancho completo */
    padding: 18px 30px;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 50px; /* Botón completamente redondeado */
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 20px;
}

/* Efecto al pasar el mouse sobre el botón */
.elementor-525 .elementor-element.elementor-element-64c5d5d .ff-btn-submit:hover {
    background-color: #133a3f !important; /* Un verde un poco más oscuro */
    transform: translateY(-3px); /* Se levanta un poquito */
    box-shadow: 0 10px 20px rgba(27, 79, 85, 0.3);
}

/* Ajuste para móviles */
@media (max-width: 767px) {
    .elementor-525 .elementor-element.elementor-element-64c5d5d .fluentform {
        padding: 20px; /* Menos relleno en celular */
    }
    .elementor-525 .elementor-element.elementor-element-64c5d5d .ff-el-input--label {
        font-size: 16px;
    }
}/* End custom CSS */