.sec-login {
    width: 100%;
    min-height: 100dvh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background: #91712e;
    background: linear-gradient(180deg, #91712e 0%, #fcb937 100%);
}
.content-login {
    /*max-width: 500px;*/
    width: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 40px 30px;
}
.woocommerce-contrasena-perdida .content-login  {
    max-width: 500px;
}
.logo-cuenta {
    margin-bottom: 50px;
    width: 100%;
    display: inline-block;
}
.sec-login .woocommerce {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sec-login .woocommerce .woocommerce-notices-wrapper {
    width: 100%;
}
.sec-login .woocommerce .woocommerce-ResetPassword.lost_reset_password {
    width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    padding-right: 20px;
}
.woocommerce-MyAccount-content {
   padding-left: 30px;
    border-left: 1px solid #dbdada; 
}
.content-login h2 {
    display: none;
}
.woocommerce form .form-row {
    width: 100%!important;
}
.woocommerce form.login {
    border:none;
    margin: 1.5em 0;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    border: 1px solid #d6d9dd;
    border-radius: 6px;
    box-shadow: none;
    padding: 9px 12px;
}
.woocommerce-form-login__rememberme {
    display: none!important;
}
.woocommerce-LostPassword.lost_password {
    text-align: center;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button {
    margin: 20px 0;
    background: #fcb937;
    color: #fff;
    padding: 15px;
    width: 100%;
    border-radius: 30px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover {
    background: #fddd9e;
    color: #000;
}
.woocommerce-info {
    background: #edf8ff!important;
}
.woocommerce-message {
    border-top-color: #fcb937!important;
    background: #e2f3e6!important;
}
.woocommerce-message::before {
    color: #fcb937!important;
}
.woocommerce-message:focus-visible,
.woocommerce-error:focus-visible {
    outline: none!important;
}
.woocommerce-error {
    background: #fbe6e7;
}

.membership-actions.order-actions .button.view {
    display: none!important;
}
.membership-actions.order-actions

.woocommerce-EditAccountForm.edit-account fieldset {
    margin: 30px 0;
}
.woocommerce-EditAccountForm.edit-account fieldset legend {
    font-weight: bold;
}
#account_display_name_description {
    width: 100%;
    display: inline-block;
    font-size: 0.8rem;
}
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a+a {
    margin-top: 10px;
}
.woocommerce_account_subscriptions .no_subscriptions.woocommerce-message a {
    display: none!important;
}
.membership-plan {
    font-weight: bold;
}
.membership-plan a.nombre-membresia {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

.woocommerce table.my_account_orders .button,
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content .woocommerce-button,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button {
    background: #fcb937!important;
    color: #fff!important;
    border-radius: 20px!important;
    font-weight: 600!important;
}
.woocommerce table.my_account_orders .button:hover,
.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content .woocommerce-button:hover,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover {
    background: #fddd9e!important;
    color: #000!important;
}



p.order-again {
    display: none !important;
}

.u-column1.col-1.woocommerce-Address {
    width: 100%;
}
.u-column1.col-1.woocommerce-Address header h2 {
    font-size: 1.2rem;
    display: block;
}
.u-column1.col-1.woocommerce-Address header a {
    width: 100%;
    text-align: left;
    display: inline-block;
    margin-bottom: 10px;
}



.woocommerce-lost-password .logo-cuenta+.woocommerce::before {
    display: none;
}
.woocommerce-lost-password .logo-cuenta+.woocommerce .woocommerce-message {
    width: 100%;
}

@media (max-width:991px) {
    .logo-cuenta {
        margin-bottom: 20px;
    }
    .sec-login .woocommerce {
        flex-wrap: wrap;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        padding-right: 0px!important;
        margin-bottom: 30px!important;
        width: 100%!important;
        margin-top: 20px;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        padding-left: 0!important;
        border: none!important;
        width: 100%!important;
    }
}
@media (max-width: 768px) {
    .sec-login .container {
        max-width: 100%!important;
    }
    .content-login {
        padding: 40px 20px;
    }
    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-message {
        font-size: 13px;
    }
    table.my_account_memberships tbody tr,
    table.woocommerce-MyAccount-orders tbody tr {
        margin-bottom: 30px;
    }

    table.my_account_memberships tbody tr:last-child,
    table.woocommerce-MyAccount-orders tbody tr:last-child {
        margin-bottom: 0;
    }
}


/* Estilos ICONS menú MI CUENTA */
.woocommerce-MyAccount-navigation ul {
    padding-left: 0;
}
li.woocommerce-MyAccount-navigation-link {
    list-style: none;
}
.woocommerce-MyAccount-navigation-link a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    padding: 10px 10px 10px 50px;
    position: relative;
    border-radius: 25px;
    color: #000;
    margin-bottom: 5px;
    font-weight: 600;
}
.woocommerce-MyAccount-navigation-link a:before {
    position: absolute;
    display: inline-block;
    font-family: dashicons;
    font-size: 26px;
    left: 15px;
    top: 2px;
    font-weight: 400;
    color: #fcb937;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard a:before {content: '\f102';}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders a:before {content: '\f174';}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--members-area a:before {content: '\f110';}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address a:before {content: '\f230';}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--payment-methods a:before {content: '\f13f';}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account a:before {content: '\f111';}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a:before {content: '\f14a';}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard-cursos a:before {content: '\f118';}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--suscripcion-tutorias a:before {content: '\f463';}
li.woocommerce-MyAccount-navigation-link.is-active a,
li.woocommerce-MyAccount-navigation-link a:hover {
    color: #fff;
    background: #fcb937;
}
li.woocommerce-MyAccount-navigation-link.is-active a:before,
li.woocommerce-MyAccount-navigation-link a:hover:before {
    color: #fff;
}

/* Mis suscripciones: mismo lenguaje que las tarjetas de tutorías del dashboard. */
.sc-sus {
    container-type: inline-size;
}
.sc-sus-intro {
    margin: 0 0 16px;
    font-weight: 500;
}
.sc-sus-rejilla {
    display: grid;
    gap: 24px;
}
@container (min-width: 640px) {
    .sc-sus-rejilla {
        grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
    }
}

.sc-sus-tarjeta {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 420px;
    padding: 20px;
    border-radius: 20px;
    overflow: hidden;
    color: #fff;
    background: #000;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
}
.sc-sus-tarjeta::before,
.sc-sus-tarjeta::after {
    content: "";
    position: absolute;
    inset: 0;
}
.sc-sus-tarjeta::before {
    background: var(--sc-sus-img) center top / cover no-repeat;
}
.sc-sus-tarjeta::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.88) 72%);
}
.sc-sus--impago .sc-sus-tarjeta::before {
    filter: grayscale(100%);
}
.sc-sus-tarjeta > * {
    position: relative;
    z-index: 1;
}
.sc-sus-etiqueta {
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px;
    border-radius: 22px;
    background: var(--bg-btn-pri);
    color: #000;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}
.sc-sus-etiqueta img {
    width: 16px;
}
.sc-sus--impago .sc-sus-etiqueta {
    background: #c90000;
    color: #fff;
}
.sc-sus--impago .sc-sus-etiqueta img {
    filter: invert(1);
}
.sc-sus--baja .sc-sus-etiqueta {
    background: #fff;
}
.sc-sus-tarjeta-pie {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.sc-sus-cuenta {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 18px;
}
.sc-sus-cuenta-label {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.sc-sus-cuenta-num {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    color: var(--bg-btn-pri);
}
.sc-sus-cuenta-num .woocommerce-Price-currencySymbol {
    font-size: 0.6em;
}
.sc-sus-cuenta-unidad {
    margin-top: 6px;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
}
.content-login .sc-sus-titulo {
    margin: 0 0 8px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.1;
    color: #fff;
}
.sc-sus-titulo strong {
    display: block;
    color: var(--bg-btn-pri);
}
.sc-sus-precio {
    margin: 0 0 16px;
    font-size: 0.8rem;
    font-weight: 700;
}
.sc-sus .btn.btn-santaconcha-shortcode-1 {
    width: 100%;
    padding: 10px 20px;
    color: #000;
}
.sc-sus .btn.btn-santaconcha-shortcode-1:hover {
    color: #000;
}

.sc-sus-panel {
    padding: 24px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2);
}
.content-login .sc-sus-panel-titulo {
    margin: 0 0 4px;
    font-size: 1.2rem;
}
.sc-sus-resumen {
    margin: 0 0 18px;
    font-size: 0.9rem;
    color: #5f5f5f;
}
.sc-sus-datos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
    margin: 0;
    border-top: 1px solid #eee;
}
.sc-sus-datos > div {
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}
.sc-sus-datos dt {
    font-size: 0.75rem;
    font-weight: 500;
    color: #5f5f5f;
}
.sc-sus-datos dd {
    margin: 2px 0 0;
    font-weight: 600;
    overflow-wrap: anywhere;
}
.sc-sus-aviso {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 18px 0 0;
    padding: 12px 14px;
    border-radius: 14px;
    background: #fff0d3;
    font-size: 0.85rem;
}
.sc-sus-aviso img {
    flex: 0 0 auto;
    width: 16px;
    margin-top: 3px;
}
.content-login .sc-sus-subtitulo {
    margin: 26px 0 6px;
    font-size: 0.95rem;
    font-weight: 600;
}
.sc-sus-pagos {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sc-sus-pagos li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    align-items: center;
    gap: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-size: 0.85rem;
}
.sc-sus-pago-concepto {
    font-weight: 600;
}
.sc-sus-pago-concepto small {
    display: block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #5f5f5f;
}
.sc-sus-pago-importe {
    font-weight: 600;
}
.sc-sus-pago-estado {
    justify-self: start;
    padding: 3px 9px;
    border-radius: 22px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}
.sc-sus-pago-estado--ok {
    background: #fff0d3;
}
.sc-sus-pago-estado--error {
    background: #c90000;
    color: #fff;
}
.sc-sus-pago-estado--neutro {
    background: #efecec;
}
.sc-sus a.sc-sus-pago-ver {
    color: #000;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: var(--bg-btn-pri);
    text-underline-offset: 3px;
}
.sc-sus-nota {
    margin: 20px 0 0;
    font-size: 0.85rem;
    color: #5f5f5f;
}
.sc-sus-baja {
    margin-top: 20px;
}
.sc-sus-baja summary {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 500;
    color: #5f5f5f;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
    list-style: none;
}
.sc-sus-baja summary::-webkit-details-marker {
    display: none;
}
.sc-sus-baja[open] summary {
    color: #000;
}
.sc-sus-baja-caja {
    margin-top: 12px;
    padding: 16px;
    border: 1px solid #eee;
    border-radius: 14px;
    background: #fafafa;
    font-size: 0.85rem;
}
.sc-sus-baja-caja p {
    margin: 0 0 12px;
}
.sc-sus-baja-caja form {
    margin: 0;
}
.content-login button.sc-sus-baja-confirmar {
    padding: 8px 18px;
    border: 1px solid #c90000;
    border-radius: 27px;
    background: #fff;
    color: #c90000;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}
.content-login button.sc-sus-baja-confirmar:hover {
    background: #c90000;
    color: #fff;
}
.sc-sus a:focus-visible,
.sc-sus summary:focus-visible,
.sc-sus button:focus-visible {
    outline: 2px solid #91712e;
    outline-offset: 3px;
}

.sc-sus-banner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    min-height: 340px;
    border-radius: 20px;
    background-color: #9a9a9a;
    background-blend-mode: multiply;
    background-position: center;
    background-size: cover;
    color: #fff;
    text-align: center;
}
.content-login .sc-sus-banner h3 {
    margin: 0 0 10px;
    font-size: 2rem;
    color: #fff;
}
.sc-sus-banner h3 strong {
    display: block;
    font-size: 2.2rem;
    color: var(--bg-btn-pri);
}
.sc-sus-banner p {
    color: #fff;
}
.sc-sus-banner p strong {
    font-size: 1.3rem;
}
.sc-sus-banner .sc-sus-banner-dias {
    max-width: 46ch;
    padding: 10px 14px;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.55);
    font-size: 0.85rem;
}
.sc-sus-banner .btn.btn-santaconcha-shortcode-1 {
    width: auto;
}

@container (max-width: 420px) {
    .sc-sus-panel {
        padding: 20px 16px;
    }
    .sc-sus-pagos li {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 6px 12px;
    }
    .sc-sus-pago-importe,
    .sc-sus a.sc-sus-pago-ver {
        justify-self: end;
    }
    .content-login .sc-sus-banner h3 {
        font-size: 1.5rem;
    }
    .sc-sus-banner h3 strong {
        font-size: 1.7rem;
    }
}