/**
 * A6/A7 access flows · IMP-09e
 */

.dc-access-auth-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.dc-access-auth-page > .dc-header,
.dc-access-auth-page > .dc-footer {
    flex-shrink: 0;
    width: 100%;
}

.dc-access-auth-page > .dc-footer {
    margin-top: auto;
}

.dc-access-auth-page #dc-access-auth-main {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.dc-access-auth-form__alert .dc-alert__icon {
    display: flex;
    flex-shrink: 0;
    color: var(--dc-error-text);
}

.dc-access-auth-form__alert .dc-alert__title {
    margin: 0;
    font-weight: var(--dc-weight-medium);
}

.dc-access-auth {
    background: var(--dc-hueso);
    color: var(--dc-tinta);
}

.dc-access-auth__inner {
    max-width: 45rem;
    margin: 0 auto;
    padding: var(--dc-space-8) var(--dc-gutter-mobile) var(--dc-space-16);
}

@media (min-width: 768px) {
    .dc-access-auth__inner {
        padding-inline: var(--dc-gutter);
    }
}

.dc-access-auth__card {
    box-shadow: var(--dc-shadow-1);
}

.dc-access-auth-form__fields {
    display: grid;
    gap: var(--dc-space-4);
}

.dc-access-auth-form__field {
    margin: 0;
}

.dc-access-auth-form__field label,
.dc-access-auth-form__field .dc-label {
    display: block;
    font-size: var(--dc-size-small);
    font-weight: var(--dc-weight-medium);
    margin-bottom: 0.375rem;
}

.dc-access-auth-form__field input,
.dc-access-auth-form__field select,
.dc-access-auth-form__field .dc-form-select {
    width: 100%;
    max-width: 100%;
}

.dc-access-auth-form input.dc-input:not(.dc-access-auth-form__password-input):is(:focus, :focus-visible) {
    border-color: var(--dc-ceniza);
    box-shadow: var(--dc-ring-focus);
}

.dc-access-auth-form__field--error input.dc-input:not(.dc-access-auth-form__password-input):is(:focus, :focus-visible),
.dc-access-auth-form input.dc-input.is-error:not(.dc-access-auth-form__password-input):is(:focus, :focus-visible) {
    border-color: var(--dc-error-text);
}

.dc-access-auth-form__field--error .dc-form-select.is-error .dc-form-select__trigger {
    border-color: var(--dc-error-text);
}

.dc-access-auth-form__error {
    display: block;
    margin-top: 0.375rem;
    font-size: var(--dc-size-small);
    color: var(--dc-error-text);
}

.dc-access-auth-form__hint {
    display: block;
    margin-top: 0.375rem;
    font-size: var(--dc-size-small);
    color: var(--dc-gris);
    line-height: 1.45;
}

.dc-access-auth-form__hint--error {
    color: var(--dc-error-text);
}

.dc-access-auth-form__actions {
    margin: var(--dc-space-6) 0 0;
}

.dc-access-auth-form__alert {
    margin-bottom: var(--dc-space-4);
}

.dc-access-auth-form__intro {
    margin-bottom: var(--dc-space-6);
}

.dc-access-auth-form__title {
    margin: 0 0 0.375rem;
}

.dc-access-auth-form__section {
    display: flex;
    flex-direction: column;
    gap: var(--dc-space-4);
    margin-bottom: var(--dc-space-6);
}

.dc-access-auth-form__section-label {
    color: var(--dc-gris);
}

.dc-access-auth-form__row {
    display: grid;
    gap: var(--dc-space-4);
}

.dc-access-auth-form__row.dc-access-auth-form__row--2 {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    gap: var(--dc-space-4);
    width: 100%;
}

.dc-access-auth-form__row.dc-access-auth-form__row--2 > .dc-access-auth-form__field {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
}

.dc-access-auth-form__vies-pill {
    display: inline-flex;
    align-items: center;
    gap: var(--dc-space-2);
    margin: 0;
    padding: 0.3125rem var(--dc-space-3);
    border-radius: var(--dc-radius-pill);
    border: 1px solid var(--dc-info);
    background: var(--dc-info-soft);
    font-size: var(--dc-size-small);
    color: var(--dc-info-text);
}

.dc-access-auth-form__helper-links {
    margin: 0;
    font-size: var(--dc-size-small);
}

.dc-access-auth-form__password-strength {
    display: flex;
    gap: var(--dc-space-1);
    margin-top: 0.375rem;
}

.dc-access-auth-form__strength-bar {
    flex: 1;
    height: 0.25rem;
    border-radius: var(--dc-radius-pill);
    background: var(--dc-ceniza);
}

.dc-access-auth-form__strength-bar--active {
    background: var(--dc-musgo);
}

.dc-access-auth-form__strength-bar--weak.dc-access-auth-form__strength-bar--active {
    background: var(--dc-aviso);
}

.dc-access-auth-form__strength-bar--medium.dc-access-auth-form__strength-bar--active {
    background: var(--dc-musgo);
}

.dc-access-auth-form__legal-note {
    margin: var(--dc-space-4) 0 0;
    font-size: 0.75rem;
    color: var(--dc-gris);
    text-align: center;
    line-height: 1.5;
}

.dc-access-auth-form__footer-link {
    margin: var(--dc-space-3) 0 0;
    font-size: var(--dc-size-body-s);
    text-align: center;
}

.dc-access-auth-c9__shell {
    max-width: 50rem;
    width: 100%;
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth__inner.dc-access-auth-c9__shell,
.dc-access-auth-page.dc-access-auth-c9-rejected-page .dc-access-auth__inner.dc-access-auth-c9__shell {
    max-width: none;
    padding: var(--dc-space-12) max(var(--dc-gutter-mobile), calc((100% - var(--dc-container)) / 2)) 4.5rem;
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__stack,
.dc-access-auth-page.dc-access-auth-c9-rejected-page .dc-access-auth-c9__stack {
    width: 100%;
    max-width: 50rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--dc-space-5);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__card {
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__card--main {
    gap: 1.75rem;
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__intro {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__title {
    margin: 0;
    color: var(--dc-tinta);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__lead {
    margin: 0;
    font-size: var(--dc-size-body);
    line-height: var(--dc-lh-body);
    color: var(--dc-tinta);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__lead strong {
    font-weight: var(--dc-weight-semibold);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__timeline {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--dc-space-3);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__timeline-step {
    display: flex;
    flex-direction: column;
    gap: var(--dc-space-2);
    min-width: 0;
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__timeline-track {
    display: flex;
    align-items: center;
    gap: var(--dc-space-2);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__timeline-dot {
    width: 1.625rem;
    height: 1.625rem;
    border-radius: var(--dc-radius-pill);
    flex: 0 0 auto;
    display: grid;
    place-items: center;
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__timeline-step--done .dc-access-auth-c9__timeline-dot {
    background: var(--dc-lima-300);
    color: var(--dc-musgo);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__timeline-step--active .dc-access-auth-c9__timeline-dot {
    background: var(--dc-aviso-soft);
    color: var(--dc-aviso-text, var(--dc-aviso));
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__timeline-step--locked .dc-access-auth-c9__timeline-dot {
    background: var(--dc-hueso);
    color: var(--dc-gris);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__timeline-rule {
    flex: 1;
    height: 2px;
    background: var(--dc-ceniza);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__timeline-rule--done {
    background: var(--dc-musgo);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__timeline-copy {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__timeline-label {
    font-size: var(--dc-size-body-s);
    font-weight: var(--dc-weight-semibold);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__timeline-step--done .dc-access-auth-c9__timeline-label {
    color: var(--dc-musgo);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__timeline-step--active .dc-access-auth-c9__timeline-label {
    color: var(--dc-aviso-text, var(--dc-aviso));
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__timeline-step--locked .dc-access-auth-c9__timeline-label {
    color: var(--dc-gris);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__timeline-note {
    font-size: 0.75rem;
    line-height: var(--dc-lh-small);
    color: var(--dc-gris);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__unlock {
    background: var(--dc-hueso);
    border-radius: var(--dc-radius-input);
    padding: var(--dc-space-5);
    display: flex;
    flex-direction: column;
    gap: var(--dc-space-3);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__unlock-kicker {
    color: var(--dc-gris);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__unlock-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--dc-space-3);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__unlock-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    font-size: var(--dc-size-body-s);
    line-height: 1.5;
    color: var(--dc-tinta);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__unlock-icon {
    flex: 0 0 auto;
    margin-top: 1px;
    color: var(--dc-musgo);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__meantime {
    display: flex;
    flex-direction: column;
    gap: var(--dc-space-3);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__meantime-title {
    margin: 0;
    font-family: var(--dc-font-display);
    font-weight: var(--dc-weight-bold);
    font-size: var(--dc-size-h3);
    color: var(--dc-tinta);
}

/* One card left after removing "Añadir tiendas" (user decision 2026-10-01): it spans the 50rem column. */
.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__meantime-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--dc-space-4);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__meantime-card {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    color: var(--dc-musgo);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__meantime-card-title {
    margin: 0;
    font-size: 1rem;
    font-weight: var(--dc-weight-semibold);
    color: var(--dc-tinta);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__meantime-card-copy {
    flex: 1;
    margin: 0;
    font-size: var(--dc-size-small);
    line-height: var(--dc-lh-body-s);
    color: var(--dc-gris);
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__meantime-cta {
    width: 100%;
    justify-content: center;
    text-align: center;
}

.dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__helper {
    margin: 0;
    font-size: var(--dc-size-small);
    line-height: var(--dc-lh-body);
    color: var(--dc-gris);
}


@media (max-width: 767px) {
    .dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__timeline,
    .dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth-c9__unlock-list {
        grid-template-columns: 1fr;
    }
}

/* A6 registration layout (export 1440) */
.dc-access-auth-page.dc-access-a6-responsive .dc-header[data-dc-header-variant='access'] .dc-header__access-prompt {
    margin: 0;
    font-size: var(--dc-size-body-s);
    color: var(--dc-gris);
}

.dc-access-auth-page.dc-access-a6-responsive .dc-header[data-dc-header-variant='access'] .dc-header__text-link--strong {
    font-weight: var(--dc-weight-semibold);
    color: var(--dc-musgo);
}

.dc-access-auth-page.dc-access-a6-responsive .dc-access-auth__inner {
    max-width: none;
    padding: var(--dc-space-8) max(var(--dc-gutter-mobile), calc((100% - var(--dc-container)) / 2)) var(--dc-space-12);
}

.dc-access-auth-page.dc-access-a6-responsive .dc-access-auth--registro .dc-access-auth__inner {
    padding-top: var(--dc-space-8);
    padding-bottom: var(--dc-space-16);
}

.dc-access-auth-page.dc-access-a6-responsive .dc-access-auth__grid {
    display: grid;
    gap: var(--dc-space-6);
    align-items: start;
}

.dc-access-auth-page.dc-access-a6-responsive .dc-access-auth__sidebar {
    background: var(--dc-pino);
    color: var(--dc-hueso);
    border-radius: var(--dc-radius-card);
    padding: var(--dc-space-8) 1.75rem;
    display: flex;
    flex-direction: column;
    gap: var(--dc-space-6);
}

.dc-access-auth-page.dc-access-a6-responsive .dc-access-auth__sidebar-kicker,
.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth__sidebar-kicker {
    color: var(--dc-lima);
}

.dc-access-auth-page.dc-access-a6-responsive .dc-access-auth__sidebar-title {
    margin: 0;
    font-family: var(--dc-font-display);
    font-weight: var(--dc-weight-extrabold);
    font-size: var(--dc-size-h1);
    line-height: var(--dc-lh-h1);
    letter-spacing: var(--dc-ls-h1);
    color: var(--dc-lima);
}

.dc-access-auth-page.dc-access-a6-responsive .dc-access-auth__benefits {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--dc-space-3);
}

.dc-access-auth-page.dc-access-a6-responsive .dc-access-auth__benefit {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    font-size: var(--dc-size-body);
    line-height: 1.5;
}

.dc-access-auth-page.dc-access-a6-responsive .dc-access-auth__benefit svg {
    flex: 0 0 auto;
    color: var(--dc-lima);
}

.dc-access-auth-page.dc-access-a6-responsive .dc-access-auth__sidebar-divider {
    border: 0;
    height: 1px;
    margin: 0;
    background: rgb(246 245 239 / 15%);
}

.dc-access-auth-page.dc-access-a6-responsive .dc-access-auth__sidebar-block-title {
    margin: 0 0 var(--dc-space-2);
    font-size: var(--dc-size-body-s);
    font-weight: var(--dc-weight-semibold);
}

.dc-access-auth-page.dc-access-a6-responsive .dc-access-auth__sidebar-block-text {
    margin: 0;
    font-size: var(--dc-size-body);
    line-height: var(--dc-lh-body);
    color: rgb(246 245 239 / 85%);
}

.dc-access-auth-page.dc-access-a6-responsive .dc-access-auth__sidebar-help {
    margin: 0;
    font-size: var(--dc-size-small);
    line-height: var(--dc-lh-body);
    color: rgb(246 245 239 / 70%);
}

.dc-access-auth-page.dc-access-a6-responsive .dc-access-auth--solicitud .dc-access-auth__inner {
    display: flex;
    justify-content: center;
    padding: var(--dc-space-12) max(var(--dc-gutter-mobile), calc((100% - var(--dc-container)) / 2)) var(--dc-space-16);
}

.dc-access-auth-page.dc-access-a6-responsive .dc-access-auth__card--solicitud {
    width: 100%;
    max-width: 40rem;
}

.dc-access-auth-solicitud {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--dc-space-6);
    text-align: center;
}

.dc-access-auth-solicitud__icon {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: var(--dc-radius-pill);
    background: var(--dc-lima-300);
    display: grid;
    place-items: center;
    color: var(--dc-pino);
}

.dc-access-auth-solicitud__title {
    margin: 0;
}

.dc-access-auth-solicitud__lead {
    margin: 0;
    font-size: var(--dc-size-body);
    line-height: var(--dc-lh-body);
    color: var(--dc-tinta);
}

.dc-access-auth-solicitud__timeline {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--dc-space-4);
}

.dc-access-auth-solicitud__step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--dc-space-2);
    flex: 1;
    position: relative;
}

.dc-access-auth-solicitud__step-label {
    font-size: var(--dc-size-small);
    font-weight: var(--dc-weight-semibold);
    color: var(--dc-gris);
}

.dc-access-auth-solicitud__step--done .dc-access-auth-solicitud__step-label {
    color: var(--dc-musgo);
}

.dc-access-auth-solicitud__step--pending .dc-access-auth-solicitud__step-label {
    color: var(--dc-aviso-text, var(--dc-aviso));
}

.dc-access-auth-solicitud__step-meta {
    font-size: 0.75rem;
    color: var(--dc-gris);
}

.dc-access-auth-solicitud__next {
    width: 100%;
    text-align: left;
    background: var(--dc-hueso);
    border: 1px solid var(--dc-ceniza);
    border-radius: var(--dc-radius-input);
    padding: var(--dc-space-5);
}

.dc-access-auth-solicitud__next-title {
    margin: 0 0 var(--dc-space-2);
    font-size: var(--dc-size-body-s);
    font-weight: var(--dc-weight-semibold);
}

.dc-access-auth-solicitud__next-text {
    margin: 0;
    font-size: var(--dc-size-body-s);
    line-height: var(--dc-lh-body);
    color: var(--dc-gris);
}

.dc-access-auth-solicitud__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--dc-space-4);
    margin: 0;
}

.dc-access-auth-solicitud__actions .dc-link--tertiary {
    font-size: var(--dc-size-body-s);
    font-weight: var(--dc-weight-semibold);
}

.dc-access-auth-solicitud__spam {
    margin: 0;
    font-size: var(--dc-size-small);
    color: var(--dc-gris);
    line-height: var(--dc-lh-body);
}

@media (min-width: 640px) {
    .dc-access-auth-solicitud__timeline {
        flex-direction: row;
        align-items: flex-start;
        gap: var(--dc-space-2);
    }

    .dc-access-auth-solicitud__step:not(:last-child)::before {
        content: '';
        position: absolute;
        top: var(--dc-space-3);
        left: calc(50% + var(--dc-space-5));
        width: calc(100% - 2.5rem);
        height: 1px;
        background: var(--dc-ceniza);
        z-index: var(--dc-z-base);
    }
}

@media (min-width: 960px) {
    .dc-access-auth-page.dc-access-a6-responsive .dc-access-auth__grid {
        grid-template-columns: minmax(17.5rem, 30.375rem) minmax(0, 1fr);
    }

    .dc-access-auth-page.dc-access-a6-responsive .dc-access-auth__sidebar {
        padding: var(--dc-space-10);
    }

    .dc-access-auth-page.dc-access-a6-responsive .dc-access-auth__card--form.dc-surface-card--pad-xl {
        padding: var(--dc-space-10);
    }
}

/* Outer gutters from 768px: the narrow forms (640 / 800 / 880) stay inner columns. */
@media (min-width: 768px) {
    .dc-access-auth-page.dc-access-auth-c9-page .dc-access-auth__inner.dc-access-auth-c9__shell,
    .dc-access-auth-page.dc-access-a6-responsive .dc-access-auth__inner,
    .dc-access-auth-page.dc-access-a6-responsive .dc-access-auth--solicitud .dc-access-auth__inner,
    .dc-access-auth-page.dc-access-a7-responsive .dc-access-auth__inner {
        padding-inline: max(var(--dc-gutter), calc((100% - var(--dc-container)) / 2));
    }
}

@media (min-width: 1200px) {
    .dc-access-auth-page.dc-access-a6-responsive .dc-access-auth--registro .dc-access-auth__inner {
        padding-top: var(--dc-space-12);
    }
}

/* A7 access flows (login, recovery, reset, verify, C9 routes) */
.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth__inner {
    max-width: none;
    padding: var(--dc-space-12) max(var(--dc-gutter-mobile), calc((100% - var(--dc-container)) / 2)) var(--dc-space-16);
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth--login .dc-access-auth__inner {
    display: flex;
    justify-content: center;
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth__grid--login {
    display: grid;
    gap: var(--dc-space-10);
    align-items: flex-start;
    width: 100%;
    max-width: 55rem;
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth__card--login,
.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth__card--narrow {
    width: 100%;
    max-width: 27.5rem;
    margin: 0 auto;
    box-shadow: none;
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth__sidebar--login {
    width: 100%;
    max-width: 25rem;
    margin: 0 auto;
    background: var(--dc-pino);
    color: var(--dc-hueso);
    border-radius: var(--dc-radius-card);
    padding: var(--dc-space-8);
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth__sidebar-tagline {
    margin: 0;
    font-family: var(--dc-font-display);
    font-weight: var(--dc-weight-bold);
    font-size: 1.375rem;
    line-height: 1.3;
    letter-spacing: -0.025rem;
    color: var(--dc-hueso);
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth__benefits {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--dc-space-3);
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth__benefit {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    font-size: var(--dc-size-body-s);
    line-height: 1.5;
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth__benefit svg {
    flex: 0 0 auto;
    color: var(--dc-lima);
}


.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-login__extras {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--dc-space-3);
    margin-top: var(--dc-space-1);
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-login__forgot {
    font-size: var(--dc-size-small);
    font-weight: var(--dc-weight-medium);
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-login__divider {
    display: flex;
    align-items: center;
    gap: var(--dc-space-3);
    margin: var(--dc-space-2) 0 var(--dc-space-1);
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-login__divider-line {
    flex: 1;
    height: 1px;
    background: var(--dc-ceniza);
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-login__divider-label {
    font-size: var(--dc-size-small);
    color: var(--dc-gris);
    white-space: nowrap;
}

.dc-access-auth-page.dc-access-a7-responsive .dc-btn--full {
    width: 100%;
    justify-content: center;
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-login__success {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--dc-space-3);
    margin-bottom: var(--dc-space-4);
    text-align: center;
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-login__success-icon {
    width: 3rem;
    height: 3rem;
    border-radius: var(--dc-radius-pill);
    background: var(--dc-lima-300);
    display: grid;
    place-items: center;
    color: var(--dc-pino);
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-login__success-title {
    margin: 0;
    font-family: var(--dc-font-display);
    font-weight: var(--dc-weight-bold);
    font-size: var(--dc-size-h2);
    letter-spacing: -0.025rem;
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth--centered .dc-access-auth__inner {
    display: flex;
    justify-content: center;
}

.dc-access-auth-page.dc-access-a7-responsive:not(.dc-access-auth-c9-page):not(.dc-access-auth-c9-rejected-page) .dc-access-auth-c9__stack {
    width: 100%;
    max-width: 27.5rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-c9__card {
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-c9__icon {
    width: 3rem;
    height: 3rem;
    border-radius: var(--dc-radius-pill);
    display: grid;
    place-items: center;
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-c9__icon--pending {
    background: var(--dc-aviso-soft);
    color: var(--dc-aviso-text, var(--dc-aviso));
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-c9__icon--rejected {
    background: var(--dc-error-soft);
    color: var(--dc-error-text);
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-c9__title {
    margin: 0;
}

.dc-access-auth-page.dc-access-a7-responsive:not(.dc-access-auth-c9-page) .dc-access-auth-c9__lead {
    margin: 0;
    font-size: var(--dc-size-body);
    line-height: var(--dc-lh-body);
    color: var(--dc-gris);
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-c9__helper {
    margin: 0;
    font-size: var(--dc-size-small);
    line-height: var(--dc-lh-body);
    color: var(--dc-gris);
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-sent__icon {
    width: 3rem;
    height: 3rem;
    border-radius: var(--dc-radius-pill);
    background: var(--dc-lima-300);
    display: grid;
    place-items: center;
    color: var(--dc-pino);
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-sent__resend {
    width: 100%;
    height: 2.75rem;
    border: 1px solid var(--dc-ceniza);
    border-radius: var(--dc-radius-pill);
    background: var(--dc-hueso);
    color: var(--dc-gris);
    font-family: var(--dc-font-text);
    font-size: var(--dc-size-body-s);
    font-weight: var(--dc-weight-semibold);
    font-variant-numeric: tabular-nums;
    cursor: not-allowed;
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-verify {
    max-width: 32.5rem;
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-form__error--block {
    margin: 0 0 var(--dc-space-3);
    font-size: 0.75rem;
    font-weight: var(--dc-weight-medium);
    color: var(--dc-error-text);
}

.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-form__back {
    display: block;
    margin-block-start: var(--dc-space-5);
    font-size: var(--dc-size-body-s);
    font-weight: var(--dc-weight-medium);
    text-align: center;
}

/* A7 "Revisa tu email" card stacks with a 16px gap (resend → back link). */
.dc-access-auth-page.dc-access-a7-responsive .dc-access-auth-sent .dc-access-auth-form__back {
    margin-block-start: var(--dc-space-4);
}

@media (min-width: 960px) {
    .dc-access-auth-page.dc-access-a7-responsive .dc-access-auth__grid--login {
        grid-template-columns: minmax(0, 27.5rem) minmax(0, 25rem);
        max-width: none;
        width: auto;
    }

    .dc-access-auth-page.dc-access-a7-responsive .dc-access-auth__card--login,
    .dc-access-auth-page.dc-access-a7-responsive .dc-access-auth__sidebar--login {
        margin: 0;
    }
}

@media (min-width: 1200px) {
    .dc-access-auth-page.dc-access-a7-responsive .dc-access-auth__inner {
        padding-block: 4.5rem;
    }

    .dc-access-auth-page.dc-access-a7-responsive .dc-access-auth--login .dc-access-auth__inner {
        padding-block: 4.5rem;
    }
}