/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

@import url('./cn-subscriptions-alerts.css');
@import url('./cn-subscriptions-header.css');
@import url('./cn-subscriptions-forgot-password.css');
@import url('./cn-subscriptions-inputs.css');
@import url('./cn-subscriptions-access-buttons.css');
@import url('./cn-subscriptions-my-account-dashboard.css');
@import url('./cn-subscriptions-order-confirmation.css');
@import url('./cn-subscriptions-my-account-form-login.css');
@import url('./cn-subscriptions-account-navigation.css');
@import url('./cn-subscriptions-edit-account.css');
@import url('./cn-subscriptions-crypto-payments.css');
@import url('./cn-subscriptions-checkout.css');
@import url('./cn-subscriptions-my-memberships.css');
@import url('./cn-subscriptions-subscription-detail.css');
@import url('./cn-subscriptions-soft-block.css');
@import url('./cn-subscriptions-create-password.css');

body.logged-in .jeg_accountlink.jeg_menu .account,
body.logged-in .jeg_accountlink.jeg_menu .order {
    display: none;
}

/* Hide close button when body does NOT have the free-trial class */
body:not(.has_free_trial) .dialog-close-button,
body:not(.has_free_trial) .dialog-lightbox-close-button {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

span.restricted_tag,
span.restricted_tag > a {
    font-family: 'Open Sans';
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--neutral-700, #374151) !important;
}

span.restricted_tag {
    margin-bottom: 0.25em;
    margin-top: 0.25em;
}

.jeg_pl_sm .restricted_tag:has(+ .jeg_postblock_content) {
    padding-left: 15px;
}

body.jnews-dark-mode span.restricted_tag,
body.jnews-dark-mode span.restricted_tag > a {
    color: #e4e7eb !important;
}

span.restricted_tag::before {
    content: url('./../assets/exclusive-content-icon.svg');
    height: 14px;
    width: 14px;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 0.25em;
    margin-top: 0.25em;
}

body.active_membership.home #nuestros-anunciantes {
    display: none;
}

.woocommerce_account_subscriptions {
    padding: 24px 33px;
    border: 1px solid var(--neutral-200);
    border-radius: 16px;
}

.woocommerce table.shop_table {
    border: none !important;
    margin-bottom: 0px !important;
}

.woocommerce table.my_account_orders th {
    background-color: var(--neutral-100);
    color: var(--neutral-900);
    text-transform: uppercase;
    padding: 12px;
    text-align: left;
}

.woocommerce table.my_account_orders th::after {
    content: "|";
    float: right;
    color: var(--neutral-400);
    font-weight: 400;
}

.woocommerce table.my_account_orders th:nth-of-type(1) {
    border-top-left-radius: 8px;
}

.woocommerce table.my_account_orders th:last-of-type {
    border-top-right-radius: 8px;
}

.woocommerce table.my_account_orders th:last-of-type::after {
    content: unset;
}



p.woocommerce-form-row > label {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}


.subscription_content_wrapper {
    margin-top: 24px;
}


#payment .woocommerce-terms-and-conditions-wrapper {
    display: none;
}

span.exclusive_content_label,
span.exclusive_content_label > a {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: var(--neutral-700) !important;
    display: flex;
}

span.exclusive_content_label::before {
    content: url('./../assets/exclusive-content-icon.svg');
    height: 14px;
    width: 14px;
    margin-right: 5px;
    display: inline-block;
}

body.jnews-dark-mode span.exclusive_content_label {
    color: var(--neutral-50);
}




.woocommerce-order div[id*="cript-"] {
    display: none;
}

.woocommerce-order .woocommerce-order-details {
    display: none;
    
}

.woocommerce-order  {
    border-radius: 16px;
    padding: 24px;
    border: 1px solid var(--neutral-200, #E2E8F0);
    box-shadow: 0px 1px 2px 0px #0000000F;
    box-shadow: 0px 1px 3px 0px #0000001A;
    display: flex;
    flex-direction: column;
}

/* tu pedido ha sido recibido */
.woocommerce-order>  p:nth-of-type(1) {
    order: -2;
    
}

/* tu suscripcion se activara cuando se libere el pago */
.woocommerce-order > p:nth-of-type(2) {
    order: -1;
}

/* ve el estado de tu suscripcion */
.woocommerce-order > p:nth-of-type(3) {
    display: none;
}

/* tu pedido ha sido recibido */
.woocommerce-order > p:nth-of-type(1),
/* tu suscripcion se activara cuando se libere el pago */
.woocommerce-order > p:nth-of-type(2) {
    font-family: 'Open Sans';
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--neutral-600, #475569);
}

.woocommerce-order .woocommerce-customer-details {
    border: 1px solid var(--Color-neutral-200-600, #E2E8F0);
    box-shadow: 0px 1px 2px 0px #0000000F;
    box-shadow: 0px 1px 3px 0px #0000001A;
    border-radius: 16px;
    padding: 24px;
}

.woocommerce-order .woocommerce-customer-details h2 {
    font-family: 'Montserrat';
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--neutral-900, #0F172A);
}

.woocommerce-order .woocommerce-customer-details address {
    border: none;
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--neutral-600, #475569);
}

/* Remove label from subscribe CTAs ads */
.cript-target:has([class*="subscribe-cta"]) .cript-adlabel,
[class*="cript-"]:has([class*="subscribe-cta"]) .cript-adlabel {
    display: none;
}

body.woocommerce-checkout.cn_checkout_page #cn-price-ticker-container,
body.woocommerce-checkout.cn_checkout_page .jeg_bottombar ,
body.woocommerce-order-received #cn-price-ticker-container,
body.woocommerce-order-received .jeg_bottombar  {
    display: none;
}

body.woocommerce-checkout.cn_checkout_page .jeg_nav_col.jeg_nav_left {
    margin: auto auto;
}

body.woocommerce-checkout.cn_checkout_page #footer [data-widget_type*="jnews_element_header"],
body.woocommerce-checkout.cn_checkout_page #footer [data-widget_type*="nav_menu"],
body.woocommerce-checkout.cn_checkout_page #footer [data-widget_type*="image"],
body.woocommerce-checkout.cn_checkout_page #footer [data-widget_type*="jnews_footer_social"], 
body.woocommerce-checkout.cn_checkout_page #footer [data-widget_type*="shortcode"],
body.woocommerce-order-received #footer [data-widget_type*="jnews_element_header"],
body.woocommerce-order-received #footer [data-widget_type*="nav_menu"],
body.woocommerce-order-received #footer [data-widget_type*="image"],
body.woocommerce-order-received #footer [data-widget_type*="jnews_footer_social"], 
body.woocommerce-order-received #footer [data-widget_type*="shortcode"] {
    display: none;
}

/* remove thank you message from subscriptions plugin */
body.woocommerce-checkout.woocommerce-page.woocommerce-order-received .woocommerce-order > p:nth-of-type(2) {
    display: none;
}


body.exclusive_content #footer {
    display: none;
}

body.exclusive_content .jeg_header {
    z-index: 100;
}

div.woocommerce-privacy-policy-text {
  font-size: 0.7rem;
}

body.exclusive_content div#cn-price-ticker-container {
    position: relative !important;
    background-color: #FFF;
    z-index: 10;
}

body.exclusive_content.jnews-dark-mode div#cn-price-ticker-container {
    background-color: rgb(15, 23, 42);
}



button[name="save_account_details"] {
    border-radius: 4px;
}

body:not(.logged-in) .jeg_header .jeg_nav_account {
    display: none;
}

.woocommerce-order-received thead {
    background-color: var(--neutral-100);
    color: var(--neutral-900);
    border-bottom: 2px solid #E5E7EB;
}

.woocommerce-order-received th {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 5%;
    text-transform: uppercase;
    padding: 10px;
    text-align: left;
}

.woocommerce-order-received tbody tr {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
}

.woocommerce-order-received th, .woocommerce-order-received td {
    padding: 10px;
}

.woocommerce-order-received th {
    border-bottom: 1px solid var(--neutral-300);
    margin-right: 10px;
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 20px;
}

.woocommerce-order-received th:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 10px;
    background-color: #94a3b8;
    transform: translateY(-50%);
}


.woocommerce-order-received td {
    color: var(--neutral-600);
    text-transform: uppercase;
}

.woocommerce-order-received tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

.woocommerce-order-received th:first-child {
    border-top-left-radius: 4px !important;
}

.woocommerce-order-received th:last-child {
    border-top-right-radius: 4px !important;
}



.woocommerce-order-received h3.detalles-de-orden {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}

body.jnews-dark-mode ul.jeg_accountlink.jeg_menu ul {
    border: 1px solid var(--neutral-700);
}

body.jnews-dark-mode ul.jeg_accountlink.jeg_menu li {
    background-color: var(--neutral-900);
}

body.jnews-dark-mode table.order_details th {
    background-color: var(--neutral-700);
}

body.jnews-dark-mode table.order_details thead {
    background-color: transparent;
}

body.jnews-dark-mode table.order_details thead {
    border-bottom: 2px solid var(--neutral-300) !important;
}

/* Fix: hide close buttons explicitly marked by JS */
.dialog-close-button[data-cn-hidden="1"], .dialog-lightbox-close-button[data-cn-hidden="1"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body:not(.has_free_trial) #free_trial_banner {
  display: none;
}

span.remaining_trial_days > h2 {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 26px;
    line-height: 26px;
    text-align: center !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

div#free_trial_banner > div {
    box-shadow: 0px 10px 10px -5px #0000000A;
    box-shadow: 0px 20px 25px -5px #0000001A;
}

a.dialog-close-button.dialog-lightbox-close-button > i {
    color: var(--neutral-900) !important;
}

body:not(.jnews-dark-mode) .dialog-widget:has(.dialog-message #free_trial_banner) a[role="button"] svg {
    fill: var(--neutral-900);
}

body:not(.jnews-dark-mode) div#free_trial_banner a.dialog-close-button.dialog-lightbox-close-button svg {
    fill: var(--neutral-900) !important;
}


body.jnews-dark-mode div#free_trial_banner a.dialog-close-button.dialog-lightbox-close-button svg {
    fill: var(--neutral-50) !important;
}

body:not(.jnews-dark-mode) div#free_trial_banner a.elementor-button:hover {
    background-color: var(--primary-700) !important;
}

body:not(.jnews-dark-mode) div#free_trial_banner a.elementor-button {
    background-color: var(--primary-600) !important;
}

body.jnews-dark-mode div#free_trial_banner a.elementor-button {
    background-color: var(--neutral-50);
    color: var(--neutral-800) !important;
}

body.jnews-dark-mode div#free_trial_banner a.elementor-button:hover {
    background-color: var(--neutral-400);
    color: var(--neutral-800) !important;
}

body.jnews-dark-mode .dialog-widget-content:has(div#free_trial_banner) {
    background-color: transparent !important;
}

body.jnews-dark-mode div#free_trial_banner > div {
    background-color: var(--neutral-700);
}

body.jnews-dark-mode a.dialog-close-button.dialog-lightbox-close-button > i {
    color: #FFF !important;
}

.woocommerce-account-my-memberships h2, 
.woocommerce-account-my-memberships .current_plan > h2,
.woocommerce-account-my-memberships .current_payment_method > h2,
body.woocommerce-view-subscription .subscription_details h2 {
    margin-bottom: 0px;
    margin-top: 0px;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0%;
    color: var(--neutral-900);
}

body.jnews-dark-mode .woocommerce-account-my-memberships h2, 
body.jnews-dark-mode .woocommerce-account-my-memberships .current_plan > h2,
body.jnews-dark-mode .woocommerce-account-my-memberships .current_payment_method > h2,
body.jnews-dark-mode.woocommerce-view-subscription .subscription_details h2 {
    color: var(--neutral-50) !important;
}

.woocommerce-account-my-memberships {
    border: 1px solid var(--neutral-200, #E2E8F0);
    border-radius: 16px;
    padding: 24px 33px;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    overflow-x: auto;
}

body.jnews-dark-mode.woocommerce-view-subscription .subscription_details table {
    border: 1px solid var(--neutral-600, #475569);
}

body.woocommerce-view-subscription table.my_account_orders {
    width: 100%;
}

body.woocommerce-view-subscription table.my_account_orders th.membership-actions,
body.woocommerce-view-subscription table.my_account_orders td.membership-actions {
    min-width: 180px;
}

.woocommerce-account-my-memberships .current_plan,
.woocommerce-account-my-memberships .current_payment_method,
.woocommerce-view-subscription .subscription_details .current_payment_method,
.woocommerce-view-subscription .subscription_details .current_plan {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.woocommerce-account-my-memberships .current_plan > span,
.woocommerce-account-my-memberships .current_payment_method > span,
.woocommerce-view-subscription .subscription_details .current_plan > span,
.woocommerce-view-subscription .subscription_details .current_payment_method > span  {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0%;
    color: var(--neutral-600, #475569);
}

body.jnews-dark-mode .woocommerce-account-my-memberships  .current_plan > span,
body.jnews-dark-mode .woocommerce-account-my-memberships  .current_payment_method > span ,
body.jnews-dark-mode.woocommerce-view-subscription .subscription_details  .current_plan > span,
body.jnews-dark-mode.woocommerce-view-subscription .subscription_details  .current_payment_method > span  {
    color: var(--neutral-50, #475569);
}

.woocommerce-account-my-memberships table.shop_table {
    border-bottom: 1px solid var(--neutral-200) !important;
    border-radius: 0px !important;
    width: auto !important;
    min-width: max-content;
}

.woocommerce-account-my-memberships .cn-subscription-current-table {
    margin-top: 24px !important;
}

.woocommerce-account-my-memberships table.shop_table td {
    border-color: var(--neutral-200);
}

.woocommerce-account-my-memberships table.shop_table th {
    line-height: 1rem !important;
}

body.jnews-dark-mode .woocommerce-account-my-memberships table.shop_table th,
body.jnews-dark-mode.woocommerce-view-subscription table th    {
    background-color: var(--neutral-700);
}

.woocommerce-account-my-memberships table.shop_table th > span,
body.woocommerce-view-subscription table.my_account_orders th > span {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: var(--neutral-900);
}

body.jnews-dark-mode .woocommerce-account-my-memberships table.shop_table th > span,
body.jnews-dark-mode.woocommerce-view-subscription table.my_account_orders th > span {
    color: var(--neutral-50);
}

.woocommerce-account-my-memberships table.shop_table tbody > tr > td,
.woocommerce-view-subscription table tbody > tr > td {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: var(--neutral-600);
}

body.jnews-dark-mode .woocommerce-account-my-memberships table.shop_table tbody > tr > td,
body.jnews-dark-mode.woocommerce-view-subscription table tbody > tr > td {
    color: var(--neutral-50) !important;
}

/* Stretch the account/subscription area to fill the full height between
   header and footer, regardless of how short an individual tab's content is. */
body.woocommerce-account .jeg_viewport,
body.woocommerce-members_area .jeg_viewport,
body.woocommerce-view-subscription .jeg_viewport {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body.woocommerce-account div.jeg_main,
body.woocommerce-members_area div.jeg_main,
body.woocommerce-view-subscription div.jeg_main {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

/* .jeg_container / .container normally center themselves via `margin: 0 auto`
   (harmless in normal block flow since their width already resolves to 100%,
   but that same auto margin shrinks them to content width and centers them
   once they become flex items) — force explicit full width + zero margin so
   turning them into flex items below doesn't change how they render. */
body.woocommerce-account div.jeg_main > .jeg_container,
body.woocommerce-members_area div.jeg_main > .jeg_container,
body.woocommerce-view-subscription div.jeg_main > .jeg_container,
body.woocommerce-account .jeg_content.jeg_singlepage > .container,
body.woocommerce-members_area .jeg_content.jeg_singlepage > .container,
body.woocommerce-view-subscription .jeg_content.jeg_singlepage > .container {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

body.woocommerce-account .jeg_content.jeg_singlepage,
body.woocommerce-members_area .jeg_content.jeg_singlepage,
body.woocommerce-view-subscription .jeg_content.jeg_singlepage {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding-top: 0;
    padding-bottom: 0;
}

body.woocommerce-account .jeg_content.jeg_singlepage > .container > .woocommerce,
body.woocommerce-members_area .jeg_content.jeg_singlepage > .container > .woocommerce,
body.woocommerce-view-subscription .jeg_content.jeg_singlepage > .container > .woocommerce {
    flex: 1 1 auto;
}

.woocommerce-account-my-memberships a.subscription_details_link,
body.woocommerce-view-subscription table.my_account_orders a {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: var(--primary-600) !important;
}

body.jnews-dark-mode.woocommerce-account-my-memberships a ,
body.jnews-dark-mode.woocommerce-view-subscription table.my_account_orders a {
    box-shadow: none;
    background: none;
}

.woocommerce-account-my-memberships a.subscription_details_link:hover,
body.woocommerce-view-subscription table.my_account_orders a:hover {
    text-decoration: underline;
    text-decoration-style: solid;
}

body.jnews-dark-mode .woocommerce-account-my-memberships a.subscription_details_link,
body.jnews-dark-mode.woocommerce-view-subscription table a {
    color: var(--primary-300) !important;
}


td.membership-actions.order-actions > a,
body.woocommerce-view-subscription table td a {
    background-color: transparent !important;
        font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: var(--primary-600);
    text-transform: capitalize;
    text-align: left;
    padding: 12px 0 !important;
    display: flex;
    flex-direction: row;
    justify-content: center !important;
    align-items: center !important;
    transition: none;
    margin-top: auto !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
body.woocommerce-view-subscription td > a:hover {
    background-color: transparent !important;
    text-decoration: underline;
    font-weight: 400;
    color: var(--primary-600);
    box-shadow: none !important;
    transition: none !important;
}

body.woocommerce-view-subscription table td.membership-actions {
    display: flex;
    gap: 15px;
    white-space: nowrap;
}


/* login form */

div.jeg_popupform.jeg_popup_account {
    display: flex;
}

div#jeg_loginform.jeg_popup,
div#jeg_registerform.jeg_popup,
div#jeg_forgotform.jeg_popup {
  max-width: unset !important;
  margin: 24px;
  padding: 0px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}

body.jnews-dark-mode div#jeg_forgotform.jeg_popup {
    background-color: var(--neutral-900);
}

div#jeg_loginform.jeg_popup aside,
div#jeg_registerform.jeg_popup aside,
div#jeg_forgotform.jeg_popup aside {
  border-bottom-left-radius: 8px;  
}


div#jeg_loginform.jeg_popup header,
div#jeg_registerform.jeg_popup header,
div#jeg_forgotform.jeg_popup header {
    width: 100%;
  padding: 24px;
  border-bottom: 1px solid var(--neutral-200);
  display: flex;
  flex-direction: row;
  justify-content: center;
}

div#jeg_loginform.jeg_popup header img,
div#jeg_registerform.jeg_popup header  img,
div#jeg_forgotform.jeg_popup header  img{
    max-height: 42px;
    width: auto;
}

body.jnews-dark-mode div#jeg_loginform.jeg_popup header > img.hide-on-dark-mode,
body.jnews-dark-mode div#jeg_registerform.jeg_popup header > img.hide-on-dark-mode,
body.jnews-dark-mode div#jeg_forgotform.jeg_popup header > img.hide-on-dark-mode {
  display: none;
}

body:not(.jnews-dark-mode) div#jeg_loginform.jeg_popup header > img:not(.hide-on-dark-mode),
body:not(.jnews-dark-mode) div#jeg_registerform.jeg_popup header > img:not(.hide-on-dark-mode),
body:not(.jnews-dark-mode) div#jeg_forgotform.jeg_popup header > img:not(.hide-on-dark-mode) {
  display: none;
}

body.jnews-dark-mode div#jeg_loginform.jeg_popup header,
body.jnews-dark-mode div#jeg_registerform.jeg_popup header,
body.jnews-dark-mode div#jeg_forgotform.jeg_popup header {
   background-color: var(--neutral-900);
   border-bottom: 1px solid var(--neutral-600);
    border-radius: 8px 8px 0px 0px;
}


div#jeg_loginform.jeg_popup aside.background-image,
div#jeg_registerform.jeg_popup aside.background-image {
    width: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-flex;
}

.mfp-zoom-out.mfp-ready.mfp-bg {
    background: rgba(71, 85, 105, 0.8);
}

div#jeg_forgotform.jeg_popup {
    width: 680px !important;
    margin: auto;
    box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
}

div#jeg_forgotform .jeg_popupform.jeg_popup_account {
    margin: auto;
    padding: 56px;
    width: auto;
}

body.jnews-dark-mode div#jeg_forgotform .jeg_popupform.jeg_popup_account {
    background-color: var(--neutral-900);
}

div#jeg_forgotform .jeg_popupform.jeg_popup_account h3 {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 26px;
    line-height: 26px;
    letter-spacing: -3%;
    text-align: center;
    margin-bottom: 15px;
}

div#jeg_forgotform .jeg_popupform.jeg_popup_account h3 + p {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: 20px;
}

div#jeg_forgotform .jeg_popupform.jeg_popup_account p.input_field {
    margin-bottom: 12px;
}

body:not(.jnews-dark-mode) div#jeg_forgotform .jeg_popupform.jeg_popup_account input[name="user_login"] {
    padding: 8px 3px;
    border: 1px solid var(--neutral-300, rgba(203, 213, 225, 1));
    border-radius: 4px;
    text-indent: 13px;
    color: var(--neutral-900);
}

body:not(.jnews-dark-mode) div#jeg_forgotform .jeg_popupform.jeg_popup_account input[name="user_login"]::placeholder {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    text-indent: 13px;
    letter-spacing: 0%;
    color: var(--neutral-500, rgba(100, 116, 139, 1));
    text-align: left;
}

div#jeg_forgotform .jeg_popupform.jeg_popup_account p.submit {
    margin-bottom: 20px;
}

div#jeg_forgotform .jeg_popupform.jeg_popup_account p.submit input[name="jeg_login_button"] {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    border-radius: 4px;
    /*background-color: var(--primary-600);*/
    max-height: 40px;
}

div#jeg_forgotform .jeg_popupform.jeg_popup_account div.bottom_links > p.create_account {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 0%;
    text-align: center;
}


div#jeg_forgotform .jeg_popupform.jeg_popup_account div.bottom_links > p.create_account > a {
    float: unset !important;
    margin-left: 5px;
    text-decoration: underline;
}

body:not(.jnews-dark-mode) div#jeg_forgotform .jeg_popupform.jeg_popup_account div.bottom_links > p.create_account > a {
    color: var(--neutral-600);
}

body:not(.jnews-dark-mode)  div#jeg_forgotform .jeg_popupform.jeg_popup_account div.bottom_links > p.create_account > a:hover {
    color: var(--primary-700);
}

body.jnews-dark-mode div#jeg_forgotform .jeg_popupform.jeg_popup_account div.bottom_links > p.create_account > a {
    color: var(--neutral-300) !important;
}

body.jnews-dark-mode  div#jeg_forgotform .jeg_popupform.jeg_popup_account div.bottom_links > p.create_account > a:hover {
    color: var(--primary-300) !important;
}


div#jeg_forgotform .jeg_popupform.jeg_popup_account .g-recaptcha {
    height: 0px;
}

div .jeg_popupform.jeg_popup_account p.input_field > label {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    margin-bottom: 4px;
    float: left;
}

body:not(.jnews-dark-mode) div .jeg_popupform.jeg_popup_account p.input_field > label {
    color: var(--neutral-600) !important;
}

body.jnews-dark-mode div .jeg_popupform.jeg_popup_account p.input_field > label {
    color: var(--neutral-50) !important;
}


@media screen and (max-width: 992px) {
    div#jeg_forgotform.jeg_popup {
        width: fit-content !important;
        margin: auto;
    }

    div#jeg_forgotform .jeg_popupform.jeg_popup_account {
        padding: 32px 24px;
    }
}

@media screen and (max-width: 992px) {
    div#jeg_loginform.jeg_popup aside.background-image,
    div#jeg_registerform.jeg_popup aside.background-image {
        display: none;
    }
}

div#jeg_loginform.jeg_popup aside.background-image {
  background-image: url('./../assets/img/login.png');
}


div#jeg_registerform.jeg_popup aside.background-image {
  background-image: url('./../assets/img/registro.png');
}


div#jeg_loginform.jeg_popup form,
div#jeg_loginform.jeg_popup aside,
div#jeg_registerform.jeg_popup form,
div#jeg_registerform.jeg_popup aside {
  width: 50%;
}

body.jnews-dark-mode div#jeg_loginform.jeg_popup form,
body.jnews-dark-mode div#jeg_registerform.jeg_popup form {
  background-color: var(--neutral-900);
}



div#jeg_loginform.jeg_popup form,
div#jeg_registerform.jeg_popup form {
  padding: 32px;
  display: inline-flex;
  flex-direction: column;
}

div#jeg_loginform h2,
div#jeg_registerform h2 {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 26px;
    line-height: 26px;
    text-align: center;
    color: var(--neutral-900);
}

body.jnews-dark-mode div#jeg_loginform h2,
body.jnews-dark-mode div#jeg_registerform h2,
body.jnews-dark-mode div#jeg_loginform p.copy,
body.jnews-dark-mode div#jeg_registerform p.copy {
    color: var(--neutral-50) !important;
}

div#jeg_loginform p.copy,
div#jeg_registerform p.copy {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: var(--neutral-600);
}

div#jeg_loginform p.input_field,
div#jeg_registerform p.input_field {
    width: 50%;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
}


div#jeg_loginform p.input_field input,
div#jeg_registerform p.input_field input,
div#jeg_forgotform p.input_field input {
    border: 1px solid var(--neutral-300);
    border-radius: 4px;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    text-indent: 13px;
    color: var(--neutral-900) !important;
    text-align: left;
    height: 40px;
}

body:not(.jnews-dark-mode) div#jeg_loginform p.input_field input:focus,
body:not(.jnews-dark-mode) div#jeg_registerform p.input_field input:focus,
body:not(.jnews-dark-mode) div#jeg_forgotform p.input_field input:focus {
    border-color: var(--primary-600) !important;
}


body.jnews-dark-mode div#jeg_loginform p.input_field input:focus,
body.jnews-dark-mode div#jeg_registerform p.input_field input:focus,
body.jnews-dark-mode div#jeg_forgotform p.input_field input:focus {
    border-color: var(--neutral-300);
}

body.jnews-dark-mode div#jeg_loginform p.input_field input,
body.jnews-dark-mode div#jeg_registerform p.input_field input,
body.jnews-dark-mode div#jeg_forgotform p.input_field input{
    border: 1px solid var(--neutral-600);
    background: var(--neutral-900);
    color: var(--neutral-50) !important;
}

div#jeg_loginform p.input_field input::placeholder,
div#jeg_registerform p.input_field input::placeholder,
div#jeg_forgotform p.input_field input::placeholder {
    font-family: 'Open Sans' !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 22px !important;
    text-indent: 13px !important;
    color: var(--neutral-500) !important;
    text-align: left;
}

body.jnews-dark-mode div#jeg_loginform p.input_field input::placeholder,
body.jnews-dark-mode div#jeg_registerform p.input_field input::placeholder,
body.jnews-dark-mode div#jeg_forgotform p.input_field input::placeholder {
    color: #CBD5E1 !important;
}

/* Oculta los íconos nativos del navegador (candado/reveal-password de Chrome,
 * ::-ms-reveal de Edge/IE) que se amontonaban con el ojito custom. */
.woocommerce form input[type="password"]::-webkit-credentials-auto-fill-button,
#jeg_loginform input[type="password"]::-webkit-credentials-auto-fill-button,
#jeg_registerform input[type="password"]::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

.woocommerce form input[type="password"]::-ms-reveal,
.woocommerce form input[type="password"]::-ms-clear,
#jeg_loginform input[type="password"]::-ms-reveal,
#jeg_loginform input[type="password"]::-ms-clear,
#jeg_registerform input[type="password"]::-ms-reveal,
#jeg_registerform input[type="password"]::-ms-clear {
    display: none;
}

/* Ojito mostrar/ocultar contraseña del popup de login/registro (obs. 11, 26,
 * 30). El popup no es un formulario de WooCommerce, así que no hereda el
 * .password-input/.show-password-input de woocommerce-layout.css — se
 * replica acá esa misma estructura, reusando el ícono ya definido para
 * WooCommerce en cn-subscriptions-my-account-form-login.css. */
#jeg_loginform .password-input,
#jeg_registerform .password-input {
    display: flex;
    width: 100%;
    clear: both;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

#jeg_loginform .password-input input[type="password"],
#jeg_loginform .password-input input[type="text"],
#jeg_registerform .password-input input[type="password"],
#jeg_registerform .password-input input[type="text"] {
    padding-right: 2.5rem;
}

#jeg_loginform .show-password-input,
#jeg_registerform .show-password-input {
    background-color: transparent;
    border-radius: 0;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0.7em;
    top: 50%;
    transform: translateY(-50%);
    -webkit-appearance: none;
}

#jeg_loginform .show-password-input::before,
#jeg_registerform .show-password-input::before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 17px;
    width: 22px;
}

body:not(.jnews-dark-mode) #jeg_loginform .show-password-input::before,
body:not(.jnews-dark-mode) #jeg_registerform .show-password-input::before {
    background-image: url('data:image/svg+xml,<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.801758 8.572C0.732747 8.36459 0.732747 8.14041 0.801758 7.933C2.18876 3.76 6.12576 0.75 10.7658 0.75C15.4038 0.75 19.3388 3.757 20.7288 7.928C20.7988 8.135 20.7988 8.359 20.7288 8.567C19.3428 12.74 15.4058 15.75 10.7658 15.75C6.12776 15.75 2.19176 12.743 0.801758 8.572Z" stroke="%2364748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.7658 8.25C13.7658 9.04565 13.4497 9.80871 12.8871 10.3713C12.3245 10.9339 11.5614 11.25 10.7658 11.25C9.97011 11.25 9.20705 10.9339 8.64444 10.3713C8.08183 9.80871 7.76576 9.04565 7.76576 8.25C7.76576 7.45435 8.08183 6.69129 8.64444 6.12868C9.20705 5.56607 9.97011 5.25 10.7658 5.25C11.5614 5.25 12.3245 5.56607 12.8871 6.12868C13.4497 6.69129 13.7658 7.45435 13.7658 8.25Z" stroke="%2364748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

body.jnews-dark-mode #jeg_loginform .show-password-input::before,
body.jnews-dark-mode #jeg_registerform .show-password-input::before {
    background-image: url('data:image/svg+xml,<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.801758 8.572C0.732747 8.36459 0.732747 8.14041 0.801758 7.933C2.18876 3.76 6.12576 0.75 10.7658 0.75C15.4038 0.75 19.3388 3.757 20.7288 7.928C20.7988 8.135 20.7988 8.359 20.7288 8.567C19.3428 12.74 15.4058 15.75 10.7658 15.75C6.12776 15.75 2.19176 12.743 0.801758 8.572Z" stroke="%23CBD5E1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.7658 8.25C13.7658 9.04565 13.4497 9.80871 12.8871 10.3713C12.3245 10.9339 11.5614 11.25 10.7658 11.25C9.97011 11.25 9.20705 10.9339 8.64444 10.3713C8.08183 9.80871 7.76576 9.04565 7.76576 8.25C7.76576 7.45435 8.08183 6.69129 8.64444 6.12868C9.20705 5.56607 9.97011 5.25 10.7658 5.25C11.5614 5.25 12.3245 5.56607 12.8871 6.12868C13.4497 6.69129 13.7658 7.45435 13.7658 8.25Z" stroke="%23CBD5E1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

body:not(.jnews-dark-mode) #jeg_loginform .show-password-input.display-password::before,
body:not(.jnews-dark-mode) #jeg_registerform .show-password-input.display-password::before {
    background-image: url('data:image/svg+xml,<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.801758 8.572C0.732747 8.36459 0.732747 8.14041 0.801758 7.933C2.18876 3.76 6.12576 0.75 10.7658 0.75C15.4038 0.75 19.3388 3.757 20.7288 7.928C20.7988 8.135 20.7988 8.359 20.7288 8.567C19.3428 12.74 15.4058 15.75 10.7658 15.75C6.12776 15.75 2.19176 12.743 0.801758 8.572Z" stroke="%2364748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.7658 8.25C13.7658 9.04565 13.4497 9.80871 12.8871 10.3713C12.3245 10.9339 11.5614 11.25 10.7658 11.25C9.97011 11.25 9.20705 10.9339 8.64444 10.3713C8.08183 9.80871 7.76576 9.04565 7.76576 8.25C7.76576 7.45435 8.08183 6.69129 8.64444 6.12868C9.20705 5.56607 9.97011 5.25 10.7658 5.25C11.5614 5.25 12.3245 5.56607 12.8871 6.12868C13.4497 6.69129 13.7658 7.45435 13.7658 8.25Z" stroke="%2364748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><line x1="1.5" y1="1" x2="20" y2="16" stroke="%2364748B" stroke-width="1.5" stroke-linecap="round"/></svg>');
}

body.jnews-dark-mode #jeg_loginform .show-password-input.display-password::before,
body.jnews-dark-mode #jeg_registerform .show-password-input.display-password::before {
    background-image: url('data:image/svg+xml,<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.801758 8.572C0.732747 8.36459 0.732747 8.14041 0.801758 7.933C2.18876 3.76 6.12576 0.75 10.7658 0.75C15.4038 0.75 19.3388 3.757 20.7288 7.928C20.7988 8.135 20.7988 8.359 20.7288 8.567C19.3428 12.74 15.4058 15.75 10.7658 15.75C6.12776 15.75 2.19176 12.743 0.801758 8.572Z" stroke="%23CBD5E1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.7658 8.25C13.7658 9.04565 13.4497 9.80871 12.8871 10.3713C12.3245 10.9339 11.5614 11.25 10.7658 11.25C9.97011 11.25 9.20705 10.9339 8.64444 10.3713C8.08183 9.80871 7.76576 9.04565 7.76576 8.25C7.76576 7.45435 8.08183 6.69129 8.64444 6.12868C9.20705 5.56607 9.97011 5.25 10.7658 5.25C11.5614 5.25 12.3245 5.56607 12.8871 6.12868C13.4497 6.69129 13.7658 7.45435 13.7658 8.25Z" stroke="%23CBD5E1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><line x1="1.5" y1="1" x2="20" y2="16" stroke="%23CBD5E1" stroke-width="1.5" stroke-linecap="round"/></svg>');
}

div#jeg_loginform p.submit input.button,
div#jeg_registerform p.submit input.button,
div#jeg_forgotform p.submit input.button {
    display: block;
    background-color: var(--primary-600);
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    height: 40px;
}

div#jeg_loginform p.submit input.button,
div#jeg_registerform p.submit input.button,
div#jeg_forgotform p.submit input.button {
    margin: 0px auto 12px auto;
}

div#jeg_loginform p.submit input.button,
div#jeg_registerform p.submit input.button {
    width: 50% !important;
}

div#jeg_loginform p.submit input.button:hover,
div#jeg_registerform p.submit input.button:hover,
div#jeg_forgotform p.submit input.button:hover {
    background-color: var(--primary-700);
}

body.jnews-dark-mode div#jeg_loginform p.submit input.button,
body.jnews-dark-mode div#jeg_registerform p.submit input.button,
body.jnews-dark-mode div#jeg_forgotform p.submit input.button {
    background-color: var(--neutral-50) !important;
    color: var(--neutral-900) !important;
}

body.jnews-dark-mode div#jeg_loginform p.submit input.button:hover,
body.jnews-dark-mode div#jeg_registerform p.submit input.button:hover,
body.jnews-dark-mode div#jeg_forgotform p.submit input.button:hover {
    background-color: var(--neutral-500) !important;
    color: #FFF !important;
}

/* Botón de registro deshabilitado (términos no aceptados) */
div#jeg_registerform p.submit input.button:disabled {
    cursor: not-allowed;
    pointer-events: auto;
}

body:not(.jnews-dark-mode) div#jeg_registerform p.submit input.button:disabled {
    background-color: var(--neutral-300) !important;
    color: var(--neutral-500) !important;
}

body.jnews-dark-mode div#jeg_registerform p.submit input.button:disabled {
    background-color: var(--neutral-700) !important;
    color: var(--neutral-500) !important;
}



div#jeg_registerform .g-recaptcha {
    margin-bottom: 0px;
    height: 0px;
}


.mfp-close-btn-in .mfp-close {
    color: var(--neutral-900) !important;
    top: 20px !important;
    right: 15px !important;

}

body.jnews-dark-mode .mfp-close-btn-in .mfp-close {
    color: var(--neutral-50) !important;
}

div#jeg_loginform p.submit input.button:hover,
div#jeg_registerform p.submit input.button:hover,
div#jeg_forgotform p.submit input.button:hover {
    background-color: var(--primary-700);
}

div#jeg_loginform .jeg_popuplink.forgot,
div#jeg_registerform .jeg_popuplink.forgot {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 0%;
    text-align: center;
}

body:not(.jnews-dark-mode) div#jeg_loginform .jeg_popuplink.forgot,
body:not(.jnews-dark-mode) div#jeg_registerform .jeg_popuplink.forgot {
    color: var(--neutral-600);
}

body:not(.jnews-dark-mode) div#jeg_loginform .jeg_popuplink.forgot:hover,
body:not(.jnews-dark-mode) div#jeg_registerform .jeg_popuplink.forgot:hover {
    color: var(--primary-700);
}

body.jnews-dark-mode div#jeg_loginform .jeg_popuplink.forgot,
body.jnews-dark-mode div#jeg_registerform .jeg_popuplink.forgot {
    color: var(--neutral-300) !important;
}

body.jnews-dark-mode div#jeg_loginform .jeg_popuplink.forgot:hover,
body.jnews-dark-mode div#jeg_registerform .jeg_popuplink.forgot:hover {
    color: var(--primary-300) !important;
}


div#jeg_loginform.jeg_popup p.create_account, 
div#jeg_registerform.jeg_popup p.create_account,
div#jeg_forgotform.jeg_popup p.create_account {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
}

body:not(.jnews-dark-mode) div#jeg_loginform.jeg_popup p.create_account,
body:not(.jnews-dark-mode) div#jeg_registerform.jeg_popup p.create_account,
body:not(.jnews-dark-mode) div#jeg_forgotform.jeg_popup p.create_account {
    color: var(--neutral-600);
}

body.jnews-dark-mode div#jeg_loginform.jeg_popup p.create_account,
body.jnews-dark-mode div#jeg_registerform.jeg_popup p.create_account,
body.jnews-dark-mode div#jeg_forgotform.jeg_popup p.create_account {
    color: var(--neutral-300) !important;
}

div#jeg_loginform.jeg_popup p.create_account > a, 
div#jeg_registerform.jeg_popup p.create_account > a {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 0%;
    text-align: center;
    float: unset;
    text-decoration: underline;
}

body:not(.jnews-dark-mode) div#jeg_loginform.jeg_popup p.create_account > a,
body:not(.jnews-dark-mode) div#jeg_registerform.jeg_popup p.create_account > a {
    color: var(--neutral-600);
}

body:not(.jnews-dark-mode) div#jeg_loginform.jeg_popup p.create_account > a:hover,
body:not(.jnews-dark-mode) div#jeg_registerform.jeg_popup p.create_account > a:hover {
    text-decoration: underline;
    color: var(--primary-700);
}


body.jnews-dark-mode div#jeg_loginform.jeg_popup p.create_account > a,
body.jnews-dark-mode div#jeg_registerform.jeg_popup p.create_account > a {
    color: var(--neutral-300) !important;
}

body.jnews-dark-mode div#jeg_loginform.jeg_popup p.create_account > a:hover,
body.jnews-dark-mode div#jeg_registerform.jeg_popup p.create_account > a:hover {
    text-decoration: underline;
    color: var(--primary-300) !important;
}

body.jnews-dark-mode div#jeg_loginform.jeg_popup .bottom_links > p.disclaimer ,
body.jnews-dark-mode div#jeg_registerform.jeg_popup .bottom_links > p.disclaimer  {
    color: var(--neutral-400) !important;
}


div#jeg_loginform.jeg_popup .bottom_links > p.disclaimer , 
div#jeg_registerform.jeg_popup .bottom_links > p.disclaimer  {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    color: var(--neutral-600);
}

body:not(.jnews-dark-mode) div#jeg_loginform.jeg_popup .bottom_links > p.disclaimer > a,
body:not(.jnews-dark-mode) div#jeg_registerform.jeg_popup .bottom_links > p.disclaimer > a {
    color: var(--neutral-600) !important;
    text-decoration: underline;
}

body:not(.jnews-dark-mode) div#jeg_loginform.jeg_popup .bottom_links > p.disclaimer > a:hover,
body:not(.jnews-dark-mode) div#jeg_registerform.jeg_popup .bottom_links > p.disclaimer > a:hover {
    color: var(--primary-700) !important;
    text-decoration: underline;
}

body.jnews-dark-mode div#jeg_loginform.jeg_popup .bottom_links > p.disclaimer > a,
body.jnews-dark-mode div#jeg_registerform.jeg_popup .bottom_links > p.disclaimer > a {
    color: var(--neutral-400) !important;
    text-decoration: underline;
}

body.jnews-dark-mode div#jeg_loginform.jeg_popup .bottom_links > p.disclaimer > a:hover,
body.jnews-dark-mode div#jeg_registerform.jeg_popup .bottom_links > p.disclaimer > a:hover {
    color: var(--primary-300) !important;
    text-decoration: underline;
}

body.jnews-dark-mode div#jeg_registerform.jeg_popup form > p.disclaimer {
    color: var(--neutral-400) !important;
}

div#jeg_registerform.jeg_popup form > p.disclaimer {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: left;
    color: var(--neutral-600);
    margin-bottom: 0;
}

body:not(.jnews-dark-mode) div#jeg_registerform.jeg_popup form > p.disclaimer > a {
    color: var(--neutral-600) !important;
    text-decoration: underline;
}

body:not(.jnews-dark-mode) div#jeg_registerform.jeg_popup form > p.disclaimer > a:hover {
    color: var(--primary-700) !important;
    text-decoration: underline;
}

body.jnews-dark-mode div#jeg_registerform.jeg_popup form > p.disclaimer > a {
    color: var(--neutral-400) !important;
    text-decoration: underline;
}

body.jnews-dark-mode div#jeg_registerform.jeg_popup form > p.disclaimer > a:hover {
    color: var(--primary-300) !important;
    text-decoration: underline;
}


@media screen and (max-width: 992px) {
    div#jeg_loginform.jeg_popup form,
    div#jeg_registerform.jeg_popup form,
    div#jeg_loginform p.input_field,
    div#jeg_registerform p.input_field ,
    div#jeg_loginform p.submit input.button,
    div#jeg_registerform p.submit input.button {
        width: 100% !important;
    }

    #jeg_registerform .consent-checkboxes,
    #jeg_registerform p.disclaimer {
        width: 100% !important;
    }

    div#jeg_loginform.jeg_popup aside,
    div#jeg_registerform.jeg_popup aside {
        display: none;
    }
}

/* Register modal — consent checkboxes/disclaimer alignment */
#jeg_registerform .consent-checkboxes,
#jeg_registerform p.disclaimer {
    margin-left: auto;
    margin-right: auto;
}

/* Register / Login modal — wider form fields on desktop (aside visible) */
@media screen and (min-width: 993px) {
    div#jeg_loginform p.input_field,
    div#jeg_registerform p.input_field {
        width: 80% !important;
    }

    div#jeg_loginform p.submit input.button,
    div#jeg_registerform p.submit input.button {
        width: 80% !important;
    }

    #jeg_registerform .consent-checkboxes,
    #jeg_registerform p.disclaimer {
        width: 80% !important;
    }

    div#jeg_loginform .separator,
    div#jeg_registerform .separator,
    div#jeg_loginform .nsl-container.nsl-container-block,
    div#jeg_registerform .nsl-container.nsl-container-block,
    div#jeg_loginform .bottom_links,
    div#jeg_registerform .bottom_links {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Register / Login modal — resoluciones intermedias (laptops, no mobile): el alto de
   viewport suele ser el limitante, no el ancho. Se compacta el espaciado vertical y,
   como red de seguridad, se limita el alto del modal al viewport con scroll interno
   (el header queda siempre visible) para no forzar scroll de toda la página. */
@media screen and (min-width: 993px) and (max-width: 1380px) {
    div#jeg_loginform.jeg_popup,
    div#jeg_registerform.jeg_popup {
        max-height: calc(100vh - 48px);
        overflow: hidden;
    }

    /* El scroll va en el <form> (columna derecha), no en esta fila: si
     * scrollea la fila completa, aside.background-image (columna
     * izquierda) se estira al alto del contenido del form y termina
     * bajando/recortándose junto con el formulario en vez de quedarse fijo. */
    div#jeg_loginform.jeg_popup .jeg_popupform.jeg_popup_account,
    div#jeg_registerform.jeg_popup .jeg_popupform.jeg_popup_account {
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
    }

    div#jeg_loginform.jeg_popup .jeg_popupform.jeg_popup_account > form,
    div#jeg_registerform.jeg_popup .jeg_popupform.jeg_popup_account > form {
        min-height: 0;
        overflow-y: auto;
    }

    div#jeg_loginform.jeg_popup header,
    div#jeg_registerform.jeg_popup header {
        padding: 16px 24px;
    }

    div#jeg_loginform.jeg_popup header img,
    div#jeg_registerform.jeg_popup header img {
        max-height: 32px;
    }

    div#jeg_loginform.jeg_popup form,
    div#jeg_registerform.jeg_popup form {
        padding: 20px 32px;
    }

    div#jeg_loginform h2,
    div#jeg_registerform h2 {
        margin: 0 0 8px 0;
    }

    div#jeg_loginform p.copy,
    div#jeg_registerform p.copy {
        margin: 0 0 12px 0;
    }

    div#jeg_loginform .separator,
    div#jeg_registerform .separator {
        /* "margin: 12px 0" resetea margin-left/right a 0, pisando el
         * "margin-left/right: auto" que centra el separador (mismo
         * selector, ancho 80%) en el media query de arriba — el separador
         * quedaba pegado al borde izquierdo en vez de centrado en todo el
         * rango 993-1380px (incluye iPad mini apaisado, 1024px). */
        margin: 12px auto;
    }

    div#jeg_loginform.jeg_popup p.create_account,
    div#jeg_registerform.jeg_popup p.create_account,
    div#jeg_loginform.jeg_popup .bottom_links > p.disclaimer,
    div#jeg_registerform.jeg_popup .bottom_links > p.disclaimer {
        margin: 6px 0;
    }
}


.separator {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    position: relative;
}

.separator:before,
.separator:after {
    content: "";
    /* flex-basis explícito en px, no el "0%" que da el shorthand "flex: 1":
     * Safari/iPadOS (ej. iPad mini apaisado, reportado con captura) tiene
     * un bug conocido con flex-basis en porcentaje sobre pseudo-elementos
     * dentro de un flex container — lo trata más como "auto" que como "0",
     * así que una de las dos líneas crece más que la otra en vez de
     * repartirse el espacio por igual a los lados de "o". */
    flex: 1 1 0px;
    min-width: 0;
    height: 1px;
    background: var(--neutral-200);
    margin: 0 10px;
}

body.jnews-dark-mode .separator:before,
body.jnews-dark-mode .separator:after {
    background: var(--neutral-600);
}

.separator span {
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 16px;
    line-height: 36px;
}

.cn-social-login-button {
    border: 1px solid var(--neutral-300);
    padding: 12px 64px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    gap: 12px;
    border-radius: 4px;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    color: var(--neutral-900);
}

div#jeg_loginform .cn-social-login-button,
div#jeg_registerform .cn-social-login-button {
    display: grid;
    grid-template-columns: 20px minmax(0px, 165px);
    justify-content: center;
    align-items: center;
    column-gap: 12px;
    padding-left: 24px;
    padding-right: 24px;
    text-align: left;
}

div#jeg_loginform .nsl-container.nsl-container-block .nsl-container-buttons,
div#jeg_registerform .nsl-container.nsl-container-block .nsl-container-buttons {
    width: 100% !important;
}

div#jeg_loginform .nsl-container.nsl-container-block .nsl-container-buttons > *,
div#jeg_registerform .nsl-container.nsl-container-block .nsl-container-buttons > * {
    width: 100% !important;
}

div#jeg_loginform .cn-social-login-button > img,
div#jeg_registerform .cn-social-login-button > img {
    justify-self: center;
}

div#jeg_loginform .cn-social-login-button > svg,
div#jeg_registerform .cn-social-login-button > svg,
div#jeg_loginform .cn-social-login-button > i,
div#jeg_registerform .cn-social-login-button > i {
    justify-self: center;
    width: 20px;
    text-align: center;
}

div#jeg_loginform .cn-social-login-button > span,
div#jeg_registerform .cn-social-login-button > span {
    width: 100%;
    text-align: left;
}

@media screen and (max-width: 480px) {
    div#jeg_loginform .cn-social-login-button,
    div#jeg_registerform .cn-social-login-button {
        grid-template-columns: 20px 1fr;
    }
}

@media (max-width: 768px) {
  .cn-social-login-button {
    padding: 12px 16px !important;
    min-width: 250px !important;
  }
}

body.jnews-dark-mode .cn-social-login-button {
    color: var(--neutral-50);
    border-color: var(--neutral-600);
}

.cn-social-login-button:hover {
    border: 1px solid var(--neutral-400);
}


.cn-social-login-button > img {
    height: 20px;
    width: 20px;
}

.nsl-container.nsl-container-block {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-bottom: 12px;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: right;
}

body.active-membership .fixed_ad_container,
body.active-membership .jeg_ad,
body.active-membership .ads-wrapper,
body.active-membership .ads_shortcode,
body.active-membership .cri-wrapper,
body.active-membership .cri_shortcode {
    display: none;
}

body.exclusive_content:not(.active-membership) .post-wrapper {
    pointer-events: none;
}

body.exclusive_content:not(.active-membership) .post-wrapper section#locked-content {
    pointer-events: auto !important;
}

body.exclusive_content:not(.active-membership) .post-wrapper .jeg_post_tags,
body.exclusive_content:not(.active-membership) .post-wrapper .sugerencia-noticia {
    display: none;
}

body:not(.jnews-dark-mode).woocommerce form .show-password-input.display-password::before,
body:not(.jnews-dark-mode).woocommerce-page form .show-password-input.display-password::before {
    background-image: url('data:image/svg+xml,<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.801758 8.572C0.732747 8.36459 0.732747 8.14041 0.801758 7.933C2.18876 3.76 6.12576 0.75 10.7658 0.75C15.4038 0.75 19.3388 3.757 20.7288 7.928C20.7988 8.135 20.7988 8.359 20.7288 8.567C19.3428 12.74 15.4058 15.75 10.7658 15.75C6.12776 15.75 2.19176 12.743 0.801758 8.572Z" stroke="%2364748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.7658 8.25C13.7658 9.04565 13.4497 9.80871 12.8871 10.3713C12.3245 10.9339 11.5614 11.25 10.7658 11.25C9.97011 11.25 9.20705 10.9339 8.64444 10.3713C8.08183 9.80871 7.76576 9.04565 7.76576 8.25C7.76576 7.45435 8.08183 6.69129 8.64444 6.12868C9.20705 5.56607 9.97011 5.25 10.7658 5.25C11.5614 5.25 12.3245 5.56607 12.8871 6.12868C13.4497 6.69129 13.7658 7.45435 13.7658 8.25Z" stroke="%2364748B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><line x1="1.5" y1="1" x2="20" y2="16" stroke="%2364748B" stroke-width="1.5" stroke-linecap="round"/></svg>') !important;
}

body.jnews-dark-mode.woocommerce form .show-password-input.display-password::before,
body.jnews-dark-mode.woocommerce-page form .show-password-input.display-password::before {
    background-image: url('data:image/svg+xml,<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.801758 8.572C0.732747 8.36459 0.732747 8.14041 0.801758 7.933C2.18876 3.76 6.12576 0.75 10.7658 0.75C15.4038 0.75 19.3388 3.757 20.7288 7.928C20.7988 8.135 20.7988 8.359 20.7288 8.567C19.3428 12.74 15.4058 15.75 10.7658 15.75C6.12776 15.75 2.19176 12.743 0.801758 8.572Z" stroke="%23CBD5E1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.7658 8.25C13.7658 9.04565 13.4497 9.80871 12.8871 10.3713C12.3245 10.9339 11.5614 11.25 10.7658 11.25C9.97011 11.25 9.20705 10.9339 8.64444 10.3713C8.08183 9.80871 7.76576 9.04565 7.76576 8.25C7.76576 7.45435 8.08183 6.69129 8.64444 6.12868C9.20705 5.56607 9.97011 5.25 10.7658 5.25C11.5614 5.25 12.3245 5.56607 12.8871 6.12868C13.4497 6.69129 13.7658 7.45435 13.7658 8.25Z" stroke="%23CBD5E1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><line x1="1.5" y1="1" x2="20" y2="16" stroke="%23CBD5E1" stroke-width="1.5" stroke-linecap="round"/></svg>') !important;
}

body.woocommerce-account .jeg_content > .container,
body.woocommerce-members_area .jeg_content > .container,
body.woocommerce-view-subscription .jeg_content > .container {
    max-width: unset;
    padding-left: 0;
    padding-right: 0;
}

/* Prevent horizontal page scrolling in subscriber profile/account views. */
body.woocommerce-account .woocommerce,
body.woocommerce-members_area .woocommerce,
body.woocommerce-view-subscription .woocommerce,
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-members_area .woocommerce-MyAccount-content,
body.woocommerce-view-subscription .woocommerce-MyAccount-content {
    overflow-x: hidden;
    max-width: 100%;
    min-width: 0;
}

body.woocommerce-account .woocommerce-MyAccount-content > *,
body.woocommerce-members_area .woocommerce-MyAccount-content > *,
body.woocommerce-view-subscription .woocommerce-MyAccount-content > * {
    max-width: 100%;
}