.elementor-kit-6{--e-global-color-primary:#E9527D;--e-global-color-secondary:#7DBA4C;--e-global-color-text:#1D1D1B;--e-global-color-accent:#F2A516;--e-global-color-0021b2c:#BE569A;--e-global-color-eba40de:#F8F8F8;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-button:hover {
    box-shadow: 0px 0px 0px 0px rgb(141 0 0 / 0%) !important;
    transform: translate(7px, 10px);
    transition: all 0.2s ease;
}

.elementor-12 .elementor-element.elementor-element-2d34648 .elementor-button[type="submit"] {
    background-color: var(--e-global-color-secondary);
    color: #ffffff;
    box-shadow: 7px 6px 0px 0px #000000;
}

.elementor-12 .elementor-element.elementor-element-2d34648 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
    background-color: #ffffff;
    border-width: 0px 0px 0px 0px;
    border-radius: 5px 50px 50px 50px;
     box-shadow: 7px 6px 0px 0px #000000;
}


.rcp_level_duration{display:none;}

/* Estilos para los formularios de RCP */


  /* ----- Estilo general del formulario ----- */
.rcp_form {
    max-width: 100% !important; /* Limita el ancho del formulario */
    margin: 0 auto !important; /* Centra el formulario */
    font-family: 'Montserrat', sans-serif !important; /* Usa una fuente estándar */
    color: #333 !important;
}

/* ----- Estilos de las etiquetas ----- */
.rcp_form label {
    display: block !important;
    font-weight: bold !important;
    font-size: 14px !important;
    margin-bottom: 5px !important;
    color: #333 !important;
}

/* ----- Estilos de los campos de entrada ----- */
.rcp_form input[type="text"], 
.rcp_form input[type="email"], 
.rcp_form input[type="password"], 
.rcp_form select, 
.rcp_form textarea {
    width: 100% !important;
    padding: 3px !important;
    border: 1px solid #999 !important;
    border-radius: 0px !important;
    font-size: 14px !important;
    background-color: white !important;
}

/* ----- Ajuste para los campos de nombre y email en línea ----- */
.rcp_form .rcp_row {
    display: flex !important;
    gap: 15px !important;
}

.rcp_form .rcp_row .rcp_field {
    flex: 1 !important;
}

/* ----- Estilo del botón de registro ----- */
.rcp_form .rcp_button {
    background-color: #79c143 !important; /* Verde del botón */
    color: white !important;
    padding: 12px !important;
    border: none !important;
    border-radius: 20px !important; /* Redondeado del botón */
    font-size: 16px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: background 0.3s !important;
}

.rcp_form .rcp_button:hover {
    background-color: #67a834 !important; /* Color más oscuro en hover */
}

/* ----- Estilo de los checkboxes ----- */
.rcp_form input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin-right: 8px !important;
}

/* ----- Ajuste de los checkboxes y texto ----- */
.rcp_form .rcp_policy {
    display: flex !important;
    align-items: center !important;
    font-size: 14px !important;
    color: #333 !important;
}

.rcp_form .rcp_policy a {
    color: #e91e63 !important; /* Color rosa del enlace */
    text-decoration: none !important;
    font-weight: bold !important;
}

.rcp_form .rcp_policy a:hover {
    text-decoration: underline !important;
}

/* ----- Espaciado entre elementos ----- */
.rcp_form .rcp_field {
    margin-bottom: 15px !important;
}

h3.rcp_header, .rcp-table-wrapper h3 {display:none;}
.rcp_subscription_fieldset{border:none;}

.rcp_login_link, #rcp_auto_renew_wrap{display:none;}


#mceu_86-body button, #mceu_87-body button{background-color: #f9f9f9 !important; border: none !important;}

.mce-btn .mce-txt {
    font-size: inherit;
    line-height: inherit;
    color: #333 !important;
}

.mce-btn.mce-active, .mce-btn.mce-active button, .mce-btn.mce-active i, .mce-btn.mce-active:hover button, .mce-btn.mce-active:hover i {
   
    color: #333 !important;
}

/* -------------------------------------------
   SEPARACIÓN GENERAL ENTRE CAMPOS Y FILAS
------------------------------------------- */

/* Separación entre cada fila del formulario */
.wpuf-form .wpuf-el,
form.acf-form .acf-field {
    margin-bottom: 15px !important;
}


/*  
   Selecciona cualquier field dentro del formulario
   que tenga un style="width:50%" 
   y le añade margin-right: 10px;
*/

form .acf-field[style*="width:45%"],
form .wpuf-el[style*="width:45%"],
form .acf-input[style*="width:45%"],
form .wpuf-fields[style*="width:45%"] {
    margin-right: 20px !important;
}

/* MOBILE: convertir 50% y 45% en 100% */
@media (max-width: 767px) {

    form [style*="width:50%"],
    form [style*="width:45%"] {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

/* Ocultar el segundo mensaje duplicado */
.acf-notice.frontend-admin-limit-message + .acf-notice.frontend-admin-limit-message {
    display: none !important;
}/* End custom CSS */