.elementor-17933 .elementor-element.elementor-element-79a47dfb{--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;}.elementor-17933 .elementor-element.elementor-element-390452e6{width:100%;max-width:100%;}/* Start custom CSS */html, body {
    background-color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
}

body {
    padding-bottom: 300px !important; 
}

.elementor-section, 
.elementor-column, 
.elementor-widget-wrap, 
.elementor-widget {
    overflow: visible !important;
}

.ccb-page-breaker .ccb-subtotals-block-summary[id*="ccb_summary_sticky_"] {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 20px !important;
    z-index: 9999;
}

.ccb-order-form.ccb-order-form-legacy {
    gap: 6px !important;
}

.ccb-page-breaker .ccb-subtotals-block-summary[id*="ccb_summary_sticky_"] .ccb-section-subtotal {
     top: 20px !important;
}
 
textarea {
     height: 80px !important;
}

@media (max-width: 768px) {
    .ccb-wrapper, 
    .ccb-form, 
    .ccb-row, 
    div[class*="ccb-col-"], 
    .ccb-field, 
    .ccb-form-group {
        overflow: visible !important;
    }

    div[class*="ccb-col-md-8"], 
    div[class*="ccb-col-8"] {
        position: relative !important;
        z-index: 100 !important;
    }

    div[class*="ccb-col-md-4"], 
    div[class*="ccb-col-4"] {
        position: relative !important;
        z-index: 1 !important;
    }

    .select2-container, 
    .select2-dropdown, 
    .ccb-select-dropdown {
        z-index: 99999 !important;
    }

    .ccb-subtotals-block-summary {
        box-shadow: none !important;
        z-index: 0 !important;
    }
}

/* Ocultar texto y descripción en TODOS los sliders EXCEPTO en los IDs 4, 5 y 0 */
.ccb_field_with_range:not([data-id="range_field_id_4"]):not([data-id="range_field_id_5"]):not([data-id="range_field_id_0"]) .ccb-field__title--title-box > span:first-child,
.ccb_field_with_range:not([data-id="range_field_id_4"]):not([data-id="range_field_id_5"]):not([data-id="range_field_id_0"]) .ccb-field__description {
    display: none !important;
}

/* --- LÓGICA PARA EL MENÚ (LISTA) --- */
/* Esto ya te funcionaba bien en la Imagen 1 */
div[data-id="dropDown_field_id_1"] .ccb-dropdown__list ul li:first-child {
    font-size: 0 !important;
}
div[data-id="dropDown_field_id_1"] .ccb-dropdown__list ul li:first-child::before {
    content: "Select Floor Level";
    font-size: 14px !important;
    display: block;
    color: #001931;
}

/* --- LÓGICA PARA LA CAJA PRINCIPAL (MÁSCARA) --- */
/* Se activa solo cuando el script añade la clase 'ccb-custom-label-active' */
div[data-id="dropDown_field_id_1"].ccb-custom-label-active .ccb-dropdown__label {
    color: transparent !important; /* Vuelve invisible el texto original */
    position: relative;
}

div[data-id="dropDown_field_id_1"].ccb-custom-label-active .ccb-dropdown__label::after {
    content: "Select Floor Level"; /* Pone el texto nuevo encima */
    color: #111111 !important; /* Color del texto (ajusta si lo ves muy claro u oscuro) */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #f6f6f6; /* Fondo blanco para tapar bien lo de abajo */
    pointer-events: none;
}/* End custom CSS */