.elementor-23522 .elementor-element.elementor-element-6538bdb{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23522 .elementor-element.elementor-element-ac1066e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-23522 .elementor-element.elementor-element-dcac342 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:2.5em;font-weight:600;color:#0741AD;}.elementor-23522 .elementor-element.elementor-element-1ed9fa7{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23522 .elementor-element.elementor-element-1ed9fa7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23522 .elementor-element.elementor-element-aedf715{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-23522 .elementor-element.elementor-element-8450286{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-23522 .elementor-element.elementor-element-19fa8e6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:0.9em;font-weight:400;color:#000000;}.elementor-23522 .elementor-element.elementor-element-ecf946e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:0.9em;font-weight:400;color:#000000;}@media(max-width:1024px){.elementor-23522 .elementor-element.elementor-element-19fa8e6{font-size:0.8em;}.elementor-23522 .elementor-element.elementor-element-ecf946e{font-size:0.8em;}}@media(min-width:768px){.elementor-23522 .elementor-element.elementor-element-8450286{--width:58%;}}@media(max-width:1024px) and (min-width:768px){.elementor-23522 .elementor-element.elementor-element-8450286{--width:70%;}}@media(max-width:767px){.elementor-23522 .elementor-element.elementor-element-dcac342 .elementor-heading-title{font-size:1.5em;}}/* Start custom CSS *//* 1. OBLIGAR A PONERSE EN FILA HORIZONTAL */
body .broker-body.elementor-page-23522 {
    display: flex !important;
    flex-direction: row !important; /* Fila */
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important;
    width: 100% !important;
}

/* 2. EVITAR QUE LOS CONTENEDORES OCUPEN TODO EL ANCHO */
body .broker-button-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: auto !important; /* Esto evita que se pongan uno debajo de otro */
    margin: 0 !important;
}

/* 3. ARREGLAR EL BOTÓN (CÍRCULO Y FOTO) */
body .broker-btn {
    /* Tamaño fijo obligatorio */
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    
    /* Forma redonda */
    border-radius: 50% !important;
    
    /* Mostrar imagen correctamente */
    background-color: white !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    
    /* Quitar estilos feos del tema (ese borde rosa) */
    border: 3px solid #ddd !important;
    padding: 0 !important;
    margin: 10px !important;
    
    /* Efecto Blanco y Negro inicial */
    filter: grayscale(100%) !important;
    opacity: 0.7 !important;
    
    /* Asegurar que se comporte como bloque */
    display: inline-block !important;
    appearance: none !important;
}

/* 4. EFECTOS AL PASAR EL MOUSE O SELECCIONAR */
body .broker-btn:hover,
body .broker-btn.active {
    filter: grayscale(0%) !important; /* Color real */
    opacity: 1 !important;
    border-color: #53CBB2 !important; /* Borde verde/azul */
    transform: scale(1.1) !important;
}

/* Mostrar nombre solo si está activo */
.broker-name { display: none; }
body .broker-btn.active + .broker-name {
    display: block !important;
    text-align: center;
    color: #0741AD;
    font-weight: bold;
}

/* =========================================
   ESTILOS GENERALES Y ESTRUCTURA
   ========================================= */
.title-forms {
    text-align: center;
    color: #0741AD;
    font-weight: 500;
    margin-bottom: 20px;
}

.title-forms h2 {
    font-size: 1.5em !important;
    font-family: Roboto;
}

.dynamic-form-wrapper {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.container-selection {
    background-image: url("https://inversionesandinas.com/wp-content/uploads/2025/10/1.png");
    background-repeat: no-repeat;
    background-position: top left !important;
    padding: 30px 0px;
    width: 100%;
}

.container-broker-body.elementor-page-23522 {
    background-image: url("https://inversionesandinas.com/wp-content/uploads/2025/10/2.png");
    background-repeat: no-repeat;
    background-position: top left !important;
    width: 100%;
}

#forms-container {
    background-image: url("https://inversionesandinas.com/wp-content/uploads/2025/10/3.png");
    background-repeat: no-repeat;
    background-position: top left;
    width: 100%;
}

.mensaje-final {
    color: #85A9FA;
    font-size: .8em;
    margin-left: 15px;
}

.formularios {
    background-color: #F8F8F8;
    color: #0741AD;
    max-width: 70%;
    padding: 5px 15px;
    border-radius: 15px;
    border: solid 3px #2465F6;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.60);
    margin: 0 auto;
}

input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {
    border-color: #0741AD !important;
}

#dynamic-form-container {
    font-family: 'Poppins', sans-serif;
    color: #0741AD;
}

.form-section-title {
    text-align: center;
    color: #0741AD;
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 1.5em;
    font-family: Roboto;
}

.dynamic-text {
    text-align: center;
    margin: 0 auto 25px auto;
    font-size: 1.2em;
    font-family: 'Roboto';
    color: #0741AD;
}

#broker-message-display {
    color: #53C882 !important;
    font-size: 1em;
}

.account-type-switch {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
    background-color: #eaf0ff;
    border-radius: 100px;
    padding: 5px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.account-type-switch .switch-btn {
    flex: 1;
    padding: 10px 15px;
    border: none;
    background-color: transparent;
    color: #0741AD;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 100px;
    transition: all 0.3s ease;
}

.account-type-switch .switch-btn.active {
    background-color: #2465F6;
    color: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

/* =========================================
   CORRECCIÓN COMPLETA DE BOTONES BROKER
   ========================================= */

/* --- SOLUCIÓN DE ALINEACIÓN POR INLINE-FLEX --- */

/* 1. Al Padre: Solo centrar texto */
.broker-body.elementor-page-23522 {
    display: block !important; /* Cambiamos a bloque normal */
    text-align: center !important; /* Centramos el contenido */
    width: 100% !important;
}

/* 2. Al Hijo: MAGIA AQUÍ -> "inline-flex" */
/* Esto hace que se pongan uno al lado del otro automáticamente */
.broker-button-container {
    display: inline-flex !important; 
    flex-direction: column !important;
    align-items: center !important;
    vertical-align: top !important; /* Alineación superior */
    
    width: auto !important;
    margin: 0 15px 20px 15px !important; /* Margen para separarlos */
}

/* 3. Ajuste del Botón (Mantenemos tu estilo que ya funcionaba) */
.broker-btn {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    border-radius: 50% !important;
    background-color: white !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 2px solid #ddd !important;
    
    /* Estado inicial */
    filter: grayscale(100%) !important;
    opacity: 0.7 !important;
    
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* Hover y Active */
.broker-btn:hover, .broker-btn.active {
    filter: grayscale(0%) !important;
    opacity: 1 !important;
    border-color: #53CBB2 !important;
    transform: scale(1.1) !important;
}

/* Texto del nombre */
.broker-btn.active + .broker-name {
    display: block !important;
    margin-top: 5px !important;
    color: #0741AD !important;
    font-weight: bold !important;
}
/* Mostrar nombre solo cuando el botón está activo */
.broker-btn.active + .broker-name {
    display: block !important;
}


/* =========================================
   ESTILOS DE ZOHO FORMS
   ========================================= */
#forms-container .form-wrapper {
    display: none;
}

#forms-container .form-wrapper.active-form {
    display: block;
}

.zcwf_lblLeft .zcwf_col_fld input[type=text], .zcwf_lblLeft .zcwf_col_fld textarea, .zcwf_lblLeft .zcwf_col_fld select {
    width: 100%;
    border: 1px solid #c0c6cc !important;
    resize: vertical;
    border-radius: 10px;
    color: black;
    background: white;
    padding: 8px;
    font-size: 14px;
    line-height: 1.5;
}

.zcwf_lblLeft .zcwf_col_fld input[type=text], .zcwf_lblLeft .zcwf_col_fld select {
    height: 40px;
}

.zcwf_lblLeft .zcwf_col_fld textarea {
    height: auto;
    min-height: 80px;
}

.zcwf_lblLeft .zcwf_col_lab {
    width: 100%;
    word-break: break-word;
    margin-bottom: 5px;
    margin-top: 0;
    float: left;
    min-height: 1px;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    padding-left: 2px;
}

.zcwf_lblLeft .zcwf_col_fld {
    width: 100%;
    position: relative;
    margin-top: 0;
    float: left;
}

.zcwf_input_with_help {
    width: 100%;
    float: left;
}

.zcwf_lblLeft .zcwf_col_help {
    display: none;
    width: 100%;
    font-size: 12px;
    min-height: 16px;
    padding-top: 4px;
    color: #ff4d4d;
    font-weight: normal;
    clear: both;
    float: left;
}

.zcwf_lblLeft .zcwf_col_help .error-message {
    display: block;
    background-color: rgba(255, 255, 255, 0.9);
    color: #D8000C;
    padding: 5px 10px;
    border-radius: 10px;
    text-align: left;
    border-left: 3px solid #D8000C;
}

.zcwf_lblLeft .wfrm_fld_dpNn {
    display: none;
}

.zcwf_lblLeft .zcwf_row:after, .zcwf_lblLeft .zcwf_col_fld:after {
    content: '';
    display: table;
    clear: both;
}

.zcwf_lblLeft .zcwf_row {
    margin: 12px 0px;
}

.zcwf_lblLeft .zcwf_button_wrapper {
    width: 100%;
    padding-left: 0;
    clear: both;
    margin-top: 10px;
}

.zcwf_lblLeft .zcwf_button {
    font-size: 14px;
    color: white;
    border: solid 2px #2465F6;
    border-radius: 100px;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25) !important;
    background: #2465F6;
    font-family: "Poppins", sans-serif;
    padding: 8px 10px;
    margin: 0;
    margin-bottom: 20px;
    display: inline-block;
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.zcwf_lblLeft .zcwf_button:hover:not(:disabled) {
    background-color: #0741AD;
    color: white;
    border-color: #0741AD;
    transform: scale(1.05);
    box-shadow: 3px 6px 15px 0px rgba(0, 0, 0, 0.3) !important;
}

.zcwf_lblLeft .zcwf_button:disabled {
    cursor: not-allowed;
    opacity: 0.5;
    transform: none !important;
    box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.15) !important;
    background-color: #85A9FA !important;
    color: white !important;
    border-color: #85A9FA !important;
}

.zcwf_lblLeft .zcwf_ckbox {
    float: left;
    margin-right: 8px;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid #c0c6cc;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
}

.zcwf_lblLeft .zcwf_ckbox:checked {
    background-color: #2465F6;
    border-color: #2465F6;
}

.zcwf_lblLeft .zcwf_ckbox:checked::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 2px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.zcwf_lblLeft .zcwf_col_fld > .zcwf_input_with_help > label[for^='Privacy_Policy_Check'] {
    margin-left: 0;
    padding-top: 0;
    color: rgba(7, 65, 173, 1) !important;
}

.zcwf_lblLeft .zcwf_col_fld a {
    color: rgba(7, 65, 173, 1) !important;
}

.row-telefono, .row-cuit {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-start;
}

.cod-pais, .caracteristica, .telefonos, .cuit-1, .cuit-dni, .cuit-final {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0;
}

.cod-pais {
    width: 30% !important;
}

.caracteristica {
    width: 20% !important;
}

.telefonos {
    width: 47% !important;
}

.cuit-1 {
    width: 16% !important;
}

.cuit-dni {
    width: 66% !important;
}

.cuit-final {
    width: 15% !important;
}

.row-telefono .zcwf_col_lab, .row-cuit .zcwf_col_lab {
    margin-bottom: 5px;
    width: 100%;
    float: none;
}

.row-telefono .zcwf_col_fld, .row-cuit .zcwf_col_fld {
    width: 100%;
    float: none;
}

.row-telefono .zcwf_col_fld > .zcwf_col_help, .row-cuit .zcwf_col_fld > .zcwf_col_help {
    width: 100% !important;
    float: left !important;
    clear: both !important;
    margin-top: 4px;
}

.container-copy-text-zoho {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px;
    background-color: rgba(7, 65, 173, 1);
    border-radius: 8px;
    text-align: left;
}

.container-copy-text-zoho h3 {
    font-size: 1em;
    color: white;
    margin-top: 0;
    margin-bottom: 10px;
}

.container-copy-text-zoho .copy-area-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.container-copy-text-zoho textarea {
    flex-grow: 1;
    padding: 10px;
    border-radius: 10px !important;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    font-family: monospace;
    font-size: 1em;
    resize: none;
    margin-right: 10px;
    width: auto;
    height: 40px;
}

.container-copy-text-zoho a.btn-copiar {
    background-color: white;
    color: #2465F6;
    border: none;
    padding: 10px 15px;
    height: 40px !important;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none;
    font-size: 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.container-copy-text-zoho a.btn-copiar i {
    font-size: 1.2em;
}

.title-form {
    text-align: center;
    font-family: Poppins;
    display: none;
}

.title-form h2 {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 1.2em;
}

.title-form p {
    font-size: 1em;
    color: #0741AD;
    margin-top: 0;
    min-height: 1.2em;
    font-weight: bold;
}

.tel-cuil {
    margin-bottom: 5px;
    margin-top: 15px;
    padding-left: 2px;
    font-family: Roboto;
}

#geolocation-status, #geolocation-status-new-balanz, #geolocation-status-persona-inviu, #geolocation-status-persona-iol, #geolocation-status-persona-bmb, #geolocation-status-empresa_balanz, #geolocation-status-empresa_inviu, #geolocation-status-empresa_iol, #geolocation-status-empresa_bmb {
    font-size: 12px;
    color: white;
    padding: 5px 0;
    text-align: center;
    min-height: 18px;
    display: none !important;
}

.mensaje-broker-select {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.mensaje-broker-select p {
    color: #0741AD;
    text-align: center;
    font-family: Roboto;
    font-weight: 500;
    font-size: 1.5em;
}

.campo-telefono {
    margin-bottom: 5px;
    margin-top: 15px;
    padding-left: 2px;
    font-family: Roboto;
    font-size: 14px;
}

/* =========================================
   MEDIA QUERIES (Móvil)
   ========================================= */

@media all and (max-width: 768px) {
    .row-telefono, .row-cuit {
        flex-direction: row;
        gap: 5px;
        align-items: stretch;
    }

    .cod-pais, .caracteristica, .telefonos, .cuit-1, .cuit-dni, .cuit-final {
        width: 100% !important;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .cod-pais {
        width: 28% !important;
    }

    .caracteristica {
        width: 28% !important;
    }

    .cuit-1 {
        width: 16% !important;
    }

    .cuit-dni {
        width: 60% !important;
    }

    .cuit-final {
        width: 15% !important;
    }

    .telefonos, .cuit-final {
        margin-bottom: 0;
    }
}

@media all and (max-width: 600px) {
    #broker-message-display {
        font-size: .8em;
    }

    .container-selection {
        padding: 10px 0px;
        background-size: 5%;
    }

    .container-broker-body.elementor-page-23522 {
        background-size: 8%;
    }

    .title-forms h2 {
        font-size: 1em !important;
    }

    #forms-container {
        background-size: 8%;
    }

    /* Ajuste tamaño botones en móvil */
    .broker-body.elementor-page-23522 .broker-btn {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        min-height: 60px !important;
    }

    .form-section-title {
        font-size: 1em;
    }

    .row-telefono, .row-cuit {
        gap: 5px;
    }

    .cod-pais {
        width: 100% !important;
    }

    .caracteristica {
        width: 30% !important;
    }

    .telefonos {
        width: 65% !important;
    }

    .cuit-1 {
        flex-basis: 20%;
        max-width: 20%;
    }

    .cuit-dni {
        flex-basis: 55%;
        max-width: 55%;
    }

    .cuit-final {
        flex-basis: calc(25% - 10px);
        max-width: calc(25% - 10px);
    }

    .formularios {
        max-width: 100%;
    }

    .mensaje-broker-select p {
        font-size: 1em;
    }

    .dynamic-form-wrapper {
        background-image: none;
    }
}

.cerebro-hr {
    width: 100%;
    background-color: #D9D9D9 !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    height: 5px;
    border-color: #D9D9D9 !important;
    color: #D9D9D9 !important;
}/* End custom CSS */