.elementor-62 .elementor-element.elementor-element-b88dde1{--display:flex;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-62 .elementor-element.elementor-element-0fc1290.xpro-widget-bg-overlay:before{transition:background 0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-62 .elementor-element.elementor-element-b88dde1{--content-width:600px;}}/* Start custom CSS for container, class: .elementor-element-b88dde1 *//* 1. Ocultar el título original "Join Now" y el recuadro gris */
#rcp_registration_form fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#rcp_registration_form legend {
    display: none !important; /* Quita el texto "Choose your membership level" */
}

/* 2. Estilizar la lista de planes para que no parezca una lista de puntos */
#rcp_registration_form ul {
    list-style: none !important;
    padding: 0 !important;
    margin-bottom: 25px !important;
}

#rcp_registration_form li {
    padding: 15px;
    background: #fdfdfd; /* Fondo muy sutil */
    border: 1px solid #eee;
    border-radius: 10px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

/* Resaltar la opción seleccionada */
#rcp_registration_form li:has(input:checked) {
    border: 2px solid #f1b317; /* El amarillo de tus corazones */
    background: #fffef9;
}

/* 3. Estilizar los campos de entrada (Nombre, Email, Password) */
#rcp_registration_form input[type="text"], 
#rcp_registration_form input[type="email"], 
#rcp_registration_form input[type="password"] {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
    font-size: 16px !important;
}

/* 4. El Botón de Registro (Estilo App) */
#rcp_submit {
    width: 100% !important;
    background: #f1b317 !important; /* Amarillo marca */
    color: #000 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 18px !important;
    border-radius: 50px !important;
    border: none !important;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(241, 179, 23, 0.3);
    transition: transform 0.2s ease;
}

#rcp_submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(241, 179, 23, 0.4);
}

/* 5. Ocultar el check de Auto Renew si no lo quieres ver */
#rcp_auto_renew_wrap {
    display: none !important;
}/* End custom CSS */