:root{--page-title-display:none;}/* Start custom CSS *//* TRATAMIENTO DE LAS TARJETA (TIPO DE ESPACIO) */
.ff-el-input-align.ff-rendered-inline {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
}

.ff-el-form-check-label {
    border: 1.5px solid #b2e8dc !important;
    border-radius: 8px !important;
    padding: 18px 12px 18px 45px !important; /* Más espacio a la izquierda para el círculo */
    text-align: left !important;
    background: #ffffff;
    cursor: pointer;
    transition: all 0.25s ease;
    display: block !important;
    position: relative !important; /* Permite posicionar el círculo de forma absoluta */
}

/* MOSTRAR Y ESTILIZAR EL CÍRCULO (RADIO BUTTON) */
.ff-el-form-check-input {
    display: block !important;
    position: absolute !important;
    left: 16px !important;
    top: 22px !important;
    margin: 0 !important;
    width: 16px !important;
    height: 16px !important;
    accent-color: #0F766E !important; /* Pinta el puntito interno del color de Novalux */
}

/* Textos dentro de la tarjeta */
.ff-el-form-check-label strong {
    display: block;
    font-size: 14px;
    color: #0d2c27;
    margin-bottom: 4px;
}
.ff-el-form-check-label .bloque-sub {
    display: block;
    font-size: 11px;
    color: #7a7a7a;
    font-weight: normal;
    line-height: 1.3;
}

/* Color activo cuando seleccionas la tarjeta */
.ff-el-form-check-label:has(input:checked) {
    border-color: #0F766E !important;
    background-color: #f0fdfa !important;
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.1);
}
.ff-el-form-check-label:has(input:checked) strong {
    color: #0F766E !important;
}

/* ALINEACIÓN DE LOS BOTONES FINALES (UNO AL LADO DEL OTRO) */
.contenedor-botones-finales {
    display: flex !important;
    gap: 12px !important;
    align-items: center !important;
    margin-top: 20px !important;
}

/* Botón "Solicitar Presupuesto" */
.btn-enviar-novalux {
    background-color: #0F766E !important;
    color: white !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    height: 48px !important;
    padding: 0 28px !important;
    font-size: 15px !important;
    border: none !important;
    cursor: pointer;
    transition: background 0.2s;
}
.btn-enviar-novalux:hover {
    background-color: #0c5c56 !important;
}

/* Botón de WhatsApp */
.btn-wa-estilo {
    background-color: #22C55E !important;
    color: white !important;
    border: none !important;
    height: 48px !important;
    padding: 0 28px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    cursor: pointer;
    transition: background 0.2s;
}
.btn-wa-estilo:hover {
    background-color: #16a34a !important;
}

/* OCULTAR EL BOTÓN AZUL ORIGINAL DE FLUENT FORMS */
.ff-el-submit-button {
    display: none !important;
}

/* ADAPTACIÓN PARA MÓVILES */
@media (max-width: 768px) {
    .ff-el-input-align.ff-rendered-inline {
        grid-template-columns: 1fr !important;
    }
    .contenedor-botones-finales {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .btn-enviar-novalux, .btn-wa-estilo {
        width: 100% !important;
    }
}

/* Forzar la desaparición absoluta del botón nativo */
.ff_form_instance .ff-el-group.ff-el-submit-button, 
.ff-el-group.ff-el-submit-button,
.ff-btn-submit:not(.btn-enviar-novalux) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */