.elementor-761 .elementor-element.elementor-element-7487147{--display:flex;--min-height:37vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-761 .elementor-element.elementor-element-7487147:not(.elementor-motion-effects-element-type-background), .elementor-761 .elementor-element.elementor-element-7487147 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #2D2926 48%, #342F2B 52%);}.elementor-761 .elementor-element.elementor-element-a70cc98{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-761 .elementor-element.elementor-element-ff2d265 > .elementor-widget-container{margin:6px 0px 12px 0px;}.elementor-761 .elementor-element.elementor-element-ff2d265 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:60px;line-height:1.05em;color:#FFFFFF;}.elementor-761 .elementor-element.elementor-element-11389c9 > .elementor-widget-container{margin:0px 0px 24px 0px;}.elementor-761 .elementor-element.elementor-element-11389c9{font-family:"Cormorant Garamond", Sans-serif;font-size:22px;font-style:italic;color:#D6CFBF;}.elementor-761 .elementor-element.elementor-element-7acc6506{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-761 .elementor-element.elementor-element-5a107fbe{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-761 .elementor-element.elementor-element-5a107fbe.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-761 .elementor-element.elementor-element-7487147{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-761 .elementor-element.elementor-element-ff2d265 .elementor-heading-title{font-size:36px;}.elementor-761 .elementor-element.elementor-element-11389c9{font-size:18px;}}@media(min-width:768px){.elementor-761 .elementor-element.elementor-element-7487147{--content-width:1060px;}.elementor-761 .elementor-element.elementor-element-a70cc98{--width:100%;}}/* Start custom CSS *//**
 * CSS — Páginas de cuenta RCP (Restrict Content Pro)
 * Web: Sonia Chavala — soniachavala.com
 *
 * Pega en Apariencia › Personalizar › CSS adicional
 * O en tu plugin de snippets como wp_head con etiqueta <style>
 *
 * Cubre:
 * - Tu suscripción (/register/tu-suscripcion/)
 * - Mi perfil (/register/mi-perfil/)
 * - Actualizar tarjeta (/register/actualizar-tarjeta/)
 * - Login / Registro
 */

/* ── Variables corporativas ── */
:root {
    --sc-crema:       #FDFAF6;
    --sc-crema-dark:  #F0E8D8;
    --sc-beige:       #E8DCC8;
    --sc-dorado:      #C4A882;
    --sc-dorado-dark: #A8895E;
    --sc-marron:      #8B7355;
    --sc-texto:       #3D3228;
    --sc-texto-claro: #6B5744;
    --sc-verde:       #5C6B4A;
    --sc-verde-bg:    #EAF0E4;
    --sc-rojo:        #B05C3A;
    --sc-rojo-bg:     #FDF0EC;
}

/* ════════════════════════════════════════
   CONTENEDOR PRINCIPAL
════════════════════════════════════════ */
#rcp-table-wrapper {
    font-family: inherit;
    color: var(--sc-texto);
    max-width: 800px;
    width: 100%;
}

/* ════════════════════════════════════════
   TÍTULOS H3 DENTRO DE RCP
════════════════════════════════════════ */
#rcp-table-wrapper h3 {
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: var(--sc-marron) !important;
    margin: 0 0 12px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid var(--sc-beige) !important;
    font-style: normal !important;
    font-family: inherit !important;
}

#rcp-table-wrapper h3:not(:first-child) {
    margin-top: 36px !important;
}

/* ════════════════════════════════════════
   TABLAS RCP
════════════════════════════════════════ */
.rcp-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--sc-crema);
    border: 1px solid var(--sc-beige);
    border-radius: 10px;
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 0;
}

/* Cabecera de tabla */
.rcp-table thead tr {
    background: var(--sc-crema-dark);
}

.rcp-table thead th {
    padding: 12px 16px;
    text-align: left;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: var(--sc-marron) !important;
    border-bottom: 1px solid var(--sc-beige);
    white-space: nowrap;
}

/* Filas del cuerpo */
.rcp-table tbody tr {
    border-bottom: 1px solid var(--sc-beige);
    transition: background 0.15s;
}

.rcp-table tbody tr:last-child {
    border-bottom: none;
}

.rcp-table tbody tr:hover {
    background: var(--sc-crema-dark);
}

.rcp-table tbody td {
    padding: 14px 16px;
    color: var(--sc-texto);
    font-size: 14px;
    vertical-align: middle;
    line-height: 1.5;
}

/* Etiqueta móvil (data-th) */
.rcp-table tbody td[data-th]::before,
.rcp-table tbody td[data-title]::before {
    display: none;
}

@media (max-width: 640px) {
    .rcp-table thead {
        display: none;
    }
    .rcp-table tbody td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 14px;
        border-bottom: 1px solid var(--sc-beige);
        font-size: 13px;
    }
    .rcp-table tbody td[data-th]::before {
        display: block;
        content: attr(data-th);
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--sc-marron);
        flex-shrink: 0;
        margin-right: 12px;
    }
    .rcp-table tbody td[data-th="Afiliación"]::before { content: "Plan"; }
    .rcp-table tbody tr {
        border-bottom: 2px solid var(--sc-beige);
    }
}

/* ════════════════════════════════════════
   ESTADOS DE SUSCRIPCIÓN
════════════════════════════════════════ */
.rcp-subscription-status,
span.rcp_status,
.rcp-status {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}

/* Activo */
.rcp-subscription-status[class*="active"],
span.rcp_status_active,
.rcp_status.active,
td .rcp_subscription_details .active {
    background: var(--sc-verde-bg) !important;
    color: var(--sc-verde) !important;
}

/* Pendiente / expirado */
.rcp-subscription-status[class*="expired"],
.rcp-subscription-status[class*="pending"],
span.rcp_status_expired,
span.rcp_status_pending {
    background: var(--sc-rojo-bg) !important;
    color: var(--sc-rojo) !important;
}

/* Cancelado */
.rcp-subscription-status[class*="cancelled"],
span.rcp_status_cancelled {
    background: #F5F0E8 !important;
    color: var(--sc-marron) !important;
}

/* ════════════════════════════════════════
   BOTONES Y ACCIONES
════════════════════════════════════════ */
.rcp-table a,
#rcp-table-wrapper a {
    color: var(--sc-dorado) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.15s !important;
}

.rcp-table a:hover,
#rcp-table-wrapper a:hover {
    color: var(--sc-dorado-dark) !important;
    text-decoration: underline !important;
}

/* Botón cancelar / acciones */
.rcp-cancel-membership,
.rcp_cancel,
a.rcp_cancel {
    display: inline-flex !important;
    align-items: center !important;
    padding: 5px 12px !important;
    border: 1px solid var(--sc-beige) !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--sc-marron) !important;
    background: transparent !important;
    transition: all 0.15s !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.rcp-cancel-membership:hover,
.rcp_cancel:hover,
a.rcp_cancel:hover {
    border-color: var(--sc-rojo) !important;
    color: var(--sc-rojo) !important;
    background: var(--sc-rojo-bg) !important;
    text-decoration: none !important;
}

/* Botón renovar/activar */
.rcp-renew,
a.rcp_renew,
.rcp-upgrade {
    display: inline-flex !important;
    align-items: center !important;
    padding: 7px 16px !important;
    background: var(--sc-dorado) !important;
    border: none !important;
    border-radius: 25px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: white !important;
    text-decoration: none !important;
    transition: background 0.2s !important;
    cursor: pointer !important;
}

.rcp-renew:hover,
a.rcp_renew:hover,
.rcp-upgrade:hover {
    background: var(--sc-dorado-dark) !important;
    color: white !important;
    text-decoration: none !important;
}

/* ════════════════════════════════════════
   FORMULARIOS RCP (perfil, tarjeta)
════════════════════════════════════════ */
#rcp_profile_editor_form,
#rcp_update_card_form,
.rcp-update-billing-card,
form.rcp_form {
    background: var(--sc-crema);
    border: 1px solid var(--sc-beige);
    border-radius: 12px;
    padding: 28px 32px;
    max-width: 560px;
}

#rcp_profile_editor_form label,
#rcp_update_card_form label,
.rcp_form label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--sc-marron);
    margin-bottom: 5px;
    text-transform: uppercase;
}

#rcp_profile_editor_form input[type="text"],
#rcp_profile_editor_form input[type="email"],
#rcp_profile_editor_form input[type="password"],
#rcp_update_card_form input,
.rcp_form input[type="text"],
.rcp_form input[type="email"],
.rcp_form input[type="password"],
.rcp_form input[type="tel"] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--sc-beige);
    border-radius: 8px;
    font-size: 14px;
    color: var(--sc-texto);
    background: white;
    transition: border-color 0.15s;
    box-sizing: border-box;
    margin-bottom: 16px;
    font-family: inherit;
}

#rcp_profile_editor_form input:focus,
#rcp_update_card_form input:focus,
.rcp_form input:focus {
    border-color: var(--sc-dorado);
    outline: none;
}

/* Botón submit */
#rcp_profile_editor_form input[type="submit"],
#rcp_update_card_form input[type="submit"],
.rcp_form input[type="submit"],
.rcp_form button[type="submit"] {
    background: var(--sc-dorado) !important;
    color: white !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 11px 28px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    font-family: inherit !important;
    letter-spacing: 0.02em !important;
}

#rcp_profile_editor_form input[type="submit"]:hover,
#rcp_update_card_form input[type="submit"]:hover,
.rcp_form input[type="submit"]:hover,
.rcp_form button[type="submit"]:hover {
    background: var(--sc-dorado-dark) !important;
}

/* ════════════════════════════════════════
   MENSAJES DE ERROR Y ÉXITO RCP
════════════════════════════════════════ */
.rcp_message,
div.rcp_error,
p.rcp_error,
.rcp-error,
.rcp-success,
.rcp_success {
    padding: 12px 16px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-bottom: 16px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

.rcp_error,
.rcp-error {
    background: var(--sc-rojo-bg) !important;
    color: var(--sc-rojo) !important;
    border: 1px solid rgba(176,92,58,0.2) !important;
}

.rcp_success,
.rcp-success {
    background: var(--sc-verde-bg) !important;
    color: var(--sc-verde) !important;
    border: 1px solid rgba(92,107,74,0.2) !important;
}

/* ════════════════════════════════════════
   LOGIN / REGISTRO RCP
════════════════════════════════════════ */
#rcp_login_form,
#rcp_register_form {
    background: var(--sc-crema);
    border: 1px solid var(--sc-beige);
    border-radius: 12px;
    padding: 32px;
    max-width: 480px;
    margin: 0 auto;
}

#rcp_login_form fieldset,
#rcp_register_form fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

#rcp_login_form label,
#rcp_register_form label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--sc-marron);
    margin-bottom: 5px;
    text-transform: uppercase;
}

#rcp_login_form input[type="text"],
#rcp_login_form input[type="password"],
#rcp_register_form input[type="text"],
#rcp_register_form input[type="email"],
#rcp_register_form input[type="password"] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--sc-beige);
    border-radius: 8px;
    font-size: 14px;
    color: var(--sc-texto);
    background: white;
    transition: border-color 0.15s;
    box-sizing: border-box;
    margin-bottom: 14px;
    font-family: inherit;
}

#rcp_login_form input:focus,
#rcp_register_form input:focus {
    border-color: var(--sc-dorado);
    outline: none;
}

#rcp_login_form input[type="submit"],
#rcp_register_form input[type="submit"] {
    background: var(--sc-dorado) !important;
    color: white !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 11px 28px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    font-family: inherit !important;
    width: 100% !important;
    margin-top: 6px !important;
}

#rcp_login_form input[type="submit"]:hover,
#rcp_register_form input[type="submit"]:hover {
    background: var(--sc-dorado-dark) !important;
}

/* ════════════════════════════════════════
   MENSAJE "SIN SUSCRIPCIÓN"
════════════════════════════════════════ */
#rcp-account-overview tbody td[colspan],
#rcp-payment-history tbody td[colspan] {
    text-align: center !important;
    color: var(--sc-marron) !important;
    font-style: italic !important;
    padding: 24px 16px !important;
    font-size: 14px !important;
}

/* ════════════════════════════════════════
   RESPONSIVE GENERAL
════════════════════════════════════════ */
@media (max-width: 480px) {
    #rcp_profile_editor_form,
    #rcp_update_card_form,
    .rcp_form,
    #rcp_login_form,
    #rcp_register_form {
        padding: 20px 16px;
    }
}/* End custom CSS */