.elementor-325 .elementor-element.elementor-element-59d1a0dd{--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;--overflow:hidden;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-325 .elementor-element.elementor-element-59d1a0dd, .elementor-325 .elementor-element.elementor-element-59d1a0dd::before{--border-transition:0.3s;}.elementor-325 .elementor-element.elementor-element-26cbd975 .elementor-heading-title{font-size:15px;text-transform:uppercase;}.elementor-325 .elementor-element.elementor-element-11cfe5d3 > .elementor-widget-container{margin:-10px 0px -20px 0px;}.elementor-325 .elementor-element.elementor-element-11cfe5d3 .elementor-heading-title{font-weight:600;line-height:1.1em;}.elementor-325 .elementor-element.elementor-element-2dbdab41 > .elementor-widget-container{margin:0px 0px -10px 0px;padding:0px 15px 0px 15px;}.elementor-325 .elementor-element.elementor-element-2dbdab41.elementor-element{--align-self:center;}.elementor-325 .elementor-element.elementor-element-5c2a4dd6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-325 .elementor-element.elementor-element-cd08028{--display:flex;--background-transition:0.3s;}.elementor-325 .elementor-element.elementor-element-cd08028.e-con{--align-self:center;}.elementor-325 .elementor-element.elementor-element-57c6112.elementor-element{--align-self:center;}.elementor-325 .elementor-element.elementor-element-2c71000 > .elementor-widget-container{margin:-40px 0px 0px 0px;padding:0px 15px 0px 15px;}.elementor-325 .elementor-element.elementor-element-2c71000.elementor-element{--align-self:center;}.elementor-325 .elementor-element.elementor-element-2c71000{z-index:99;}.elementor-325 .elementor-element.elementor-element-33b9d686 > .elementor-widget-container{margin:-60px 0px 0px 0px;}.elementor-325 .elementor-element.elementor-element-33b9d686 img{width:84px;border-radius:150px 150px 150px 150px;}@media(max-width:1024px){.elementor-325 .elementor-element.elementor-element-11cfe5d3 > .elementor-widget-container{padding:0px 05px 0px 05px;}.elementor-325 .elementor-element.elementor-element-11cfe5d3{text-align:center;}}@media(max-width:767px){.elementor-325 .elementor-element.elementor-element-59d1a0dd{--justify-content:center;--padding-top:10px;--padding-bottom:0px;--padding-left:05px;--padding-right:05px;}.elementor-325 .elementor-element.elementor-element-26cbd975 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-325 .elementor-element.elementor-element-26cbd975 .elementor-heading-title{font-size:9px;}.elementor-325 .elementor-element.elementor-element-11cfe5d3 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-325 .elementor-element.elementor-element-11cfe5d3{text-align:center;}.elementor-325 .elementor-element.elementor-element-11cfe5d3 .elementor-heading-title{font-size:15px;}.elementor-325 .elementor-element.elementor-element-2dbdab41 > .elementor-widget-container{margin:-20px 0px -20px 0px;}.elementor-325 .elementor-element.elementor-element-5c2a4dd6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-325 .elementor-element.elementor-element-2c71000 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-325 .elementor-element.elementor-element-33b9d686{width:100%;max-width:100%;}.elementor-325 .elementor-element.elementor-element-33b9d686 > .elementor-widget-container{margin:-60px 0px 0px 0px;}.elementor-325 .elementor-element.elementor-element-33b9d686 img{width:60px;}}/* Start custom CSS for html, class: .elementor-element-2dbdab41 */.elementor-325 .elementor-element.elementor-element-2dbdab41 {
    width: 500px
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd08028 */#aplausos {
    display: none; 
    position: absolute;
    z-index: 999;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2c71000 */.elementor-325 .elementor-element.elementor-element-2c71000 {
    width: 500px
}/* End custom CSS */
/* Start custom CSS *//*body {
    background-color: white;
}*/

#content {
    padding: 0 0 !important;
}


#conversational-form {
    /*background-color: white;*/
    width: 100%; 
    max-width: 500px;
    height: 30vh;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 15px 20px 20px;
    position: relative;
    text-align: center;
    overflow: hidden;
    top: -15px;

}

@media only screen and (max-width: 767px) {
#conversational-form {
    height: 30vh;
    min-height: 180px;
}
   
}



#progress-bar {
    width: 100%;
    height: 15px;
    background-color: #e0e0e0;
    border-radius: 150px;
    overflow: hidden;
    margin-bottom: 20px;
}

#progress {
    height: 100%;
    /*background-color: #4eb8b8;*/
    background-color: rgb(29, 200, 207);
    width: 0;
    transition: width 0.5s ease;
}

.step {
    width: 100%;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
    flex-grow: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.step.active {
    opacity: 1;
    transform: translateY(0);
    position: relative;
}

.button-group {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    margin-top: auto;
    margin-bottom: 100px;
}

button {
    background-color: rgb(29, 200, 207) !important;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

button:hover:not(:disabled) {
    background-color: #3a9b9b;
}

.button-group button:first-of-type {
    flex: 1 1 20%; /* El botón de "Atrás" ocupa el 20% */
    margin-right: 10px;
    background-color: #bbbbbb !important;
}

.button-group button:last-of-type {
    flex: 1 1 80%; /* El botón de "Adelante" ocupa el 80% */
}

@media (max-width: 768px) {
    #conversational-form {
        width: 100%;
        border-radius: 0;
    }
    
    button {
        padding: 15px;
    }

    .button-group {
        bottom: 40px; /* Levanta los botones ligeramente para facilitar el clic con el dedo gordo */
    }
}

.pmpro {margin-top: -10px}

.pmpro_card_content {
    padding: 5px !important;
}

.pmpro_card {
    margin: 0 !important;
}

.pmpro_btn { width: 90% !important; margin-bottom: 5px }

.loading-message {
    display: none !important
}

/*.loading-message {
    margin-top: 20px;
    font-size: 14px;
    font-style: italic;
    display: flex;
    align-items: center;
    justify-content: center;
     width: 100%;
     color: red;
}

.loading-message:before {
    content: '🚫';
    padding-right: 5px;
    font-style: normal;
}*/

iframe {
    width: 100%;
    height: 100%;
    display: none; /* Ocultamos el iframe hasta que esté completamente cargado */
}/* End custom CSS */