/* /Components/Controls/Acceso/CallbackModal.razor.rz.scp.css */
/* AD-F-004 — CallbackModal.
   La mayor parte del estilo viene del sistema visual global (.ad-dialog,
   .ad-field, .ad-btn...) definido en wwwroot/css/aula-diversa-system.css.
   Aquí solo van ajustes exclusivos de este diálogo (formulario más largo). */

dialog[open][b-2l6q08ifnr] {
    margin: auto;
}

input[type="file"][b-2l6q08ifnr] {
    font-size: .82rem;
    color: var(--ad-text-muted);
}

@media (max-width: 430px) {
    .ad-dialog[b-2l6q08ifnr] {
        width: calc(100% - 24px);
    }
}
/* /Components/Controls/Acceso/LoginModal.razor.rz.scp.css */
/* AD-F-004 — LoginModal.
   La mayor parte del estilo viene del sistema visual global (.ad-dialog,
   .ad-field, .ad-btn...) definido en wwwroot/css/aula-diversa-system.css.
   Aquí solo van ajustes exclusivos de este diálogo. */

dialog[open][b-ni3ex1nd6u] {
    margin: auto;
}

.ad-field-success[b-ni3ex1nd6u] {
    margin: 2px 0 6px;
    color: #087443;
    font-size: .82rem;
    font-weight: 600;
    line-height: 1.35;
}

.ad-field-error[b-ni3ex1nd6u] {
    margin: 2px 0 6px;
    line-height: 1.35;
}

.ad-forgot-password[b-ni3ex1nd6u] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 44px;
    margin: 0 0 2px;
    color: var(--ad-violet);
    font-size: .85rem;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ad-forgot-password:focus-visible[b-ni3ex1nd6u] {
    border-radius: 6px;
    outline: 2px solid var(--ad-violet);
    outline-offset: 2px;
}

@media (max-width: 430px) {
    .ad-dialog[b-ni3ex1nd6u] {
        width: calc(100% - 24px);
    }
}
/* /Components/Controls/Accessibility/AccessibilityToolbar.razor.rz.scp.css */
.ad-accessibility[b-jc4d3mdyvq] {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1000;
    font: inherit;
}

.ad-accessibility__trigger[b-jc4d3mdyvq] {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    border: 1px solid rgba(109, 40, 217, .24);
    border-radius: 999px;
    background: #ffffff;
    color: #0B1734;
    box-shadow: 0 10px 30px rgba(2, 6, 23, .14);
    cursor: pointer;
    font-weight: 700;
}

.ad-accessibility__trigger:hover[b-jc4d3mdyvq] { transform: translateY(-1px); }

.ad-accessibility__trigger-icon[b-jc4d3mdyvq] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #F4F0FF;
    color: #6D28D9;
    font-size: .85rem;
    font-weight: 800;
}

.ad-accessibility__panel[b-jc4d3mdyvq] {
    position: absolute;
    right: 0;
    bottom: 58px;
    width: min(360px, calc(100vw - 24px));
    max-height: min(620px, calc(100vh - 100px));
    overflow-y: auto;
    padding: 18px;
    border: 1px solid #DCE3EC;
    border-radius: 18px;
    background: #FFFFFF;
    color: #0B1734;
    box-shadow: 0 18px 50px rgba(2, 6, 23, .18);
}

.ad-accessibility__header[b-jc4d3mdyvq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #E7EAF0;
}

.ad-accessibility__header h2[b-jc4d3mdyvq] { margin: 0; font-size: 1.15rem; }
.ad-accessibility__header p[b-jc4d3mdyvq] { margin: 4px 0 0; color: #526079; font-size: .875rem; }

.ad-accessibility__icon-button[b-jc4d3mdyvq] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #526079;
    cursor: pointer;
    font-size: 1.5rem;
}

.ad-accessibility__group[b-jc4d3mdyvq] {
    padding: 16px 0;
    border-bottom: 1px solid #E7EAF0;
}

.ad-accessibility__group h3[b-jc4d3mdyvq] { margin: 0 0 10px; font-size: .95rem; }

.ad-accessibility__button-row[b-jc4d3mdyvq] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.ad-accessibility__control[b-jc4d3mdyvq],
.ad-accessibility__speech-primary[b-jc4d3mdyvq],
.ad-accessibility__toggle[b-jc4d3mdyvq],
.ad-accessibility__reset[b-jc4d3mdyvq] {
    min-height: 44px;
    border-radius: 10px;
    font: inherit;
    cursor: pointer;
}

.ad-accessibility__control[b-jc4d3mdyvq] {
    border: 1px solid #DCE3EC;
    background: #FFFFFF;
    color: #0B1734;
    font-weight: 700;
}

.ad-accessibility__control:hover:not(:disabled)[b-jc4d3mdyvq] {
    border-color: #6D28D9;
    color: #6D28D9;
}

.ad-accessibility__control:disabled[b-jc4d3mdyvq] { cursor: not-allowed; opacity: .45; }

.ad-accessibility__toggle[b-jc4d3mdyvq] {
    width: 100%;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 12px;
    border: 1px solid #DCE3EC;
    background: #FFFFFF;
    color: #0B1734;
    text-align: left;
}

.ad-accessibility__toggle[aria-pressed="true"][b-jc4d3mdyvq] {
    border-color: #6D28D9;
    background: #F4F0FF;
}

.ad-accessibility__speech-grid[b-jc4d3mdyvq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.ad-accessibility__speech-primary[b-jc4d3mdyvq] {
    grid-column: 1 / -1;
    border: 0;
    background: linear-gradient(135deg, #6D28D9, #7C22FF);
    color: #FFFFFF;
    font-weight: 750;
}

.ad-accessibility__status[b-jc4d3mdyvq],
.ad-accessibility__notice[b-jc4d3mdyvq] {
    margin: 8px 0 0;
    color: #526079;
    font-size: .8rem;
    line-height: 1.4;
}

.ad-accessibility__reset[b-jc4d3mdyvq] {
    width: 100%;
    margin-top: 16px;
    border: 1px solid #DCE3EC;
    background: #F7F8FC;
    color: #0B1734;
    font-weight: 700;
}

.ad-accessibility button:focus-visible[b-jc4d3mdyvq] {
    outline: 3px solid #7C22FF;
    outline-offset: 3px;
}

.ad-accessibility__panel:focus[b-jc4d3mdyvq] { outline: none; }
.ad-accessibility__panel:focus-visible[b-jc4d3mdyvq] { outline: 3px solid #7C22FF; outline-offset: 2px; }

.ad-accessibility__shortcut[b-jc4d3mdyvq] { font-size: .75rem !important; }
.ad-accessibility__shortcut kbd[b-jc4d3mdyvq] {
    padding: 1px 5px;
    border: 1px solid #DCE3EC;
    border-bottom-width: 2px;
    border-radius: 5px;
    background: #F7F8FC;
    color: #0B1734;
    font: inherit;
    font-size: .7rem;
    font-weight: 700;
}

/* Interruptor "Panel de gran tamaño" */
.ad-accessibility__switch[b-jc4d3mdyvq] {
    width: 100%;
    min-height: 44px;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 4px;
    border: 0;
    background: transparent;
    color: #0B1734;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.ad-accessibility__switch-track[b-jc4d3mdyvq] {
    position: relative;
    flex: 0 0 44px;
    width: 44px;
    height: 24px;
    border-radius: 999px;
    background: #C9D1DE;
    transition: background .15s ease;
}

.ad-accessibility__switch-track span[b-jc4d3mdyvq] {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(2, 6, 23, .25);
    transition: transform .15s ease;
}

.ad-accessibility__switch[aria-checked="true"] .ad-accessibility__switch-track[b-jc4d3mdyvq] { background: #6D28D9; }
.ad-accessibility__switch[aria-checked="true"] .ad-accessibility__switch-track span[b-jc4d3mdyvq] { transform: translateX(20px); }

/* Mosaicos de opciones (dos columnas) */
.ad-accessibility__tiles[b-jc4d3mdyvq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.ad-accessibility__tile[b-jc4d3mdyvq] {
    position: relative;
    min-height: 96px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 8px;
    border: 1px solid #DCE3EC;
    border-radius: 14px;
    background: #FFFFFF;
    color: #0B1734;
    font: inherit;
    font-size: .8125rem;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}

.ad-accessibility__tile:hover[b-jc4d3mdyvq] { border-color: #6D28D9; }

.ad-accessibility__tile[aria-pressed="true"][b-jc4d3mdyvq] {
    border: 2px solid #6D28D9;
    background: #F4F0FF;
}

.ad-accessibility__tile-icon[b-jc4d3mdyvq] { display: inline-flex; width: 28px; height: 28px; color: #0B1734; }
.ad-accessibility__tile-icon[b-jc4d3mdyvq]  svg { width: 100%; height: 100%; }
.ad-accessibility__tile[aria-pressed="true"] .ad-accessibility__tile-icon[b-jc4d3mdyvq] { color: #6D28D9; }

.ad-accessibility__tile-level[b-jc4d3mdyvq] {
    padding: 1px 8px;
    border-radius: 999px;
    background: #EEF1F6;
    color: #526079;
    font-size: .6875rem;
}

.ad-accessibility__tile[aria-pressed="true"] .ad-accessibility__tile-level[b-jc4d3mdyvq] { background: #6D28D9; color: #FFFFFF; }

.ad-accessibility__tile-check[b-jc4d3mdyvq] {
    position: absolute;
    top: 8px;
    right: 8px;
    display: none;
    width: 20px;
    height: 20px;
    place-items: center;
    border-radius: 50%;
    background: #6D28D9;
    color: #FFFFFF;
    font-size: .7rem;
}

.ad-accessibility__tile[aria-pressed="true"] .ad-accessibility__tile-check[b-jc4d3mdyvq] { display: grid; }

/* Panel de gran tamaño: controles y textos más grandes para baja visión o motricidad fina. */
.ad-accessibility.is-large .ad-accessibility__panel[b-jc4d3mdyvq] { width: min(460px, calc(100vw - 24px)); max-height: min(760px, calc(100vh - 90px)); }
.ad-accessibility.is-large .ad-accessibility__header h2[b-jc4d3mdyvq] { font-size: 1.45rem; }
.ad-accessibility.is-large .ad-accessibility__group h3[b-jc4d3mdyvq] { font-size: 1.1rem; }
.ad-accessibility.is-large .ad-accessibility__tile[b-jc4d3mdyvq] { min-height: 124px; font-size: 1rem; }
.ad-accessibility.is-large .ad-accessibility__tile-icon[b-jc4d3mdyvq] { width: 38px; height: 38px; }
.ad-accessibility.is-large .ad-accessibility__control[b-jc4d3mdyvq],
.ad-accessibility.is-large .ad-accessibility__speech-primary[b-jc4d3mdyvq],
.ad-accessibility.is-large .ad-accessibility__reset[b-jc4d3mdyvq],
.ad-accessibility.is-large .ad-accessibility__switch[b-jc4d3mdyvq] { min-height: 56px; font-size: 1.05rem; }

@media (max-width: 560px) {
    .ad-accessibility[b-jc4d3mdyvq] { right: 12px; bottom: 12px; }
    .ad-accessibility__trigger-text[b-jc4d3mdyvq] { display: none; }
    .ad-accessibility__trigger[b-jc4d3mdyvq] { width: 48px; height: 48px; padding: 8px; justify-content: center; }
    .ad-accessibility__panel[b-jc4d3mdyvq] { position: fixed; left: 12px; right: 12px; bottom: 72px; width: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .ad-accessibility *[b-jc4d3mdyvq],
    .ad-accessibility *[b-jc4d3mdyvq]::before,
    .ad-accessibility *[b-jc4d3mdyvq]::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Sólo en Inicio: mantener visible el acceso flotante al activar alto contraste. */
html.ad-a11y-high-contrast body:has(.ad-home) .ad-accessibility__trigger[b-jc4d3mdyvq],
html.ad-a11y-high-contrast body:has(.ad-home) .ad-accessibility__trigger-icon[b-jc4d3mdyvq] {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

/* AD-ACC-003 — perfiles, filtros de color y enlace a la declaración. */
.ad-accessibility__notice--top[b-jc4d3mdyvq] { margin: -4px 0 10px; }

.ad-accessibility__profiles[b-jc4d3mdyvq] { display: grid; gap: 6px; }

.ad-accessibility__profile[b-jc4d3mdyvq] {
    display: grid;
    grid-template-columns: 34px 1fr 22px;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 52px;
    padding: 8px 10px;
    border: 1px solid #DCE3EC;
    border-radius: 12px;
    background: #FFFFFF;
    color: #0B1734;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.ad-accessibility__profile:hover[b-jc4d3mdyvq] { border-color: #6D28D9; }

.ad-accessibility__profile[aria-pressed="true"][b-jc4d3mdyvq] {
    border: 2px solid #6D28D9;
    background: #6D28D9;
    color: #FFFFFF;
}

.ad-accessibility__profile-icon[b-jc4d3mdyvq] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #F4F0FF;
    color: #6D28D9;
}

.ad-accessibility__profile-icon[b-jc4d3mdyvq]  svg { width: 20px; height: 20px; }
.ad-accessibility__profile[aria-pressed="true"] .ad-accessibility__profile-icon[b-jc4d3mdyvq] { background: rgba(255,255,255,.18); color: #FFFFFF; }

.ad-accessibility__profile-text[b-jc4d3mdyvq] { display: grid; gap: 1px; min-width: 0; }
.ad-accessibility__profile-name[b-jc4d3mdyvq] { font-size: .88rem; font-weight: 700; }
.ad-accessibility__profile-help[b-jc4d3mdyvq] { font-size: .72rem; line-height: 1.3; color: #526079; }
.ad-accessibility__profile[aria-pressed="true"] .ad-accessibility__profile-help[b-jc4d3mdyvq] { color: #EDE9FE; }

.ad-accessibility__profile-check[b-jc4d3mdyvq] { visibility: hidden; font-weight: 700; }
.ad-accessibility__profile[aria-pressed="true"] .ad-accessibility__profile-check[b-jc4d3mdyvq] { visibility: visible; }

.ad-accessibility__chips[b-jc4d3mdyvq] { display: flex; flex-wrap: wrap; gap: 6px; }

.ad-accessibility__chip[b-jc4d3mdyvq] {
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid #DCE3EC;
    border-radius: 999px;
    background: #FFFFFF;
    color: #0B1734;
    font: inherit;
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
}

.ad-accessibility__chip:hover[b-jc4d3mdyvq] { border-color: #6D28D9; }
.ad-accessibility__chip[aria-pressed="true"][b-jc4d3mdyvq] { border-color: #6D28D9; background: #6D28D9; color: #FFFFFF; }

.ad-accessibility__statement[b-jc4d3mdyvq] {
    display: block;
    margin-top: 12px;
    color: #6D28D9;
    font-size: .82rem;
    font-weight: 700;
    text-align: center;
}

.is-large .ad-accessibility__profile[b-jc4d3mdyvq] { min-height: 60px; }
.is-large .ad-accessibility__profile-name[b-jc4d3mdyvq] { font-size: 1rem; }
.is-large .ad-accessibility__chip[b-jc4d3mdyvq] { min-height: 46px; font-size: .92rem; }
/* /Components/Controls/AcompanamientoCard.razor.rz.scp.css */
.ad-ac-card[b-w56uqyq1cb] {
    --ac-accent: var(--ad-violet);
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 320px;
    padding: var(--ad-space-3);
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-card);
    background: var(--ad-bg);
    box-shadow: var(--ad-shadow-card);
}

.ad-ac-tone-kai[b-w56uqyq1cb] { --ac-accent: var(--ad-green); }
.ad-ac-tone-nara[b-w56uqyq1cb],
.ad-ac-tone-tilo[b-w56uqyq1cb] { --ac-accent: var(--ad-orange); }
.ad-ac-tone-eko[b-w56uqyq1cb] { --ac-accent: var(--ad-green); }

header[b-w56uqyq1cb] {
    display: flex;
    align-items: center;
    gap: var(--ad-space-2);
}

header img[b-w56uqyq1cb] {
    width: 52px;
    height: 52px;
    flex: none;
    object-fit: contain;
}

h3[b-w56uqyq1cb] {
    margin: 0 0 5px;
    color: var(--ad-text);
    font-size: .98rem;
    line-height: 1.25;
}

.ad-ac-state[b-w56uqyq1cb] {
    display: inline-flex;
    padding: 4px 9px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ac-accent) 10%, var(--ad-bg));
    color: var(--ac-accent);
    font-size: .68rem;
    font-weight: 800;
}

.ad-ac-related[b-w56uqyq1cb] {
    width: fit-content;
    margin: var(--ad-space-2) 0 0;
    padding: 4px 9px;
    border-radius: 999px;
    background: var(--ad-bg-lilac);
    color: var(--ad-violet);
    font-size: .7rem;
    font-weight: 750;
}

.ad-ac-copy[b-w56uqyq1cb] {
    display: grid;
    gap: var(--ad-space-2);
    margin: var(--ad-space-3) 0;
    color: var(--ad-text-muted);
    font-size: .82rem;
    line-height: 1.55;
}

.ad-ac-copy p[b-w56uqyq1cb],
.ad-ac-copy strong[b-w56uqyq1cb] { margin: 0; }
.ad-ac-copy strong[b-w56uqyq1cb] { color: var(--ad-text); }

.ad-ac-actions[b-w56uqyq1cb] {
    display: grid;
    gap: var(--ad-space-1);
    margin-top: auto;
}

.ad-ac-actions a[b-w56uqyq1cb] {
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-btn);
    color: var(--ad-text);
    background: var(--ad-bg);
    font-size: .78rem;
    font-weight: 750;
    text-align: center;
    text-decoration: none;
}

.ad-ac-actions .ad-ac-primary[b-w56uqyq1cb] {
    border-color: transparent;
    background: linear-gradient(135deg, var(--ad-violet), var(--ad-violet-2));
    color: var(--ad-bg);
}

.ad-ac-actions .ad-ac-link[b-w56uqyq1cb] {
    min-height: auto;
    border-color: transparent;
    color: var(--ad-violet);
    background: transparent;
}

.ad-ac-actions a:focus-visible[b-w56uqyq1cb] {
    outline: 2px solid var(--ad-violet);
    outline-offset: 2px;
}
/* /Components/Controls/AsiFuncionaModal.razor.rz.scp.css */
.asi-overlay[b-nqkqpra5cw] {
    position: fixed;
    inset: 0;
    z-index: 70;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(4px);
}

.asi-modal[b-nqkqpra5cw] {
    position: relative;
    flex: none;
    box-sizing: border-box;
    width: min(1120px, calc(100vw - 48px));
    max-height: calc(100vh - 48px);
    overflow-x: hidden;
    overflow-y: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
    padding: 34px 48px 34px;
    border-radius: 28px;
    color: var(--ad-text);
    background: var(--ad-bg);
    box-shadow: 0 30px 80px rgba(15, 23, 42, .35);
    font-family: "Outfit", "Plus Jakarta Sans", sans-serif;
}

.asi-close[b-nqkqpra5cw] {
    position: absolute;
    top: 22px;
    right: 22px;
    z-index: 3;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 2px solid var(--ad-violet);
    border-radius: 999px;
    color: var(--ad-violet);
    background: var(--ad-bg);
    cursor: pointer;
}

.asi-close:hover[b-nqkqpra5cw] {
    background: var(--ad-bg-lilac);
}

/* Cabecera */
.asi-head[b-nqkqpra5cw] {
    display: grid;
    gap: 18px;
}

.asi-logo[b-nqkqpra5cw] {
    width: 150px;
    max-width: 100%;
    height: auto;
}

.asi-intro[b-nqkqpra5cw] {
    width: 100%;
    text-align: center;
}

.asi-intro h2[b-nqkqpra5cw] {
    margin: 0;
    color: var(--ad-navy-deep, #1e1b4b);
    font-size: clamp(1.7rem, 3vw, 2.3rem);
    font-weight: 700;
    letter-spacing: -.02em;
}

.asi-intro h2 span[b-nqkqpra5cw] {
    color: var(--ad-violet);
}

.asi-subtitle[b-nqkqpra5cw] {
    max-width: 760px;
    margin: 12px auto 0;
    color: var(--ad-navy-deep, #1e1b4b);
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.35;
}

.asi-lead[b-nqkqpra5cw] {
    max-width: 860px;
    margin: 14px auto 0;
    color: var(--ad-text-muted);
    font-size: 1rem;
    line-height: 1.6;
}

.asi-section-title[b-nqkqpra5cw] {
    margin: 0 0 20px;
    color: var(--ad-navy-deep, #1e1b4b);
    font-size: 1.15rem;
    font-weight: 700;
    text-align: center;
}

/* Iconos */
.asi-icon[b-nqkqpra5cw],
.asi-glyph[b-nqkqpra5cw] {
    flex: none;
    display: grid;
    place-items: center;
    border-radius: 999px;
}

.asi-icon[b-nqkqpra5cw] {
    width: 64px;
    height: 64px;
}

.asi-glyph[b-nqkqpra5cw] {
    width: 52px;
    height: 52px;
}

.asi-icon.is-violet[b-nqkqpra5cw], .asi-glyph.is-violet[b-nqkqpra5cw] { color: var(--ad-violet); background: #ede9fe; }
.asi-icon.is-orange[b-nqkqpra5cw], .asi-glyph.is-orange[b-nqkqpra5cw] { color: var(--ad-orange); background: #ffedd5; }
.asi-icon.is-green[b-nqkqpra5cw], .asi-glyph.is-green[b-nqkqpra5cw] { color: var(--ad-green); background: #dcfce7; }
.asi-icon.is-blue[b-nqkqpra5cw], .asi-glyph.is-blue[b-nqkqpra5cw] { color: #2563eb; background: #dbeafe; }

/* Proceso en cuatro momentos, conectados */
.asi-process[b-nqkqpra5cw] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.asi-process li[b-nqkqpra5cw] {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 8px;
    text-align: center;
}

.asi-process li:not(:last-child)[b-nqkqpra5cw]::after {
    content: "";
    position: absolute;
    top: 31px;
    left: calc(50% + 46px);
    width: calc(100% - 68px);
    border-top: 2px dotted rgba(109, 40, 217, .4);
}

.asi-process h4[b-nqkqpra5cw] {
    margin: 6px 0 0;
    font-size: 1.05rem;
    font-weight: 700;
}

.asi-process h4.is-violet[b-nqkqpra5cw] { color: var(--ad-violet); }
.asi-process h4.is-orange[b-nqkqpra5cw] { color: var(--ad-orange); }
.asi-process h4.is-green[b-nqkqpra5cw] { color: var(--ad-green); }
.asi-process h4.is-blue[b-nqkqpra5cw] { color: #2563eb; }

.asi-process p[b-nqkqpra5cw] {
    margin: 0;
    max-width: 200px;
    color: var(--ad-text-muted);
    font-size: .95rem;
    line-height: 1.5;
}

/* Dos formas de acompañar */
.asi-pair[b-nqkqpra5cw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.asi-card[b-nqkqpra5cw] {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 24px 28px;
    border: 1px solid rgba(109, 40, 217, .2);
    border-radius: 22px;
    background: var(--ad-bg-lilac);
}

.asi-card.is-green[b-nqkqpra5cw] {
    border-color: rgba(22, 163, 74, .25);
    background: #f0fdf6;
}

.asi-card h4[b-nqkqpra5cw] {
    margin: 0 0 8px;
    font-size: 1.1rem;
    font-weight: 700;
}

.asi-card.is-violet h4[b-nqkqpra5cw] { color: var(--ad-violet); }
.asi-card.is-green h4[b-nqkqpra5cw] { color: var(--ad-green); }

.asi-card p[b-nqkqpra5cw] {
    margin: 0;
    color: var(--ad-text);
    font-size: .98rem;
    line-height: 1.55;
}

/* Ecosistema */
.asi-ecosystem[b-nqkqpra5cw] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.asi-ecosystem li[b-nqkqpra5cw] {
    display: grid;
    justify-items: center;
    align-content: start;
    gap: 10px;
    padding: 24px 18px;
    border: 1px solid var(--ad-border);
    border-radius: 20px;
    background: var(--ad-bg);
    text-align: center;
}

.asi-ecosystem h4[b-nqkqpra5cw] {
    margin: 2px 0 0;
    color: var(--ad-navy-deep, #1e1b4b);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
}

.asi-ecosystem p[b-nqkqpra5cw] {
    margin: 0;
    color: var(--ad-text-muted);
    font-size: .95rem;
    line-height: 1.55;
}

/* ¿Qué buscamos mover? */
.asi-move[b-nqkqpra5cw] {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 24px 28px;
    border: 1px solid rgba(109, 40, 217, .14);
    border-radius: 22px;
    background: var(--ad-bg-lilac);
}

.asi-move h3[b-nqkqpra5cw] {
    margin: 0 0 8px;
    color: var(--ad-navy-deep, #1e1b4b);
    font-size: 1.1rem;
    font-weight: 700;
}

.asi-move-list[b-nqkqpra5cw] {
    margin: 0 0 8px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 0;
    color: var(--ad-text);
    font-size: 1rem;
    font-weight: 600;
}

.asi-move-list li + li[b-nqkqpra5cw]::before {
    content: "•";
    margin: 0 10px;
    color: var(--ad-violet);
}

.asi-move p[b-nqkqpra5cw] {
    margin: 0;
    color: var(--ad-text-muted);
    font-size: .95rem;
    line-height: 1.55;
}

/* Cierre */
.asi-footer[b-nqkqpra5cw] {
    position: relative;
    display: flex;
    justify-content: center;
}

.asi-footer[b-nqkqpra5cw]::before,
.asi-footer[b-nqkqpra5cw]::after {
    content: "";
    position: absolute;
    bottom: -34px;
    width: 260px;
    height: 130px;
    background: #ede9fe;
    opacity: .7;
    pointer-events: none;
}

.asi-footer[b-nqkqpra5cw]::before {
    left: -48px;
    border-radius: 0 70% 0 0 / 0 80% 0 0;
}

.asi-footer[b-nqkqpra5cw]::after {
    right: -48px;
    border-radius: 70% 0 0 0 / 80% 0 0 0;
}

.asi-cta[b-nqkqpra5cw] {
    position: relative;
    z-index: 1;
    min-width: 240px;
    min-height: 56px;
    padding: 0 36px;
    border: 1px solid transparent;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, var(--ad-violet), var(--ad-violet-2));
    box-shadow: var(--ad-shadow-btn-violet);
    font: inherit;
    font-size: 1.05rem;
    font-weight: 700;
    cursor: pointer;
}

/* Tablet: 600-900 px */
@media (max-width: 900px) {
    .asi-modal[b-nqkqpra5cw] {
        padding: 30px 28px 28px;
    }

    .asi-process[b-nqkqpra5cw],
    .asi-ecosystem[b-nqkqpra5cw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .asi-process li[b-nqkqpra5cw]::after {
        display: none;
    }
}

@media (max-width: 720px) {
    .asi-overlay[b-nqkqpra5cw] {
        padding: 10px;
    }

    .asi-modal[b-nqkqpra5cw] {
        width: calc(100vw - 20px);
        max-height: calc(100vh - 20px);
        gap: 28px;
        padding: 22px 18px 24px;
        border-radius: 22px;
    }

    .asi-close[b-nqkqpra5cw] {
        top: 14px;
        right: 14px;
    }

    .asi-pair[b-nqkqpra5cw] {
        grid-template-columns: minmax(0, 1fr);
    }

    .asi-card[b-nqkqpra5cw],
    .asi-move[b-nqkqpra5cw] {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding: 22px;
    }

    .asi-cta[b-nqkqpra5cw] {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .asi-process[b-nqkqpra5cw],
    .asi-ecosystem[b-nqkqpra5cw] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Controls/BackOfficeHeader.razor.rz.scp.css */
.bo-header[b-vtgy555kf9] { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 16px; border-bottom: 1px solid #dce8f4; background: white; }
.bo-search[b-vtgy555kf9] { width: min(430px, 54vw); display: flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 12px; border: 1px solid #cddded; border-radius: 9px; color: #6f829c; background: #fbfdff; }
.bo-search svg[b-vtgy555kf9] { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.bo-search input[b-vtgy555kf9] { width: 100%; border: 0; outline: 0; background: transparent; color: var(--ad-text); font: inherit; font-size: .8rem; }
.bo-header-actions[b-vtgy555kf9] { display: flex; align-items: center; gap: 10px; }
.bo-header-actions strong[b-vtgy555kf9] { font-size: .8rem; white-space: nowrap; }
button[b-vtgy555kf9] { position: relative; display: grid; place-items: center; width: 32px; height: 32px; border: 0; border-radius: 9px; background: white; color: #0b2b54; }
button svg[b-vtgy555kf9] { width: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
button i[b-vtgy555kf9] { position: absolute; right: 7px; top: 5px; width: 7px; height: 7px; border-radius: 99px; background: #ef3340; border: 1px solid white; }
.bo-avatar[b-vtgy555kf9] { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 999px; background: #d8e9ff; color: #113a69; box-shadow: 0 0 0 3px #f0eaff; font-size: .64rem; font-weight: 800; }
.bo-chevron[b-vtgy555kf9] { color: #294d73; font-size: 1rem; }
.sr-only[b-vtgy555kf9] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

@media (max-width: 560px) { .bo-header-actions strong[b-vtgy555kf9], .bo-chevron[b-vtgy555kf9] { display: none; } .bo-search[b-vtgy555kf9] { width: 100%; } }
/* /Components/Controls/BackOfficeSidebar.razor.rz.scp.css */
.bo-sidebar[b-jnmnwme5bt] { display: flex; flex-direction: column; background: var(--ad-navy); color: #d5def2; padding: 10px; border-right: 1px solid #142b4b; }
.bo-header[b-jnmnwme5bt] { padding: 0; }
.bo-brand[b-jnmnwme5bt] { display: flex; justify-content: center; padding: 8px; border-radius: 10px; background: white; }
.bo-brand img[b-jnmnwme5bt] { width: 142px; height: auto; }
.bo-tagline[b-jnmnwme5bt] { display: none; }
nav[b-jnmnwme5bt] { display: flex; gap: 5px; overflow-x: auto; padding: 10px 0 4px; }
.bo-section-label[b-jnmnwme5bt] { display: none; }
.bo-link[b-jnmnwme5bt] { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; min-height: 34px; padding: 0 10px; border-radius: 8px; color: #dbe7f5; font-size: .74rem; font-weight: 600; text-decoration: none; transition: background var(--ad-transition), color var(--ad-transition); }
.bo-link:hover[b-jnmnwme5bt] { background: rgba(255,255,255,.08); color: white; }
.bo-link.active[b-jnmnwme5bt] { background: #6423f2; color: white; box-shadow: inset 0 1px 0 #8c62ff; }
.bo-link--disabled[b-jnmnwme5bt] { opacity: .46; cursor: not-allowed; }
.bo-link--disabled:hover[b-jnmnwme5bt] { background: transparent; color: #dbe7f5; }
.bo-link:focus-visible[b-jnmnwme5bt], footer button:focus-visible[b-jnmnwme5bt] { outline: 2px solid white; outline-offset: 2px; }
.bo-link[b-jnmnwme5bt]  .bo-icon, footer[b-jnmnwme5bt]  .bo-icon { width: 16px !important; height: 16px !important; min-width: 16px !important; min-height: 16px !important; max-width: 16px !important; max-height: 16px !important; flex: 0 0 16px !important; }
footer[b-jnmnwme5bt] { display: none; margin-top: auto; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.12); }
footer form[b-jnmnwme5bt] { margin: 0; }
footer button[b-jnmnwme5bt] { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 36px; padding: 0 10px; border: 0; border-radius: 8px; background: transparent; color: #dbe7f5; font: inherit; font-size: .76rem; cursor: pointer; }

@media (min-width: 1024px) {
    .bo-sidebar[b-jnmnwme5bt] { position: sticky; top: 0; height: 100vh; overflow-y: auto; padding: 14px 12px; }

    .bo-header[b-jnmnwme5bt] { padding: 0 6px 14px; margin-bottom: 6px; border-bottom: 1px solid #10203f; }
    .bo-brand[b-jnmnwme5bt] { display: inline-flex; justify-content: flex-start; padding: 6px 10px; border-radius: 12px; }
    .bo-brand img[b-jnmnwme5bt] { width: auto; height: 28px; }
    .bo-tagline[b-jnmnwme5bt] { display: block; max-width: 150px; margin-top: 8px; color: #d0d8e9; font-size: .625rem; line-height: 1.35; }

    nav[b-jnmnwme5bt] { display: grid; gap: 2px; overflow: visible; padding: 6px 0; }
    .bo-section-label[b-jnmnwme5bt] { display: block; padding: 10px 10px 4px; color: #a58be6; font-size: .625rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
    .bo-link[b-jnmnwme5bt] { min-height: 38px; padding: 8px 10px; border-radius: 10px; font-size: .8125rem; }
    footer[b-jnmnwme5bt] { display: block; }
}
/* /Components/Controls/BarraAcompanamiento.razor.rz.scp.css */
.ad-accompaniment[b-qbrj3c0gnk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 20px;
    border: 1px solid #aeb9be;
    border-radius: 16px;
    color: var(--ad-teacher-petroleum);
    background: #ffffff;
}

.ad-accompaniment-copy[b-qbrj3c0gnk] {
    display: grid;
    gap: 4px;
    max-width: 560px;
}

.ad-accompaniment-copy p[b-qbrj3c0gnk] {
    margin: 0;
    color: var(--ad-teacher-petroleum);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ad-accompaniment-copy strong[b-qbrj3c0gnk] {
    font-size: 1rem;
    line-height: 1.3;
}

.ad-accompaniment-copy span[b-qbrj3c0gnk] {
    color: var(--ad-teacher-petroleum);
    font-size: .76rem;
    line-height: 1.5;
}

.ad-accompaniment-flow[b-qbrj3c0gnk] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin: 7px 0 0;
    padding: 0;
    color: var(--ad-teacher-petroleum);
    list-style: none;
}

.ad-accompaniment-flow li[b-qbrj3c0gnk] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: .68rem;
    font-weight: 750;
}

.ad-accompaniment-flow li:not(:last-child)[b-qbrj3c0gnk]::after {
    content: "→";
    margin-left: 10px;
    color: var(--ad-teacher-blue);
}

.ad-accompaniment-flow b[b-qbrj3c0gnk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    background: var(--ad-teacher-blue);
    font-size: .61rem;
}

.ad-accompaniment-actions[b-qbrj3c0gnk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.ad-accompaniment-actions a[b-qbrj3c0gnk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 14px;
    border: 1px solid var(--ad-teacher-petroleum);
    border-radius: 10px;
    color: var(--ad-teacher-petroleum);
    background: #ffffff;
    font-size: .72rem;
    font-weight: 750;
    text-decoration: none;
}

.ad-accompaniment-actions a:hover[b-qbrj3c0gnk] {
    border-color: var(--ad-teacher-petroleum);
    background: var(--ad-teacher-mist);
}

.ad-accompaniment-actions a.is-primary[b-qbrj3c0gnk] {
    color: #ffffff;
    border-color: var(--ad-teacher-petroleum);
    background: var(--ad-teacher-petroleum);
}

.ad-accompaniment-actions a:focus-visible[b-qbrj3c0gnk] {
    outline: 3px solid var(--ad-teacher-sky);
    outline-offset: 3px;
}

.ad-accompaniment.is-compact[b-qbrj3c0gnk] {
    margin-top: 16px;
    padding: 15px 16px;
}

.ad-accompaniment.is-compact .ad-accompaniment-copy > span[b-qbrj3c0gnk] { display: none; }

@media (max-width: 900px) {
    .ad-accompaniment[b-qbrj3c0gnk] {
        align-items: stretch;
        flex-direction: column;
    }

    .ad-accompaniment-actions[b-qbrj3c0gnk] {
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {
    .ad-accompaniment-actions[b-qbrj3c0gnk] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ad-accompaniment-actions a[b-qbrj3c0gnk] {
        width: 100%;
    }
}

html.ad-a11y-high-contrast .ad-accompaniment[b-qbrj3c0gnk],
html.ad-a11y-high-contrast .ad-accompaniment-actions a[b-qbrj3c0gnk] {
    color: #ffffff !important;
    border-color: #ffffff !important;
    background: #000000 !important;
}
/* /Components/Controls/CabeceraDocente.razor.rz.scp.css */
.ad-teacher-header[b-whvxvbu4v2] {
    position: sticky;
    top: 0;
    z-index: 20;
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 10px 28px;
    color: var(--ad-teacher-petroleum);
    background: #fff;
    border-bottom: 1px solid var(--ad-teacher-mist);
}

.ad-teacher-context[b-whvxvbu4v2],
.ad-teacher-plan[b-whvxvbu4v2],
.ad-teacher-notifications[b-whvxvbu4v2] { color: inherit; text-decoration: none; }
.ad-teacher-context[b-whvxvbu4v2] { display: inline-flex; align-items: center; gap: 9px; font-size: .72rem; font-weight: 800; }
.ad-teacher-context svg[b-whvxvbu4v2] { width: 17px; height: 17px; }
.ad-teacher-account[b-whvxvbu4v2] { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.ad-teacher-plan[b-whvxvbu4v2] { padding: 8px 11px; border-radius: 9px; font-size: .68rem; font-weight: 800; }
.ad-teacher-plan:hover[b-whvxvbu4v2],
.ad-teacher-plan[aria-current="page"][b-whvxvbu4v2] { background: var(--ad-tint-sky); }
.ad-teacher-notifications[b-whvxvbu4v2] { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 999px; }
.ad-teacher-notifications:hover[b-whvxvbu4v2] { background: var(--ad-tint-sky); }
.ad-teacher-notifications svg[b-whvxvbu4v2] { width: 19px; height: 19px; }
.ad-teacher-profile[b-whvxvbu4v2] { position: relative; }
.ad-teacher-profile > summary[b-whvxvbu4v2] { min-height: 42px; display: flex; align-items: center; gap: 8px; padding: 4px 7px; border-radius: 11px; cursor: pointer; list-style: none; font-size: .72rem; font-weight: 800; }
.ad-teacher-profile > summary[b-whvxvbu4v2]::-webkit-details-marker { display: none; }
.ad-teacher-profile > summary:hover[b-whvxvbu4v2],
.ad-teacher-profile[open] > summary[b-whvxvbu4v2] { background: var(--ad-tint-sky); }
.ad-teacher-profile > summary > svg[b-whvxvbu4v2] { width: 14px; height: 14px; transition: transform .18s ease; }
.ad-teacher-profile[open] > summary > svg[b-whvxvbu4v2] { transform: rotate(180deg); }
.ad-teacher-avatar[b-whvxvbu4v2] { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 999px; color: var(--ad-teacher-petroleum); background: var(--ad-tint-lavender); font-size: .62rem; }
.ad-teacher-profile-panel[b-whvxvbu4v2] { position: absolute; top: calc(100% + 8px); right: 0; width: 260px; overflow: hidden; padding: 9px; border: 1px solid #aeb9be; border-radius: 14px; background: #fff; }
.ad-teacher-profile-panel > header[b-whvxvbu4v2] { display: grid; gap: 2px; padding: 9px 10px 11px; border-bottom: 1px solid var(--ad-teacher-mist); }
.ad-teacher-profile-panel > header strong[b-whvxvbu4v2] { overflow: hidden; color: var(--ad-teacher-ink); font-size: .74rem; text-overflow: ellipsis; white-space: nowrap; }
.ad-teacher-profile-panel > header small[b-whvxvbu4v2] { color: var(--ad-teacher-blue); font-size: .6rem; }
.ad-teacher-whatsapp[b-whvxvbu4v2] { display: flex; align-items: center; gap: 10px; margin-top: 7px; padding: 10px; border-radius: 10px; color: var(--ad-teacher-petroleum); background: var(--ad-tint-mint); cursor: not-allowed; }
.ad-teacher-whatsapp > svg[b-whvxvbu4v2] { width: 20px; height: 20px; flex: none; color: var(--ad-teacher-blue); }
.ad-teacher-whatsapp > span[b-whvxvbu4v2] { display: grid; gap: 2px; }
.ad-teacher-whatsapp strong[b-whvxvbu4v2] { font-size: .67rem; }
.ad-teacher-whatsapp small[b-whvxvbu4v2] { color: var(--ad-teacher-petroleum); font-size: .56rem; }
.ad-teacher-profile-panel form[b-whvxvbu4v2] { margin-top: 5px; }
.ad-teacher-profile-panel button[b-whvxvbu4v2] { width: 100%; min-height: 40px; display: flex; align-items: center; gap: 10px; padding: 9px 10px; border: 0; border-radius: 9px; color: var(--ad-teacher-petroleum); background: transparent; font: inherit; font-size: .67rem; font-weight: 800; cursor: pointer; }
.ad-teacher-profile-panel button:hover[b-whvxvbu4v2] { background: var(--ad-tint-sky); }
.ad-teacher-profile-panel button svg[b-whvxvbu4v2] { width: 18px; height: 18px; }
.ad-teacher-header :where(a, summary, button):focus-visible[b-whvxvbu4v2] { outline: 3px solid var(--ad-teacher-petroleum); outline-offset: 2px; }

@media (max-width: 700px) {
    .ad-teacher-header[b-whvxvbu4v2] { min-height: 58px; padding: 8px 16px; }
    .ad-teacher-context[b-whvxvbu4v2] { display: none; }
    .ad-teacher-name[b-whvxvbu4v2] { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

@media (max-width: 430px) {
    .ad-teacher-plan[b-whvxvbu4v2] { display: none; }
    .ad-teacher-name[b-whvxvbu4v2] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .ad-teacher-profile > summary > svg[b-whvxvbu4v2] { transition: none; }
}

html.ad-a11y-high-contrast .ad-teacher-header[b-whvxvbu4v2],
html.ad-a11y-high-contrast .ad-teacher-profile-panel[b-whvxvbu4v2],
html.ad-a11y-high-contrast .ad-teacher-whatsapp[b-whvxvbu4v2] { color: #fff !important; background: #000 !important; border-color: #fff !important; }
/* /Components/Controls/ConocenosModal.razor.rz.scp.css */
.conocenos-overlay[b-ia7ctqi2vm] {
    position: fixed;
    inset: 0;
    z-index: 70;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(4px);
}

.conocenos-modal[b-ia7ctqi2vm] {
    position: relative;
    flex: none;
    box-sizing: border-box;
    width: min(1120px, calc(100vw - 48px));
    max-height: calc(100vh - 48px);
    overflow-x: hidden;
    overflow-y: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
    padding: 36px 48px 34px;
    border-radius: 28px;
    color: var(--ad-text);
    background: var(--ad-bg);
    box-shadow: 0 30px 80px rgba(15, 23, 42, .35);
    font-family: "Plus Jakarta Sans", system-ui, sans-serif;
}

.conocenos-modal :is(h2, h3, h4)[b-ia7ctqi2vm] {
    font-family: "Outfit", "Plus Jakarta Sans", system-ui, sans-serif;
}

.conocenos-close[b-ia7ctqi2vm] {
    position: absolute;
    top: 22px;
    right: 22px;
    z-index: 3;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 2px solid var(--ad-violet);
    border-radius: 999px;
    color: var(--ad-violet);
    background: var(--ad-bg);
    cursor: pointer;
}

.conocenos-close:hover[b-ia7ctqi2vm] {
    background: var(--ad-bg-lilac);
}

/* Cabecera */
.conocenos-head[b-ia7ctqi2vm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    gap: 22px;
}

.conocenos-logo[b-ia7ctqi2vm] {
    width: 150px;
    max-width: 100%;
    height: auto;
}

.conocenos-kicker[b-ia7ctqi2vm] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 10px 0 0;
    color: var(--ad-violet);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.conocenos-kicker[b-ia7ctqi2vm]::after {
    content: "";
    width: 44px;
    height: 2px;
    background: var(--ad-violet);
}

.conocenos-intro[b-ia7ctqi2vm] {
    width: 100%;
    text-align: center;
}

.conocenos-intro h2[b-ia7ctqi2vm] {
    max-width: 920px;
    margin: 0 auto;
    color: var(--ad-navy-deep, #1e1b4b);
    font-size: clamp(1.5rem, 2.6vw, 2.05rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.02em;
}

.conocenos-intro h2 span[b-ia7ctqi2vm] {
    color: var(--ad-violet);
}

.conocenos-lead[b-ia7ctqi2vm] {
    margin: 16px auto 0;
    max-width: 860px;
    color: var(--ad-text-muted);
    font-size: 1rem;
    line-height: 1.6;
}

/* Iconos */
.conocenos-icon[b-ia7ctqi2vm] {
    width: 54px;
    height: 54px;
    flex: none;
    display: grid;
    place-items: center;
    border-radius: 999px;
}

.conocenos-icon.is-large[b-ia7ctqi2vm] {
    width: 64px;
    height: 64px;
}

.conocenos-icon.is-violet[b-ia7ctqi2vm] { color: var(--ad-violet); background: #ede9fe; }
.conocenos-icon.is-teal[b-ia7ctqi2vm] { color: #0d9488; background: #ccfbf1; }
.conocenos-icon.is-orange[b-ia7ctqi2vm] { color: var(--ad-orange); background: #ffedd5; }
.conocenos-icon.is-green[b-ia7ctqi2vm] { color: var(--ad-green); background: #dcfce7; }

/* Arquetipos + manifiesto */
.conocenos-essence[b-ia7ctqi2vm] {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    width: 100%;
    align-items: center;
    gap: 56px;
    min-height: 390px;
}

.conocenos-archetype-selector[b-ia7ctqi2vm] {
    grid-column: 1 / -1;
    width: min(760px, 100%);
    margin: -10px auto 0;
    padding-top: 20px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    border-top: 1px solid rgba(109, 40, 217, .16);
}

.conocenos-archetype-selector button[b-ia7ctqi2vm] {
    min-width: 0;
    padding: 8px 6px 10px;
    display: grid;
    justify-items: center;
    gap: 5px;
    border: 1px solid transparent;
    border-radius: 18px;
    color: var(--ad-text-muted);
    background: transparent;
    font: inherit;
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
}

.conocenos-archetype-selector button:hover[b-ia7ctqi2vm],
.conocenos-archetype-selector button:focus-visible[b-ia7ctqi2vm] {
    border-color: rgba(109, 40, 217, .28);
    background: var(--ad-bg-lilac);
}

.conocenos-archetype-selector button:focus-visible[b-ia7ctqi2vm] {
    outline: 3px solid rgba(109, 40, 217, .2);
    outline-offset: 2px;
}

.conocenos-archetype-selector button.is-selected[b-ia7ctqi2vm] {
    border-color: var(--ad-violet);
    color: var(--ad-violet);
    background: var(--ad-bg-lilac);
}

.conocenos-archetype-selector img[b-ia7ctqi2vm] {
    width: 74px;
    height: 74px;
    object-fit: contain;
}

.conocenos-person-panel[b-ia7ctqi2vm] {
    position: relative;
    min-height: 340px;
    display: grid;
    place-items: center;
    padding: 28px;
}

.conocenos-blob[b-ia7ctqi2vm] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: radial-gradient(ellipse at 45% 40%, #f0ecff, #e4ddff 80%);
}

.conocenos-archetype-art[b-ia7ctqi2vm] {
    position: relative;
    width: min(310px, 84%);
    aspect-ratio: 1;
    object-fit: contain;
    filter: drop-shadow(0 14px 22px rgba(47, 30, 105, .12));
}

.conocenos-profile-copy[b-ia7ctqi2vm] {
    display: grid;
    width: 100%;
    justify-items: start;
    align-content: center;
    gap: 21px;
    min-height: 360px;
    animation: conocenos-profile-in-b-ia7ctqi2vm .45s ease both;
}

.conocenos-profile-copy p[b-ia7ctqi2vm],
.conocenos-profile-copy blockquote[b-ia7ctqi2vm] {
    margin: 0;
}

.conocenos-tagline[b-ia7ctqi2vm] {
    color: var(--ad-navy-deep, #1e1b4b);
    font-size: clamp(1.25rem, 2vw, 1.6rem);
    font-style: italic;
    font-weight: 400;
    line-height: 1.35;
}

.conocenos-tagline span[b-ia7ctqi2vm] {
    color: var(--ad-violet);
    font-style: normal;
}

.conocenos-quote[b-ia7ctqi2vm] {
    max-width: none;
    color: var(--ad-navy-deep, #1e1b4b);
    font-size: clamp(1.18rem, 1.75vw, 1.48rem);
    font-weight: 450;
    line-height: 1.48;
    letter-spacing: -.01em;
}

.conocenos-archetype-name[b-ia7ctqi2vm] {
    margin: 0;
    color: var(--ad-violet);
    font-size: clamp(1.375rem, 2vw, 1.5rem);
    font-weight: 650;
    line-height: 1.3;
}

.conocenos-archetype-description[b-ia7ctqi2vm] {
    max-width: 620px;
    min-height: 82px;
    color: #46516a;
    font-size: clamp(.9375rem, 1.25vw, 1rem);
    line-height: 1.7;
}

.conocenos-carousel-controls[b-ia7ctqi2vm] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
}

.conocenos-carousel-controls button[b-ia7ctqi2vm] {
    min-width: 40px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(109, 40, 217, .28);
    border-radius: 999px;
    color: var(--ad-violet);
    background: var(--ad-bg);
    font: inherit;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
}

.conocenos-carousel-controls button:hover:not(:disabled)[b-ia7ctqi2vm],
.conocenos-carousel-controls button:focus-visible[b-ia7ctqi2vm] {
    border-color: var(--ad-violet);
    background: var(--ad-bg-lilac);
}

.conocenos-carousel-controls button:focus-visible[b-ia7ctqi2vm] {
    outline: 3px solid rgba(109, 40, 217, .2);
    outline-offset: 2px;
}

.conocenos-carousel-controls button:disabled[b-ia7ctqi2vm] {
    opacity: .42;
    cursor: not-allowed;
}

.conocenos-carousel-controls .conocenos-pause[b-ia7ctqi2vm] {
    min-width: 92px;
}

.conocenos-carousel-controls > span[b-ia7ctqi2vm] {
    min-width: 42px;
    color: var(--ad-text-muted);
    font-size: .76rem;
    font-weight: 700;
    text-align: center;
}

@keyframes conocenos-profile-in-b-ia7ctqi2vm {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Inspiración + propósito */
.conocenos-pair[b-ia7ctqi2vm] {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.conocenos-card[b-ia7ctqi2vm] {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 26px 32px;
    border: 1px solid rgba(109, 40, 217, .18);
    border-radius: 22px;
    background: var(--ad-bg-lilac);
}

.conocenos-card h3[b-ia7ctqi2vm] {
    margin: 0 0 8px;
    color: var(--ad-violet);
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.conocenos-card p[b-ia7ctqi2vm] {
    margin: 0;
    color: var(--ad-text);
    font-size: 1.02rem;
    line-height: 1.55;
}

/* Lo que aportamos */
.conocenos-section-label[b-ia7ctqi2vm] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 0 24px;
}

.conocenos-section-label[b-ia7ctqi2vm]::before,
.conocenos-section-label[b-ia7ctqi2vm]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(109, 40, 217, .45);
}

.conocenos-section-label span[b-ia7ctqi2vm] {
    color: var(--ad-violet);
    font-size: .95rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.conocenos-offer-grid[b-ia7ctqi2vm] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.conocenos-offer-grid li[b-ia7ctqi2vm] {
    display: grid;
    align-content: start;
    gap: 14px;
    padding: 26px 22px;
    border: 1px solid var(--ad-border);
    border-radius: 22px;
    background: var(--ad-bg);
}

.conocenos-offer-grid h4[b-ia7ctqi2vm] {
    margin: 4px 0 0;
    color: var(--ad-navy-deep, #1e1b4b);
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.conocenos-offer-grid p[b-ia7ctqi2vm] {
    margin: 0;
    color: var(--ad-text-muted);
    font-size: .95rem;
    line-height: 1.6;
}

/* Cierre */
.conocenos-footer[b-ia7ctqi2vm] {
    position: relative;
    display: flex;
    justify-content: center;
}

.conocenos-footer[b-ia7ctqi2vm]::after {
    content: "";
    position: absolute;
    right: -48px;
    bottom: -34px;
    width: 300px;
    height: 150px;
    border-radius: 70% 30% 0 0 / 80% 60% 0 0;
    background: #ede9fe;
    opacity: .75;
    pointer-events: none;
}

.conocenos-cta[b-ia7ctqi2vm] {
    position: relative;
    z-index: 1;
    min-width: 240px;
    min-height: 56px;
    padding: 0 36px;
    border: 1px solid transparent;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, var(--ad-violet), var(--ad-violet-2));
    box-shadow: var(--ad-shadow-btn-violet);
    font: inherit;
    font-size: 1.05rem;
    font-weight: 700;
    cursor: pointer;
}

/* Tablet: 600-900 px, 2 tarjetas por fila */
@media (max-width: 900px) {
    .conocenos-modal[b-ia7ctqi2vm] {
        padding: 30px 30px 28px;
    }

    .conocenos-offer-grid[b-ia7ctqi2vm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .conocenos-essence[b-ia7ctqi2vm] {
        gap: 28px;
    }
}

/* Móvil */
@media (max-width: 720px) {
    .conocenos-overlay[b-ia7ctqi2vm] {
        padding: 10px;
    }

    .conocenos-modal[b-ia7ctqi2vm] {
        width: calc(100vw - 20px);
        gap: 28px;
        max-height: calc(100vh - 20px);
        padding: 22px 18px 24px;
        border-radius: 22px;
    }

    .conocenos-close[b-ia7ctqi2vm] {
        top: 14px;
        right: 14px;
    }

    .conocenos-essence[b-ia7ctqi2vm],
    .conocenos-pair[b-ia7ctqi2vm] {
        grid-template-columns: minmax(0, 1fr);
    }

    .conocenos-essence[b-ia7ctqi2vm] {
        min-height: 0;
    }

    .conocenos-archetype-selector[b-ia7ctqi2vm] {
        grid-template-columns: repeat(5, minmax(64px, 1fr));
        overflow-x: auto;
        justify-content: start;
        padding-bottom: 6px;
    }

    .conocenos-archetype-selector img[b-ia7ctqi2vm] {
        width: 58px;
        height: 58px;
    }

    .conocenos-person-panel[b-ia7ctqi2vm] {
        min-height: 0;
        padding: 20px 0;
    }

    .conocenos-archetype-art[b-ia7ctqi2vm] {
        width: min(280px, 76%);
    }

    .conocenos-profile-copy[b-ia7ctqi2vm] {
        justify-items: center;
        min-height: 0;
        text-align: center;
    }

    .conocenos-archetype-description[b-ia7ctqi2vm] {
        min-height: 0;
    }

    .conocenos-card[b-ia7ctqi2vm] {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding: 22px;
    }

    .conocenos-cta[b-ia7ctqi2vm] {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .conocenos-offer-grid[b-ia7ctqi2vm] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .conocenos-profile-copy[b-ia7ctqi2vm] {
        animation: none;
    }
}
/* /Components/Controls/ContenidoPublicoProvisional.razor.rz.scp.css */
.ad-public-content[b-jf62luweus] { min-height: 78vh; color: #092994; background: linear-gradient(150deg, #ffffff 20%, #f8f4ff 62%, #eefbfa 100%); }
.ad-public-content-header[b-jf62luweus] { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 8px max(24px, calc((100% - 1280px) / 2)); background: rgba(255,255,255,.94); border-bottom: 1px solid #e9e6f0; }
.ad-public-content-brand[b-jf62luweus] { display: inline-flex; flex: none; }
.ad-public-content-brand img[b-jf62luweus] { display: block; width: 116px; height: 56px; object-fit: contain; }
.ad-public-content-return[b-jf62luweus] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #526079; font-size: .8125rem; font-weight: 700; text-decoration: none; }
.ad-public-content-return:hover[b-jf62luweus] { color: #7c19e6; text-decoration: underline; }
.ad-public-content-main[b-jf62luweus] { width: min(920px, calc(100% - 48px)); margin: 0 auto; padding: 72px 0 96px; }
.ad-public-content-card[b-jf62luweus] { padding: clamp(34px, 6vw, 68px); border: 1px solid #e3dcf1; border-radius: 28px; background: rgba(255,255,255,.95); box-shadow: 0 22px 60px rgba(48, 31, 110, .08); text-align: center; }
.ad-public-content-kicker[b-jf62luweus] { margin: 0 0 13px; color: #1774c7; font-size: .7rem; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
.ad-public-content-card h1[b-jf62luweus] { margin: 0; color: #092994; font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 850; line-height: 1.04; letter-spacing: -1.5px; }
.ad-public-content-summary[b-jf62luweus] { max-width: 640px; margin: 20px auto 0; color: #50709c; font-size: clamp(1rem, 2vw, 1.2rem); line-height: 1.65; }
.ad-public-content-notice[b-jf62luweus] { max-width: 620px; margin: 34px auto 0; padding: 20px 24px; border: 1px dashed #cdb8ed; border-radius: 16px; color: #503880; background: #faf7ff; }
.ad-public-content-notice strong[b-jf62luweus] { font-size: 1rem; }
.ad-public-content-notice p[b-jf62luweus] { margin: 7px 0 0; color: #65547d; font-size: .875rem; line-height: 1.7; }
.ad-public-content-action[b-jf62luweus] { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 46px; margin-top: 30px; padding: 11px 24px; border-radius: 999px; color: #fff; background: linear-gradient(90deg, #6517ed, #8d17e6); font-size: .875rem; font-weight: 800; text-decoration: none; box-shadow: 0 9px 24px rgba(102, 23, 237, .2); }
.ad-public-content a:focus-visible[b-jf62luweus] { outline: 3px solid #ffb11a; outline-offset: 4px; }
@media (max-width: 600px) {
    .ad-public-content-header[b-jf62luweus] { padding: 8px 18px; }
    .ad-public-content-brand img[b-jf62luweus] { width: 102px; height: 50px; }
    .ad-public-content-main[b-jf62luweus] { width: min(100% - 32px, 920px); padding: 40px 0 64px; }
    .ad-public-content-card[b-jf62luweus] { padding: 34px 22px; border-radius: 22px; }
}
html.ad-a11y-high-contrast .ad-public-content[b-jf62luweus],
html.ad-a11y-high-contrast .ad-public-content-header[b-jf62luweus],
html.ad-a11y-high-contrast .ad-public-content-card[b-jf62luweus],
html.ad-a11y-high-contrast .ad-public-content-notice[b-jf62luweus] { color: #fff !important; background: #000 !important; border-color: #fff !important; }
/* /Components/Controls/EcosistemaAulaDiversaModal.razor.rz.scp.css */
/* Modal "Aula Diversa en acción". Reutiliza la primitiva global .ad-dialog
   y presenta una portada estática mientras el video está pendiente. */

.eco-dialog[open][b-yazkczm37t] {
    margin: auto;
}

.eco-dialog[b-yazkczm37t] {
    position: relative;
    width: min(760px, calc(100% - 32px));
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    border: 1px solid #ddd2ff;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 28px 76px rgba(39, 24, 92, .28);
}

.eco-dialog[b-yazkczm37t]::backdrop {
    background: rgba(7, 22, 47, .55);
    backdrop-filter: blur(6px);
}

.eco-close[b-yazkczm37t] {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid #d5c8f7;
    border-radius: 999px;
    color: var(--ad-violet);
    background: #ffffff;
    cursor: pointer;
    transition: background var(--ad-transition);
}

.eco-close:hover[b-yazkczm37t] {
    background: var(--ad-bg-lilac);
}

.eco-close:focus-visible[b-yazkczm37t],
.eco-btn-primary:focus-visible[b-yazkczm37t] {
    outline: 2px solid var(--ad-violet);
    outline-offset: 3px;
}

.eco-body[b-yazkczm37t] {
    padding: 28px 28px 24px;
    text-align: center;
}

.eco-label[b-yazkczm37t] {
    margin: 0 0 12px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .13em;
    color: var(--ad-violet);
}

.eco-title[b-yazkczm37t] {
    margin: 0 auto 6px;
    max-width: 660px;
    font-size: clamp(1.75rem, 4vw, 2.65rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.035em;
    color: var(--ad-blue);
}

.eco-subtitle[b-yazkczm37t] {
    margin: 0 auto 20px;
    font-size: 1rem;
    line-height: 1.4;
    color: var(--ad-blue);
}

.eco-cover[b-yazkczm37t] {
    margin: 0;
    overflow: hidden;
    border: 1px solid #ded4ff;
    border-radius: 15px;
    background: #f2efff;
    box-shadow: 0 10px 28px rgba(88, 55, 170, .12);
}

.eco-cover img[b-yazkczm37t] {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 2.5 / 1;
    object-fit: cover;
}

.eco-closing[b-yazkczm37t] {
    margin: 16px 0 12px;
    font-size: clamp(1.15rem, 2.6vw, 1.5rem);
    font-weight: 800;
    line-height: 1.2;
    color: var(--ad-blue);
}

.eco-btn-primary[b-yazkczm37t] {
    min-height: 44px;
    padding: 0 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 999px;
    color: #ffffff;
    font: inherit;
    font-weight: 700;
    background: linear-gradient(135deg, var(--ad-violet), var(--ad-violet-2));
    box-shadow: 0 10px 28px rgba(109, 40, 217, .25);
    cursor: pointer;
}

.eco-support[b-yazkczm37t] {
    margin: 8px 0 0;
    font-size: .8rem;
    color: var(--ad-blue);
}

@media (max-width: 760px) {
    .eco-dialog[b-yazkczm37t] {
        width: min(560px, calc(100% - 20px));
        max-height: calc(100vh - 20px);
        border-radius: 20px;
    }

    .eco-body[b-yazkczm37t] {
        padding: 56px 14px 22px;
    }

    .eco-title[b-yazkczm37t] {
        font-size: clamp(1.55rem, 7vw, 2rem);
    }

    .eco-subtitle[b-yazkczm37t] {
        margin-bottom: 16px;
        font-size: .94rem;
    }

    .eco-cover[b-yazkczm37t] {
        border-radius: 12px;
    }

    .eco-closing[b-yazkczm37t] {
        margin-top: 14px;
    }

    .eco-btn-primary[b-yazkczm37t] {
        width: min(100%, 320px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .eco-close[b-yazkczm37t] {
        transition: none;
    }
}
/* /Components/Controls/EntradaPedagogicaGuiada.razor.rz.scp.css */
.ad-guided-entry[b-7i1qphuqxy] { --entry-accent: var(--ad-teacher-mint); --entry-tint: var(--ad-tint-mint); min-width: 0; display: grid; gap: 11px; padding: 13px 14px; border: 1px solid #c9dad6; border-left: 6px solid var(--entry-accent); border-radius: 10px; background: #fff; }
.ad-guided-entry.is-lavanda[b-7i1qphuqxy] { --entry-accent: var(--ad-teacher-lavender); --entry-tint: var(--ad-tint-lavender); }
.ad-guided-entry.is-azul[b-7i1qphuqxy] { --entry-accent: var(--ad-teacher-sky); --entry-tint: var(--ad-tint-sky); }
.ad-guided-entry.is-naranja[b-7i1qphuqxy] { --entry-accent: var(--ad-teacher-orange); --entry-tint: var(--ad-tint-orange); }
.ad-guided-entry.is-mostaza[b-7i1qphuqxy] { --entry-accent: var(--ad-teacher-mustard); --entry-tint: var(--ad-tint-mustard); }
.ad-guided-entry > header[b-7i1qphuqxy] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 10px; }
.ad-guided-number[b-7i1qphuqxy] { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; color: #001820; background: var(--entry-accent); font-size: .66rem; font-weight: 850; }
.ad-guided-entry.is-lavanda .ad-guided-number[b-7i1qphuqxy] { color: #fff; }
.ad-guided-entry.is-mostaza .ad-guided-number[b-7i1qphuqxy] { color: #3D2A00; }
.ad-guided-entry > header label[b-7i1qphuqxy] { color: var(--ad-teacher-ink); font-size: .78rem; font-weight: 850; }
.ad-guided-entry > header p[b-7i1qphuqxy] { margin: 3px 0 0; color: var(--ad-teacher-petroleum); font-size: .68rem; line-height: 1.45; }
.ad-guided-state[b-7i1qphuqxy] { padding: 4px 7px; border-radius: 999px; color: var(--ad-teacher-ink); background: var(--entry-tint); font-size: .59rem; font-weight: 850; }
.ad-guided-glossary[b-7i1qphuqxy] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding-left: 35px; }
.ad-guided-glossary > span[b-7i1qphuqxy] { color: var(--ad-teacher-blue); font-size: .6rem; font-weight: 750; }
.ad-guided-glossary details[b-7i1qphuqxy] { min-width: 0; }
.ad-guided-glossary summary[b-7i1qphuqxy] { padding: 3px 7px; border-bottom: 1px dotted var(--ad-teacher-blue); color: var(--ad-teacher-petroleum); font-size: .62rem; font-weight: 800; cursor: pointer; list-style: none; }
.ad-guided-glossary summary[b-7i1qphuqxy]::-webkit-details-marker { display: none; }
.ad-guided-glossary details[open][b-7i1qphuqxy] { flex: 1 1 100%; }
.ad-guided-glossary details p[b-7i1qphuqxy] { width: min(520px, 100%); margin: 7px 0 0; padding: 9px 10px; border: 1px solid var(--entry-accent); border-radius: 8px; color: var(--ad-teacher-ink); background: var(--entry-tint); font-size: .66rem; line-height: 1.45; }
.ad-guided-toolbar[b-7i1qphuqxy] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding-left: 35px; }
.ad-guided-primary-actions[b-7i1qphuqxy] { display: flex; gap: 6px; }
.ad-guided-toolbar button[b-7i1qphuqxy], .ad-guided-dictation button[b-7i1qphuqxy] { min-height: 34px; padding: 6px 11px; border: 1px solid #d2dfdb; border-radius: 999px; color: var(--ad-teacher-petroleum); background: #fff; font: inherit; font-size: .65rem; font-weight: 800; cursor: pointer; }
.ad-guided-toolbar button.is-selected[b-7i1qphuqxy] { border-color: var(--ad-teacher-petroleum); color: #fff; background: var(--ad-teacher-petroleum); }
.ad-guided-toolbar button:disabled[b-7i1qphuqxy] { color: #9aa8ad; background: #f5f7f7; cursor: not-allowed; }
.ad-guided-example-trigger[b-7i1qphuqxy] { margin-left: auto; border-color: var(--entry-accent) !important; color: var(--ad-teacher-ink) !important; background: var(--entry-tint) !important; }
.ad-guided-example-trigger.is-selected[b-7i1qphuqxy] { color: var(--ad-teacher-ink) !important; }
.ad-guided-examples-panel[b-7i1qphuqxy] { display: grid; gap: 9px; margin-left: 35px; padding: 11px; border: 1px solid var(--entry-accent); border-radius: 9px; background: var(--entry-tint); }
.ad-guided-examples-panel > div:first-child[b-7i1qphuqxy] { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 5px 12px; }
.ad-guided-examples-panel strong[b-7i1qphuqxy] { color: var(--ad-teacher-ink); font-size: .69rem; }
.ad-guided-examples-panel > div:first-child span[b-7i1qphuqxy] { color: var(--ad-teacher-petroleum); font-size: .62rem; }
.ad-guided-suggestions[b-7i1qphuqxy] { display: flex; flex-wrap: wrap; gap: 7px; }
.ad-guided-suggestions button[b-7i1qphuqxy] { flex: 1 1 190px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 9px; border: 1px solid rgba(81,106,116,.18); border-radius: 7px; color: var(--ad-teacher-ink); background: rgba(255,255,255,.78); text-align: left; font: inherit; cursor: pointer; }
.ad-guided-suggestions button span[b-7i1qphuqxy] { font-size: .66rem; line-height: 1.35; }
.ad-guided-suggestions button small[b-7i1qphuqxy] { flex: 0 0 auto; color: var(--ad-teacher-petroleum); font-size: .56rem; font-weight: 800; }
.ad-guided-suggestions button.is-used[b-7i1qphuqxy] { color: var(--ad-teacher-petroleum); background: var(--ad-teacher-mist); cursor: default; }
.ad-guided-entry textarea[b-7i1qphuqxy] { width: calc(100% - 35px); min-height: 74px; margin-left: 35px; padding: 10px 11px; border: 1px solid #d2dfdb; border-radius: 8px; color: var(--ad-teacher-ink); background: #fff; font: inherit; font-size: .72rem; line-height: 1.5; resize: vertical; field-sizing: content; }
.ad-guided-entry textarea:focus[b-7i1qphuqxy], .ad-guided-entry button:focus-visible[b-7i1qphuqxy], .ad-guided-glossary summary:focus-visible[b-7i1qphuqxy] { outline: 2px solid var(--ad-teacher-blue); outline-offset: 2px; }
.ad-guided-dictation[b-7i1qphuqxy] { display: grid; gap: 9px; margin-left: 35px; padding: 11px; border: 1px solid #80649b; border-radius: 9px; background: var(--ad-tint-lavender); }
.ad-guided-dictation > div:first-child strong[b-7i1qphuqxy] { color: var(--ad-teacher-ink); font-size: .7rem; }
.ad-guided-dictation > div:first-child p[b-7i1qphuqxy], .ad-guided-dictation > small[b-7i1qphuqxy] { margin: 3px 0 0; color: var(--ad-teacher-petroleum); font-size: .63rem; line-height: 1.45; }
.ad-guided-dictation-actions[b-7i1qphuqxy], .ad-guided-transcript > div[b-7i1qphuqxy] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.ad-guided-dictation-actions .is-stop[b-7i1qphuqxy] { color: #8a3c3c; border-color: #e1b3b3; }
.ad-guided-dictation-actions span[b-7i1qphuqxy] { color: #6b4e8c; font-size: .65rem; font-weight: 800; }
.ad-guided-transcript[b-7i1qphuqxy] { display: grid; gap: 7px; padding: 10px; border-radius: 8px; background: #fff; }
.ad-guided-transcript strong[b-7i1qphuqxy] { color: var(--ad-teacher-ink); font-size: .68rem; }
.ad-guided-transcript p[b-7i1qphuqxy] { margin: 0; color: var(--ad-teacher-ink); font-size: .7rem; line-height: 1.5; }
.ad-guided-transcript p span[b-7i1qphuqxy] { color: var(--ad-teacher-blue); }
.ad-guided-entry > footer[b-7i1qphuqxy] { min-height: 15px; display: flex; justify-content: space-between; gap: 8px; margin-left: 35px; color: var(--ad-teacher-blue); font-size: .58rem; }
.ad-guided-status[b-7i1qphuqxy] { margin: 0; color: #356862; }
@media (max-width: 680px) {
    .ad-guided-entry[b-7i1qphuqxy] { padding: 12px; }
    .ad-guided-entry > header[b-7i1qphuqxy] { grid-template-columns: auto minmax(0, 1fr); }
    .ad-guided-state[b-7i1qphuqxy] { grid-column: 2; justify-self: start; }
    .ad-guided-glossary[b-7i1qphuqxy], .ad-guided-toolbar[b-7i1qphuqxy], .ad-guided-examples-panel[b-7i1qphuqxy], .ad-guided-dictation[b-7i1qphuqxy], .ad-guided-entry textarea[b-7i1qphuqxy], .ad-guided-entry > footer[b-7i1qphuqxy] { width: 100%; margin-left: 0; padding-left: 0; }
    .ad-guided-examples-panel[b-7i1qphuqxy], .ad-guided-dictation[b-7i1qphuqxy] { padding: 10px; }
}
/* /Components/Controls/ParaQuienModal.razor.rz.scp.css */
.pq-overlay[b-jbvuqyz4f3] { position: fixed; inset: 0; z-index: 70; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(15,23,42,.58); backdrop-filter: blur(4px); }
.pq-modal[b-jbvuqyz4f3] { position: relative; width: min(850px, calc(100vw - 48px)); max-height: calc(100vh - 48px); overflow-y: auto; padding: 34px 42px 40px; border-radius: 28px; color: #15369f; background: #fff; box-shadow: 0 30px 80px rgba(15,23,42,.35); font-family: "Outfit", "Plus Jakarta Sans", sans-serif; }
.pq-close[b-jbvuqyz4f3] { position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; display: grid; place-items: center; border: 2px solid #7b13ee; border-radius: 50%; color: #7b13ee; background: #fff; cursor: pointer; }
.pq-close:hover[b-jbvuqyz4f3] { background: #f4efff; }
.pq-header[b-jbvuqyz4f3] { max-width: 680px; margin: 0 auto 28px; text-align: center; }
.pq-logo[b-jbvuqyz4f3] { display: block; width: 132px; height: 64px; margin: 0 auto 8px; object-fit: contain; }
.pq-kicker[b-jbvuqyz4f3] { margin: 0 0 9px; color: #367dce; font-size: .7rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.pq-header h2[b-jbvuqyz4f3] { margin: 0; color: #1238c7; font-size: clamp(1.65rem, 3.5vw, 2.35rem); font-weight: 800; line-height: 1.12; }
.pq-header > p:last-child[b-jbvuqyz4f3] { max-width: 610px; margin: 13px auto 0; color: #50709c; font-size: .95rem; line-height: 1.6; }
.pq-options[b-jbvuqyz4f3] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.pq-card[b-jbvuqyz4f3] { display: flex; flex-direction: column; align-items: center; min-height: 280px; padding: 28px; border: 1px solid transparent; border-radius: 22px; text-align: center; }
.pq-card-docentes[b-jbvuqyz4f3] { border-color: #e0d2f8; background: #f4efff; }
.pq-card-instituciones[b-jbvuqyz4f3] { border-color: #c8e8e4; background: #eaf9f7; }
.pq-icon[b-jbvuqyz4f3] { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #8d3ce8; }
.pq-card-instituciones .pq-icon[b-jbvuqyz4f3] { background: #20aea7; }
.pq-icon svg[b-jbvuqyz4f3] { width: 30px; height: 30px; }
.pq-card h3[b-jbvuqyz4f3] { margin: 16px 0 8px; color: #1238c7; font-size: 1.25rem; font-weight: 800; line-height: 1.2; }
.pq-card p[b-jbvuqyz4f3] { margin: 0 0 20px; color: #50709c; font-size: .875rem; line-height: 1.55; }
.pq-card a[b-jbvuqyz4f3] { width: 100%; min-height: 46px; margin-top: auto; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 999px; color: #fff; background: #741be0; font-size: .875rem; font-weight: 800; text-decoration: none; }
.pq-card-instituciones a[b-jbvuqyz4f3] { background: #15958f; }
.pq-card a:hover[b-jbvuqyz4f3] { filter: brightness(.94); }
.pq-modal :is(a,button):focus-visible[b-jbvuqyz4f3] { outline: 3px solid #ffb11a; outline-offset: 3px; }
@media (max-width: 680px) {
    .pq-overlay[b-jbvuqyz4f3] { padding: 10px; }
    .pq-modal[b-jbvuqyz4f3] { width: calc(100vw - 20px); max-height: calc(100vh - 20px); padding: 28px 18px 24px; border-radius: 22px; }
    .pq-close[b-jbvuqyz4f3] { top: 13px; right: 13px; }
    .pq-options[b-jbvuqyz4f3] { grid-template-columns: 1fr; }
    .pq-card[b-jbvuqyz4f3] { min-height: 0; padding: 24px 20px; }
}
html.ad-a11y-high-contrast .pq-modal[b-jbvuqyz4f3],
html.ad-a11y-high-contrast .pq-card[b-jbvuqyz4f3],
html.ad-a11y-high-contrast .pq-close[b-jbvuqyz4f3] { color: #fff !important; background: #000 !important; border-color: #fff !important; }
/* /Components/Controls/PiarStepper.razor.rz.scp.css */
.piar-stepper[b-iszbamct34] { display: grid; gap: 5px; }
.piar-step[b-iszbamct34] { width: 100%; display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 9px; padding: 8px; border: 0; border-radius: 9px; color: var(--ad-text-muted); background: transparent; font: inherit; font-size: .72rem; text-align: left; cursor: pointer; }
.piar-step:hover[b-iszbamct34], .piar-step:focus-visible[b-iszbamct34] { background: var(--ad-bg-lilac); color: var(--ad-violet); }
.piar-step:focus-visible[b-iszbamct34] { outline: 2px solid var(--ad-violet); outline-offset: 2px; }
.piar-step-number[b-iszbamct34] { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid var(--ad-border); border-radius: 999px; background: white; font-weight: 800; }
.piar-step.is-current[b-iszbamct34] { color: var(--ad-violet); background: var(--ad-bg-lilac); font-weight: 750; }
.piar-step.is-current .piar-step-number[b-iszbamct34] { border-color: var(--ad-violet); background: var(--ad-violet); color: white; }
.piar-step.is-complete .piar-step-number[b-iszbamct34] { border-color: #15803d; background: #dcfce7; color: #166534; }
@media (max-width: 960px) { .piar-stepper[b-iszbamct34] { grid-template-columns: repeat(4, minmax(150px, 1fr)); overflow-x: auto; padding-bottom: 8px; } }
@media (max-width: 680px) {
    .piar-stepper[b-iszbamct34] { grid-template-columns: repeat(2, minmax(0, 1fr)); overflow-x: visible; padding-bottom: 0; }
    .piar-step[b-iszbamct34] { min-width: 0; grid-template-columns: 25px minmax(0, 1fr); gap: 7px; padding: 7px 5px; font-size: .65rem; }
    .piar-step-number[b-iszbamct34] { width: 22px; height: 22px; }
}
/* /Components/Controls/SolucionesAulaDiversaModal.razor.rz.scp.css */
.sol-overlay[b-97mldu5g2h] {
    position: fixed;
    inset: 0;
    z-index: 70;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(4px);
}

.sol-modal[b-97mldu5g2h] {
    position: relative;
    flex: none;
    box-sizing: border-box;
    width: min(1160px, calc(100vw - 48px));
    max-height: calc(100vh - 48px);
    overflow-x: hidden;
    overflow-y: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    padding: 32px 44px;
    border-radius: 28px;
    color: var(--ad-text);
    background: var(--ad-bg);
    box-shadow: 0 30px 80px rgba(15, 23, 42, .35);
    font-family: "Outfit", "Plus Jakarta Sans", sans-serif;
}

.sol-close[b-97mldu5g2h] {
    position: absolute;
    top: 22px;
    right: 22px;
    z-index: 3;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 2px solid var(--ad-violet);
    border-radius: 999px;
    color: var(--ad-violet);
    background: var(--ad-bg);
    cursor: pointer;
}

.sol-close:hover[b-97mldu5g2h] {
    background: var(--ad-bg-lilac);
}

/* Cabecera */
.sol-head[b-97mldu5g2h] {
    display: grid;
    gap: 16px;
}

.sol-logo[b-97mldu5g2h] {
    width: 150px;
    max-width: 100%;
    height: auto;
}

.sol-intro[b-97mldu5g2h] {
    width: 100%;
    text-align: center;
}

.sol-intro h2[b-97mldu5g2h] {
    margin: 0;
    color: var(--ad-navy-deep, #1e1b4b);
    font-size: clamp(1.7rem, 3vw, 2.3rem);
    font-weight: 700;
    letter-spacing: -.02em;
}

.sol-intro h2 span[b-97mldu5g2h] {
    color: var(--ad-violet);
}

.sol-subtitle[b-97mldu5g2h] {
    margin: 10px auto 0;
    color: var(--ad-navy-deep, #1e1b4b);
    font-size: 1.15rem;
    font-weight: 600;
}

.sol-lead[b-97mldu5g2h] {
    max-width: 880px;
    margin: 12px auto 0;
    color: var(--ad-text-muted);
    font-size: 1rem;
    line-height: 1.6;
}

/* Iconos */
.sol-icon[b-97mldu5g2h],
.sol-glyph[b-97mldu5g2h] {
    flex: none;
    display: grid;
    place-items: center;
    border-radius: 999px;
}

.sol-icon[b-97mldu5g2h] { width: 60px; height: 60px; }
.sol-glyph[b-97mldu5g2h] { width: 44px; height: 44px; }

.sol-icon.is-green[b-97mldu5g2h], .sol-glyph.is-green[b-97mldu5g2h] { color: var(--ad-green); background: #dcfce7; }
.sol-icon.is-violet[b-97mldu5g2h], .sol-glyph.is-violet[b-97mldu5g2h] { color: var(--ad-violet); background: #ede9fe; }

/* Áreas: instituciones (izquierda) y personas (derecha) */
.sol-areas[b-97mldu5g2h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.sol-area[b-97mldu5g2h] {
    display: grid;
    align-content: start;
    gap: 18px;
    padding: 24px;
    border-radius: 24px;
    border: 1px solid transparent;
}

.sol-area.is-inst[b-97mldu5g2h] {
    border-color: rgba(22, 163, 74, .22);
    background: #f4fcf7;
}

.sol-area.is-people[b-97mldu5g2h] {
    border-color: rgba(109, 40, 217, .18);
    background: var(--ad-bg-lilac);
}

.sol-area-head[b-97mldu5g2h] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.sol-area-head h3[b-97mldu5g2h] {
    margin: 0 0 4px;
    font-size: 1.3rem;
    font-weight: 700;
}

.is-inst .sol-area-head h3[b-97mldu5g2h] { color: var(--ad-green); }
.is-people .sol-area-head h3[b-97mldu5g2h] { color: var(--ad-violet); }

.sol-area-head p[b-97mldu5g2h] {
    margin: 0;
    color: var(--ad-text-muted);
    font-size: .98rem;
    line-height: 1.45;
}

.sol-box[b-97mldu5g2h] {
    padding: 18px 20px;
    border: 1px solid var(--ad-border);
    border-radius: 18px;
    background: var(--ad-bg);
}

.sol-box h4[b-97mldu5g2h],
.sol-behind h4[b-97mldu5g2h] {
    margin: 0 0 14px;
    color: var(--ad-navy-deep, #1e1b4b);
    font-size: 1rem;
    font-weight: 700;
}

.sol-items[b-97mldu5g2h] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 16px;
}

.sol-items li[b-97mldu5g2h] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.sol-items strong[b-97mldu5g2h] {
    display: block;
    color: var(--ad-navy-deep, #1e1b4b);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
}

.sol-items p[b-97mldu5g2h] {
    margin: 2px 0 0;
    color: var(--ad-text-muted);
    font-size: .95rem;
    line-height: 1.5;
}

/* Capacidades */
.sol-behind h4[b-97mldu5g2h] {
    margin-bottom: 12px;
}

.sol-caps[b-97mldu5g2h] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
    gap: 12px 8px;
}

.sol-caps li[b-97mldu5g2h] {
    display: grid;
    justify-items: center;
    gap: 6px;
    text-align: center;
    color: var(--ad-navy-deep, #1e1b4b);
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.25;
}

.sol-note[b-97mldu5g2h] {
    margin: 14px 0 0;
    color: var(--ad-text-muted);
    font-size: .93rem;
    line-height: 1.5;
    text-align: center;
}

/* Resultados */
.sol-results[b-97mldu5g2h] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 22px 26px;
    border: 1px solid rgba(109, 40, 217, .16);
    border-radius: 22px;
    background: var(--ad-bg-lilac);
}

.sol-results h3[b-97mldu5g2h] {
    margin: 0 0 8px;
    color: var(--ad-navy-deep, #1e1b4b);
    font-size: 1.1rem;
    font-weight: 700;
}

.sol-results-list[b-97mldu5g2h] {
    margin: 0 0 8px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 0;
    color: var(--ad-text);
    font-size: 1rem;
    font-weight: 600;
}

.sol-results-list li + li[b-97mldu5g2h]::before {
    content: "•";
    margin: 0 10px;
    color: var(--ad-violet);
}

.sol-results p[b-97mldu5g2h] {
    margin: 0;
    color: var(--ad-text-muted);
    font-size: .95rem;
    line-height: 1.55;
}

/* Cierre */
.sol-footer[b-97mldu5g2h] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}

.sol-cta[b-97mldu5g2h] {
    min-width: 240px;
    min-height: 54px;
    padding: 0 36px;
    border: 1px solid transparent;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, var(--ad-violet), var(--ad-violet-2));
    box-shadow: var(--ad-shadow-btn-violet);
    font: inherit;
    font-size: 1.05rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.sol-cta-outline[b-97mldu5g2h] {
    border-color: var(--ad-violet);
    color: var(--ad-violet);
    background: #fff;
    box-shadow: none;
}

.sol-close-action[b-97mldu5g2h] {
    min-height: 54px;
    padding: 0 22px;
    border: 0;
    color: var(--ad-text-muted);
    background: transparent;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

/* Tablet: se apilan las dos áreas completas */
@media (max-width: 900px) {
    .sol-modal[b-97mldu5g2h] {
        padding: 30px 26px 28px;
    }

    .sol-areas[b-97mldu5g2h] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 720px) {
    .sol-overlay[b-97mldu5g2h] {
        padding: 10px;
    }

    .sol-modal[b-97mldu5g2h] {
        width: calc(100vw - 20px);
        max-height: calc(100vh - 20px);
        gap: 24px;
        padding: 22px 16px 24px;
        border-radius: 22px;
    }

    .sol-close[b-97mldu5g2h] {
        top: 14px;
        right: 14px;
    }

    .sol-area[b-97mldu5g2h] {
        padding: 18px 16px;
    }

    .sol-results[b-97mldu5g2h] {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }

    .sol-cta[b-97mldu5g2h] {
        width: 100%;
    }

    .sol-close-action[b-97mldu5g2h] {
        width: 100%;
    }
}
/* /Components/Controls/StatCard.razor.rz.scp.css */
.ad-stat[b-ogrnafv1bl] { --stat-accent: var(--ad-home-violet, #6528f7); --stat-bg: #f6f1ff; --stat-border: #eee4ff; display: flex; flex-direction: column; align-items: center; min-width: 0; margin: 12px 0 8px; padding: 25px 16px 26px; border: 1px solid var(--stat-border); border-radius: 17px; background: var(--stat-bg); color: var(--stat-accent); text-align: center; }
.ad-stat--emerald[b-ogrnafv1bl] { --stat-accent: #009c8b; --stat-bg: #eef8f7; --stat-border: #e0efed; }
.ad-stat--amber[b-ogrnafv1bl] { --stat-accent: #f08000; --stat-bg: #fff6e9; --stat-border: #fff0d8; }
.ad-stat--rose[b-ogrnafv1bl] { --stat-accent: #e83842; --stat-bg: #fff1f2; --stat-border: #fbe5e7; }
.ad-stat-icon[b-ogrnafv1bl] { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: var(--stat-accent); color: #fff; flex: none; }
.ad-stat-icon[b-ogrnafv1bl]  svg { width: 26px; height: 26px; }
.ad-stat-value[b-ogrnafv1bl] { margin-top: 22px; font-size: 2.25rem; line-height: 1.1; font-weight: 750; letter-spacing: -1px; white-space: nowrap; }
.ad-stat-value span[b-ogrnafv1bl] { font-size: 1.4375rem; font-weight: 450; letter-spacing: -.4px; }
.ad-stat-label[b-ogrnafv1bl] { width: 100%; margin: 12px 0 0; color: #06143a; font-size: 0.75rem; line-height: 1.65; overflow-wrap: normal; }
.ad-stat-progress[b-ogrnafv1bl] { appearance: none; display: block; width: 100%; height: 10px; margin: auto 0 0; border: 0; border-radius: 999px; overflow: hidden; background: #d9c8ff; color: var(--stat-accent); }
.ad-stat-progress[b-ogrnafv1bl]::-webkit-progress-bar { background: #d9c8ff; border-radius: 999px; }
.ad-stat-progress[b-ogrnafv1bl]::-webkit-progress-value { background: var(--stat-accent); border-radius: 999px; }
.ad-stat-progress[b-ogrnafv1bl]::-moz-progress-bar { background: var(--stat-accent); border-radius: 999px; }
@media (min-width: 1024px) and (max-height: 760px) {
    .ad-stat[b-ogrnafv1bl] { padding: 18px 12px; margin-top: 8px; }
    .ad-stat-icon[b-ogrnafv1bl] { width: 44px; height: 44px; }
    .ad-stat-value[b-ogrnafv1bl] { margin-top: 14px; font-size: 1.875rem; }
    .ad-stat-value span[b-ogrnafv1bl] { font-size: 1.3125rem; }
    .ad-stat-label[b-ogrnafv1bl] { font-size: 0.65625rem; margin-top: 8px; line-height: 1.6; }
}
@media (min-width: 1024px) and (max-width: 1199px) { .ad-stat[b-ogrnafv1bl] { padding-left: 8px; padding-right: 8px; } .ad-stat-label[b-ogrnafv1bl] { font-size: 0.625rem; } .ad-stat-value[b-ogrnafv1bl] { font-size: 1.875rem; } .ad-stat-value span[b-ogrnafv1bl] { font-size: 1.125rem; } }
@media (max-width: 1023px) { .ad-stat[b-ogrnafv1bl] { margin: 0; min-height: 235px; } .ad-stat-progress[b-ogrnafv1bl] { margin-top: 18px; } }
@media (max-width: 700px) { .ad-stat[b-ogrnafv1bl] { min-height: 220px; padding: 22px 16px; } .ad-stat-label[b-ogrnafv1bl] { max-width: 125px; } }

html.ad-a11y-high-contrast .ad-stat[b-ogrnafv1bl] { color: #fff !important; border-color: #fff !important; }
/* /Components/Layout/AppLayout.razor.rz.scp.css */
/* El botón fijo de Accesibilidad (AccessibilityToolbar: fixed, 20 px del borde inferior y derecho)
   tapaba la paginación y los controles del final de la página. Se reserva espacio inferior en el
   contenido principal de las páginas que usan este layout; el componente no se modifica. */
.ad-teacher-shell[b-y2ic7e0b52] {
    --ad-teacher-petroleum: #1E5A70;
    --ad-teacher-blue: #2B8BAA;
    --ad-teacher-blue-gray: #aeb9be;
    --ad-teacher-mist: #E4F3F6;
    --ad-teacher-cream: #FBFBF9;
    --ad-teacher-white: #ffffff;
    --ad-teacher-ink: #13303B;
    --ad-tint-lavender: #F1E9FA;
    --ad-tint-mint: #E3F6F3;
    --ad-tint-orange: #FDEDE4;
    --ad-tint-sky: #E6F0FA;
    --ad-tint-mustard: #FDF3D9;
    --ad-teacher-orange: #EE7A43;
    --ad-teacher-lavender: #8A55C9;
    --ad-teacher-mint: #1FA393;
    --ad-teacher-mustard: #F2B52A;
    --ad-teacher-sky: #3F8AD0;
    min-height: 100vh;
    color: var(--ad-teacher-ink);
    background: var(--ad-teacher-white);
}

.ad-app-row[b-y2ic7e0b52] { background: var(--ad-teacher-white); }

@media (min-width: 900px) and (max-width: 1023px) {
    .ad-app-row[b-y2ic7e0b52] { flex-direction: row; }
}

.ad-app-row[b-y2ic7e0b52]  main {
    margin-bottom: 88px;
}
/* /Components/Layout/BackOfficeLayout.razor.rz.scp.css */
.bo-shell[b-9n749l8njo] { min-height: 100vh; background: #f8fbff; color: var(--ad-text); }
.bo-workspace[b-9n749l8njo] { min-width: 0; }

@media (min-width: 1024px) {
    .bo-shell[b-9n749l8njo] { display: grid; grid-template-columns: 224px minmax(0, 1fr); }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-cdne01plso] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-cdne01plso] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* AD-F-003 — footer final aprobado.
   Estilos aislados a MainLayout.razor (Blazor CSS isolation): no afectan
   nada fuera de este componente. Prefijo ad-footer-* dedicado, sin relación
   con el prefijo ad3-* de Home.razor.css. */

.ad-footer[b-cdne01plso] {
    width: 100%;
    background: #020617;
    color: #ffffff;
}

.ad-footer-inner[b-cdne01plso] {
    width: min(1280px, calc(100% - 48px));
    margin: 0 auto;
    min-height: 72px;
    padding: 14px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.ad-footer-brand-title[b-cdne01plso] {
    margin: 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

.ad-footer-copyright[b-cdne01plso] {
    margin-top: 4px;
    color: rgba(255,255,255,.62);
    font-size: 10.5px;
    line-height: 1.35;
}

.ad-footer-actions[b-cdne01plso] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-right: 184px;
}

.ad-footer a[b-cdne01plso] {
    color: #ffffff;
    font-size: 11.5px;
    font-weight: 700;
    text-decoration: none;
}

.ad-footer a:hover[b-cdne01plso] {
    color: #ffffff;
}

.ad-footer-social-label[b-cdne01plso] {
    color: rgba(255,255,255,.62);
    font-size: 11.5px;
    font-weight: 650;
}

.ad-footer-socials[b-cdne01plso] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255,255,255,.88);
    font-size: 10.5px;
    font-weight: 650;
}

@media (max-width: 560px) {
    .ad-footer-inner[b-cdne01plso] {
        width: min(100% - 32px, 1280px);
        min-height: 104px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 12px;
    }

    .ad-footer-actions[b-cdne01plso] {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 20px;
        margin-right: 0;
        padding-right: 72px;
    }

    .ad-footer-socials[b-cdne01plso] {
        flex-wrap: wrap;
        gap: 8px 12px;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Variante compacta compartida por Inicio y las secciones del panel. */
.ad-home-nav[b-lrgovr19i1] { width: 224px; background: #031334; color: #d5def2; border-right-color: #10203f; }
.ad-home-nav > div[b-lrgovr19i1] { padding: 20px 14px 14px; }
.ad-home-nav > div > div:first-of-type[b-lrgovr19i1] { display: flex; flex-direction: column; align-items: center; padding: 0 10px 20px; border-bottom: 0; text-align: center; }
.ad-home-nav > div > div:first-of-type p[b-lrgovr19i1] { max-width: 160px; margin-top: 9px; color: #d0d8e9; font-size: 0.625rem; line-height: 1.35; }
.ad-home-nav nav[b-lrgovr19i1] { margin-top: 2px; margin-bottom: 20px; }
.ad-home-nav nav > :not(:last-child)[b-lrgovr19i1] { margin-bottom: 18px; }
.ad-home-nav nav > div > p[b-lrgovr19i1] { padding-left: 7px; margin-bottom: 8px; font-size: 0.625rem; font-weight: 500; color: #a58be6; letter-spacing: .15px; }
.ad-home-nav nav a[b-lrgovr19i1], .ad-home-nav nav span[aria-disabled][b-lrgovr19i1], .ad-home-nav > div > div:last-child > span[b-lrgovr19i1] { padding: 7px; border-radius: 8px; font-size: 0.65625rem; line-height: 1.45; min-height: 29px; }
.ad-home-nav nav > a[b-lrgovr19i1] { min-height: 42px; padding: 10px 8px; background: transparent; color: inherit; }
.ad-home-nav nav > div > a[b-lrgovr19i1], .ad-home-nav nav > div > span[b-lrgovr19i1] { margin: 0; }
.ad-home-nav .ad-nav-group > summary[b-lrgovr19i1] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 7px 8px; color: #a58be6; font-size: .625rem; font-weight: 500; line-height: 1.4; letter-spacing: .15px; text-transform: uppercase; cursor: pointer; list-style: none; }
.ad-home-nav .ad-nav-group > summary[b-lrgovr19i1]::-webkit-details-marker { display: none; }
.ad-home-nav .ad-nav-group > summary[b-lrgovr19i1]::after { content: "+"; color: #93a5c4; font-size: .875rem; line-height: 1; }
.ad-home-nav .ad-nav-group[open] > summary[b-lrgovr19i1]::after { content: "−"; }
.ad-home-nav .ad-nav-group > summary:focus-visible[b-lrgovr19i1] { outline: 2px solid white; outline-offset: 2px; border-radius: 4px; }
.ad-home-nav .gap-3[b-lrgovr19i1] { gap: 8px; }
.ad-home-nav .truncate[b-lrgovr19i1] { white-space: normal; overflow: visible; text-overflow: clip; }
.ad-home-nav svg[b-lrgovr19i1] { width: 16px; height: 16px; flex: none; }
.ad-home-nav span[aria-disabled][b-lrgovr19i1] { color: #a9b7d1; opacity: 1; }
.ad-home-nav > div > div:last-child[b-lrgovr19i1] { border-top-color: #182545; padding-top: 14px; }
.ad-home-nav > div > div:last-child > a[b-lrgovr19i1] { padding: 8px 7px; background: transparent; font-size: 0.625rem; color: #93a5c4; }
.ad-home-nav a:focus-visible[b-lrgovr19i1] { outline: 2px solid white; outline-offset: 2px; }
@media (min-width: 1024px) { .ad-home-nav[b-lrgovr19i1] { position: sticky; top: 0; height: 100dvh; } }
/* El panel integrado del navegador puede ser más estrecho que una ventana de escritorio.
   Desde 900 px conservamos la navegación lateral y reservamos la hamburguesa para
   tabletas estrechas y celulares. */
@media (min-width: 900px) and (max-width: 1023px) {
    .ad-mobile-header[b-lrgovr19i1] { display: none !important; }
    .ad-home-nav[b-lrgovr19i1],
    .ad-home-nav.hidden[b-lrgovr19i1] {
        display: flex !important;
        position: sticky;
        top: 0;
        height: 100dvh;
        transform: translateX(0) !important;
    }
    .ad-home-nav-close[b-lrgovr19i1] { display: none !important; }
}
@media (min-width: 1024px) and (max-height: 760px) {
    .ad-home-nav > div[b-lrgovr19i1] { padding-top: 14px; }
    .ad-home-nav > div > div:first-of-type[b-lrgovr19i1] { padding-bottom: 14px; }
    .ad-home-nav nav[b-lrgovr19i1] { margin-bottom: 10px; }
    .ad-home-nav nav > :not(:last-child)[b-lrgovr19i1] { margin-bottom: 13px; }
    .ad-home-nav nav a[b-lrgovr19i1], .ad-home-nav nav span[aria-disabled][b-lrgovr19i1], .ad-home-nav > div > div:last-child > span[b-lrgovr19i1] { padding-top: 5px; padding-bottom: 5px; min-height: 26px; }
    .ad-home-nav nav > a[b-lrgovr19i1] { min-height: 38px; }
}
@media (max-width: 1023px) { .ad-home-nav[b-lrgovr19i1] { width: 256px; } .ad-home-nav nav a[b-lrgovr19i1], .ad-home-nav nav span[aria-disabled][b-lrgovr19i1], .ad-home-nav > div > div:last-child > span[b-lrgovr19i1] { min-height: 42px; font-size: 0.75rem; } }

.ad-home-nav > div > div:first-of-type a[b-lrgovr19i1] { width: 100%; justify-content: center; padding: 9px 10px; }
.ad-home-nav > div > div:first-of-type img[b-lrgovr19i1] { width: min(138px, 100%); height: auto; }
.ad-home-nav-close[b-lrgovr19i1] { position: absolute; top: 16px; right: 16px; min-height: 44px; padding: 8px 12px; border: 1px solid #415273; border-radius: 8px; color: white; font-size: 0.75rem; background: #152645; }

.ad-home-nav nav a[aria-current="page"][b-lrgovr19i1],
.ad-home-nav > div > div:last-child > a[aria-current="page"][b-lrgovr19i1] {
    background: #6423f2;
    box-shadow: inset 0 1px 0 #8c62ff;
    color: #fff;
}

.ad-method-home-nav[b-lrgovr19i1] { display: grid; gap: 4px; }
.ad-method-home-nav > a[b-lrgovr19i1] { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 9px 10px; border-radius: 10px; color: #f5f7ff; font-size: .75rem; font-weight: 750; text-decoration: none; }
.ad-method-home-nav > a svg[b-lrgovr19i1] { width: 17px; height: 17px; }
.ad-home-nav.ad-method-nav-active[b-lrgovr19i1] { background: var(--ad-teacher-petroleum); border-right-color: var(--ad-teacher-sky); }
.ad-method-mobile-header[b-lrgovr19i1] { background: var(--ad-teacher-petroleum) !important; border-bottom-color: var(--ad-teacher-sky) !important; }
.ad-home-nav.ad-method-nav-active > div > div:first-of-type p[b-lrgovr19i1] { color: var(--ad-teacher-mist); }
.ad-home-nav.ad-method-nav-active > div > div:last-child[b-lrgovr19i1] { border-top-color: rgba(230,238,238,.28); }
.ad-home-nav.ad-method-nav-active .ad-method-home-label[b-lrgovr19i1],
.ad-home-nav.ad-method-nav-active .ad-method-home-resources p[b-lrgovr19i1] { color: var(--ad-teacher-mist); }
.ad-method-home-nav .ad-method-home-today[b-lrgovr19i1] { background: transparent; box-shadow: none; }
.ad-home-nav.ad-method-nav-active .ad-method-home-nav a[aria-current="page"][b-lrgovr19i1] { color: #fff !important; background: rgba(230,238,238,.16) !important; box-shadow: none !important; }
.ad-home-nav.ad-method-nav-active nav a.ad-method-home-today[aria-current="page"][b-lrgovr19i1] { background: var(--ad-teacher-lavender) !important; box-shadow: none; color: #fff; }
.ad-method-home-nav .ad-method-home-students[b-lrgovr19i1] { margin-top: 2px; color: #d7e0f2; }
.ad-method-home-nav .ad-method-home-students:hover[b-lrgovr19i1] { color: #fff; background: #132849; }
.ad-method-home-label[b-lrgovr19i1] { margin: 14px 8px 4px; color: #7f96bd; font-size: .61rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ad-method-home-step[b-lrgovr19i1] { --method-color: #8b5cf6; border-radius: 10px; }
.ad-method-home-step.is-understand[b-lrgovr19i1] { --method-color: var(--ad-teacher-lavender); --method-color-end: var(--ad-teacher-lavender); }
.ad-method-home-step.is-observe[b-lrgovr19i1] { --method-color: var(--ad-teacher-mint); --method-color-end: var(--ad-teacher-mint); }
.ad-method-home-step.is-connect[b-lrgovr19i1] { --method-color: var(--ad-teacher-orange); --method-color-end: var(--ad-teacher-orange); }
.ad-method-home-step.is-design[b-lrgovr19i1] { --method-color: var(--ad-teacher-sky); --method-color-end: var(--ad-teacher-sky); }
.ad-method-home-step.is-follow[b-lrgovr19i1] { --method-color: var(--ad-teacher-mustard); --method-color-end: var(--ad-teacher-mustard); }
.ad-method-home-step > summary[b-lrgovr19i1] { display: flex; align-items: center; gap: 9px; min-height: 39px; padding: 7px 8px; border-radius: 10px; color: #f6f8fd; cursor: pointer; list-style: none; }
.ad-method-home-step > summary[b-lrgovr19i1]::-webkit-details-marker { display: none; }
.ad-method-home-step > summary:hover[b-lrgovr19i1], .ad-method-home-step[open] > summary[b-lrgovr19i1] { background: #102545; }
.ad-method-home-step.is-current > summary[b-lrgovr19i1] { background: #24495a; }
.ad-method-home-step > summary:focus-visible[b-lrgovr19i1] { outline: 2px solid #fff; outline-offset: 2px; }
.ad-method-home-step > summary[b-lrgovr19i1]::after { content: "+"; margin-left: auto; color: #8fa4c7; font-size: .9rem; font-weight: 500; }
.ad-method-home-step[open] > summary[b-lrgovr19i1]::after { content: "−"; }
.ad-method-home-step summary strong[b-lrgovr19i1] { min-width: 0; flex: 1; font-size: .72rem; font-weight: 760; }
.ad-method-number[b-lrgovr19i1] { display: grid; place-items: center; width: 25px; height: 25px; flex: none; border-radius: 999px; color: #001820; background: var(--method-color); box-shadow: none; font-size: .68rem; font-weight: 850; }
.ad-method-home-step.is-understand .ad-method-number[b-lrgovr19i1] { color: #fff; }
.ad-method-home-step.is-follow .ad-method-number[b-lrgovr19i1] { color: #3D2A00; }
.ad-method-home-step > div[b-lrgovr19i1] { margin: 0 8px 8px 39px; padding: 4px 0 5px; }
.ad-method-home-step > div > small[b-lrgovr19i1] { display: block; margin-bottom: 4px; color: var(--method-color); font-size: .58rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.ad-method-home-step > div p[b-lrgovr19i1] { margin: 0 0 7px; color: #aebdd7; font-size: .62rem; line-height: 1.45; }
.ad-method-home-step > div a[b-lrgovr19i1] { display: block; padding: 5px 0; color: #dce6fa; font-size: .64rem; line-height: 1.35; text-decoration: none; }
.ad-method-home-step > div a:hover[b-lrgovr19i1] { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.ad-method-home-resources[b-lrgovr19i1] { display: grid; gap: 3px; margin-top: 15px; padding-top: 14px; border-top: 1px solid rgba(230,238,238,.28); }
.ad-method-home-resources p[b-lrgovr19i1] { margin: 0 8px 5px; color: #7f96bd; font-size: .61rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.ad-method-home-resources a[b-lrgovr19i1] { padding: 7px 8px !important; color: #c9d5e9 !important; background: transparent !important; }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-3mo0ioaodx],
.components-reconnect-repeated-attempt-visible[b-3mo0ioaodx],
.components-reconnect-failed-visible[b-3mo0ioaodx],
.components-pause-visible[b-3mo0ioaodx],
.components-resume-failed-visible[b-3mo0ioaodx],
.components-rejoining-animation[b-3mo0ioaodx] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-3mo0ioaodx],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-3mo0ioaodx],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-3mo0ioaodx],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-3mo0ioaodx],
#components-reconnect-modal.components-reconnect-retrying[b-3mo0ioaodx],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-3mo0ioaodx],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-3mo0ioaodx],
#components-reconnect-modal.components-reconnect-failed[b-3mo0ioaodx],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-3mo0ioaodx] {
    display: block;
}


#components-reconnect-modal[b-3mo0ioaodx] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-3mo0ioaodx 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-3mo0ioaodx 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-3mo0ioaodx 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-3mo0ioaodx]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-3mo0ioaodx 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-3mo0ioaodx {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-3mo0ioaodx {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-3mo0ioaodx {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-3mo0ioaodx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-3mo0ioaodx] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-3mo0ioaodx] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-3mo0ioaodx] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-3mo0ioaodx] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-3mo0ioaodx] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-3mo0ioaodx] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-3mo0ioaodx 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-3mo0ioaodx] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-3mo0ioaodx {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/ActivarCuenta.razor.rz.scp.css */
.activation-page[b-ijx8ny1wnf]{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f3f5fb;color:#122d4d}.activation-card[b-ijx8ny1wnf]{width:min(100%,460px);padding:28px;border:1px solid #dce5f0;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(27,50,85,.1)}.activation-brand[b-ijx8ny1wnf]{display:inline-flex}.activation-brand img[b-ijx8ny1wnf]{width:150px;height:auto}.activation-card h1[b-ijx8ny1wnf]{margin:24px 0 8px;font-size:1.7rem}.activation-card h1:focus-visible[b-ijx8ny1wnf]{outline:2px solid #7c3aed;outline-offset:4px;border-radius:4px}.activation-card>p[b-ijx8ny1wnf]{color:#526b86;line-height:1.55}.activation-card form[b-ijx8ny1wnf]{display:grid;gap:9px;margin-top:20px}.activation-card label[b-ijx8ny1wnf]{margin-top:7px;font-size:.82rem;font-weight:700}.activation-card input[b-ijx8ny1wnf]{min-height:44px;padding:0 12px;border:1px solid #cbd9e7;border-radius:10px;font:inherit}.activation-help[b-ijx8ny1wnf]{margin:4px 0 8px;color:#617791;font-size:.76rem}.activation-card button[b-ijx8ny1wnf]{min-height:44px;border:0;border-radius:10px;background:#6423f2;color:#fff;font:inherit;font-weight:800;cursor:pointer}.activation-alert[b-ijx8ny1wnf]{padding:11px 12px;border-radius:10px;font-size:.82rem}.activation-alert.error[b-ijx8ny1wnf]{background:#fff0ef;color:#9b2720}
/* /Components/Pages/BackOffice/DetalleCasoAdministrador.razor.rz.scp.css */
.bo-detail[b-al6o34ne1s]{max-width:1360px;margin:auto;padding:16px 20px;color:#0b2b54;outline:none}.bo-detail:focus[b-al6o34ne1s],h1:focus[b-al6o34ne1s]{outline:none}.bo-back[b-al6o34ne1s]{color:#315c87;font-size:.76rem;text-decoration:none}.bo-detail>header[b-al6o34ne1s]{display:flex;justify-content:space-between;gap:16px;margin-top:12px}h1[b-al6o34ne1s]{display:flex;align-items:center;gap:8px;margin:0;border:0;outline:0;box-shadow:none;font-size:1.65rem;line-height:1.15}h2[b-al6o34ne1s]{margin:0;padding:9px 12px;border-bottom:1px solid #dce8f4;background:#f1f7fd;font-size:.8rem}h3[b-al6o34ne1s]{margin:12px 0 4px;font-size:.74rem}p[b-al6o34ne1s],li[b-al6o34ne1s],dt[b-al6o34ne1s],dd[b-al6o34ne1s],label[b-al6o34ne1s],input[b-al6o34ne1s],select[b-al6o34ne1s],button[b-al6o34ne1s],time[b-al6o34ne1s]{font-size:.7rem}.bo-detail header p[b-al6o34ne1s]{margin:3px 0;color:#496889}.bo-tabs[b-al6o34ne1s]{display:flex;gap:24px;margin-top:12px;border-bottom:1px solid #dce8f4;overflow-x:auto}.bo-tabs button[b-al6o34ne1s]{padding:8px 4px;border:0;border-bottom:2px solid transparent;background:none;color:#294d73;font-size:.69rem;white-space:nowrap;cursor:pointer}.bo-tabs button:hover[b-al6o34ne1s]{color:#0875e1}.bo-tabs button:focus-visible[b-al6o34ne1s]{outline:2px solid #0875e1;outline-offset:2px}.bo-tabs .active[b-al6o34ne1s]{border-bottom:2px solid #0875e1;color:#0875e1;font-weight:700}.bo-grid[b-al6o34ne1s]{display:grid;gap:12px;margin-top:12px}.bo-grid aside[b-al6o34ne1s]{display:grid;gap:10px}.bo-grid section[b-al6o34ne1s],.bo-assign[b-al6o34ne1s]{border:1px solid #d7e4f1;border-radius:10px;background:white;overflow:hidden}.bo-grid section>*:not(h2)[b-al6o34ne1s]{margin-left:12px;margin-right:12px}dl[b-al6o34ne1s]{display:grid;grid-template-columns:90px 1fr;gap:8px;margin-block:10px}dt[b-al6o34ne1s]{color:#496889}dd[b-al6o34ne1s]{margin:0}ul[b-al6o34ne1s]{padding-left:16px;line-height:1.45}.bo-tags[b-al6o34ne1s]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.bo-tags span[b-al6o34ne1s],.bo-profile[b-al6o34ne1s]{display:inline-block;padding:5px 8px;border-radius:99px;background:#dcecff;color:#075ab2;font-size:.65rem}.bo-profile[b-al6o34ne1s]{margin-bottom:12px;background:#eee8ff;color:#5e35b1}.bo-assign[b-al6o34ne1s]{margin-top:10px}.bo-assign>div[b-al6o34ne1s]{display:grid;gap:8px;padding:10px 12px}.bo-assign label[b-al6o34ne1s]{display:grid;gap:4px}.bo-assign input[b-al6o34ne1s],.bo-assign select[b-al6o34ne1s],.bo-assign textarea[b-al6o34ne1s]{min-height:34px;border:1px solid #ccdaea;border-radius:8px;background:white;padding:6px 10px;font:inherit}.bo-assign textarea[b-al6o34ne1s]{resize:vertical}.bo-assign footer[b-al6o34ne1s]{display:flex;justify-content:flex-end;gap:8px;padding:0 12px 10px}.bo-assign button[b-al6o34ne1s]{min-height:34px;padding:0 16px;border:1px solid #ccdaea;border-radius:8px;background:white}.bo-assign .primary[b-al6o34ne1s]{background:#006b8e;color:white}@media(min-width:850px){.bo-grid[b-al6o34ne1s]{grid-template-columns:280px 1fr}.bo-assign>div[b-al6o34ne1s]{grid-template-columns:1fr .8fr 1.5fr}}
/* /Components/Pages/BackOffice/DetalleCasoProfesional.razor.rz.scp.css */
.bo-detail[b-fvimeoro61]{max-width:1320px;margin:auto;padding:18px;color:#0b2b54}.bo-back[b-fvimeoro61]{color:#315c87;font-size:.76rem;text-decoration:none}.bo-detail>header[b-fvimeoro61]{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px}h1[b-fvimeoro61]{display:flex;align-items:center;gap:12px;margin:0;font-size:1.55rem}h2[b-fvimeoro61]{margin:0;padding:11px 12px;border-bottom:1px solid #ded8f4;background:#f4efff;font-size:.78rem}h3[b-fvimeoro61]{margin:14px 0 5px;font-size:.7rem}p[b-fvimeoro61],li[b-fvimeoro61],label[b-fvimeoro61],textarea[b-fvimeoro61],button[b-fvimeoro61],time[b-fvimeoro61]{font-size:.68rem;line-height:1.45}.bo-tabs[b-fvimeoro61]{display:flex;justify-content:space-around;gap:22px;margin-top:18px;border-bottom:1px solid #dce8f4;overflow-x:auto}.bo-tabs button[b-fvimeoro61]{padding:10px 4px;border:0;border-bottom:2px solid transparent;background:none;color:#294d73;font-size:.68rem;white-space:nowrap;cursor:pointer}.bo-tabs button:hover[b-fvimeoro61]{color:#0875e1}.bo-tabs button:focus-visible[b-fvimeoro61]{outline:2px solid #0875e1;outline-offset:2px}.bo-tabs .active[b-fvimeoro61]{border-bottom:2px solid #0875e1;color:#0875e1;font-weight:700}dl[b-fvimeoro61]{display:grid;grid-template-columns:110px 1fr;gap:8px;margin-block:10px}dt[b-fvimeoro61]{color:#496889;font-size:.68rem}dd[b-fvimeoro61]{margin:0;font-size:.68rem}ul[b-fvimeoro61]{padding-left:16px;line-height:1.45}.bo-grid[b-fvimeoro61]{display:grid;gap:12px;margin-top:14px}.bo-grid>section[b-fvimeoro61]{border:1px solid #d7e4f1;border-radius:10px;background:white;overflow:hidden}.bo-grid section>*:not(h2)[b-fvimeoro61]{margin-left:12px;margin-right:12px}.bo-pre ul[b-fvimeoro61]{padding-left:16px}.bo-tags[b-fvimeoro61]{display:flex;flex-wrap:wrap;gap:5px}.bo-tags span[b-fvimeoro61]{padding:5px 7px;border-radius:99px;background:#dcecff;color:#075ab2;font-size:.62rem}.bo-evidence[b-fvimeoro61]{display:inline-block;margin-block:16px;color:#0767c8;font-size:.68rem;font-weight:700;text-decoration:none}.bo-form label[b-fvimeoro61]{display:grid;gap:5px;margin-top:12px;font-weight:700}.bo-form textarea[b-fvimeoro61]{min-height:72px;resize:none;border:1px solid #ccdceb;border-radius:8px;padding:9px;background:white;font:inherit}.bo-form footer[b-fvimeoro61]{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding:12px;border-top:1px solid #dce8f4}.bo-form button[b-fvimeoro61]{min-height:36px;padding:0 14px;border:1px solid #ccdaea;border-radius:8px;background:white;color:#075ab2;font-weight:700}.bo-form .primary[b-fvimeoro61]{background:#006b8e;color:white}@media(min-width:850px){.bo-grid[b-fvimeoro61]{grid-template-columns:1fr 1.15fr}.bo-grid.bo-grid--una[b-fvimeoro61]{grid-template-columns:1fr}}
/* /Components/Pages/BackOffice/InicioAdministrador.razor.rz.scp.css */
.bo-page[b-id1zjhe0it]{max-width:1320px;margin:auto;padding:22px 22px 36px;color:#0b2b54}.bo-title[b-id1zjhe0it]{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}h1[b-id1zjhe0it]{margin:0;font-size:1.55rem;line-height:1.2}h2[b-id1zjhe0it]{margin:0;font-size:.96rem}p[b-id1zjhe0it]{margin:5px 0 0;color:#496889;font-size:.83rem}time[b-id1zjhe0it]{color:#486788;font-size:.75rem}.bo-stats[b-id1zjhe0it]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.bo-stat[b-id1zjhe0it]{min-height:80px;display:grid;align-content:center;gap:6px;padding:12px;border:1px solid #d7e4f1;border-radius:12px;background:white;box-shadow:0 3px 10px rgba(26,67,110,.035)}.bo-stat strong[b-id1zjhe0it]{font-size:1.55rem}.bo-stat span[b-id1zjhe0it]{color:#496889;font-size:.73rem;font-weight:600}.bo-stat--purple strong[b-id1zjhe0it]{color:#7c3aed}.bo-stat--blue strong[b-id1zjhe0it]{color:#0875ca}.bo-stat--green strong[b-id1zjhe0it]{color:#008c74}.bo-stat--red strong[b-id1zjhe0it]{color:#ef3340}.bo-flow-section[b-id1zjhe0it]{margin-top:22px}.bo-flow[b-id1zjhe0it]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 0;padding:0;list-style:none}.bo-flow li[b-id1zjhe0it]{position:relative;display:grid;justify-items:center;gap:6px;text-align:center;color:#234d77;font-size:.68rem}.bo-flow li:not(:first-child)[b-id1zjhe0it]::before{content:"";position:absolute;top:18px;right:50%;width:100%;height:2px;background:#d7e4f1;z-index:0}.bo-flow i[b-id1zjhe0it]{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;background:#e0efff;box-shadow:inset 0 0 0 9px #eff7ff}.bo-flow strong[b-id1zjhe0it]{min-width:38px;padding:4px 9px;border-radius:99px;background:#eff5fb;font-size:.72rem}.bo-table-card[b-id1zjhe0it]{margin-top:22px;border:1px solid #d7e4f1;border-radius:12px;background:white;overflow:hidden}.bo-table-head[b-id1zjhe0it]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.bo-table-head>div[b-id1zjhe0it]{display:flex;gap:7px}input[b-id1zjhe0it],button[b-id1zjhe0it]{min-height:34px;border:1px solid #d2e0ee;border-radius:8px;background:white;padding:0 10px;color:#456582;font:inherit;font-size:.7rem}input[b-id1zjhe0it]{width:250px}.bo-row[b-id1zjhe0it]{display:grid;grid-template-columns:76px 100px 1.25fr 1fr 120px 85px 65px;gap:8px;align-items:center;min-width:810px;padding:9px 12px;border-top:1px solid #e3ebf4;font-size:.68rem}.bo-row--labels[b-id1zjhe0it]{background:#eef6ff;color:#466787;font-size:.58rem;font-weight:800;text-transform:uppercase}.bo-row a[b-id1zjhe0it]{padding:6px 9px;border-radius:8px;background:#dcecff;color:#075ab2;font-weight:700;text-align:center;text-decoration:none}.bo-table[b-id1zjhe0it]{overflow-x:auto}@media(min-width:720px){.bo-stats[b-id1zjhe0it]{grid-template-columns:repeat(5,1fr)}.bo-flow[b-id1zjhe0it]{grid-template-columns:repeat(7,1fr)}}@media(max-width:620px){.bo-title time[b-id1zjhe0it],.bo-table-head>div[b-id1zjhe0it]{display:none}}
/* /Components/Pages/BackOffice/InicioProfesional.razor.rz.scp.css */
.bo-page[b-sh1ortlhg0]{max-width:1320px;margin:auto;padding:28px;color:#0b2b54}.bo-title[b-sh1ortlhg0]{display:flex;justify-content:space-between;gap:18px}h1[b-sh1ortlhg0]{margin:0;font-size:1.65rem}h2[b-sh1ortlhg0]{margin:0;font-size:1rem}p[b-sh1ortlhg0]{margin:2px 0 0;color:#496889;font-size:.84rem}time[b-sh1ortlhg0]{color:#496889;font-size:.74rem}.bo-stats[b-sh1ortlhg0]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.bo-stat[b-sh1ortlhg0]{min-height:88px;display:grid;align-content:center;gap:5px;padding:14px 18px;border:1px solid #d7e4f1;border-radius:12px;background:white}.bo-stat strong[b-sh1ortlhg0]{font-size:1.55rem}.bo-stat span[b-sh1ortlhg0]{color:#496889;font-size:.76rem}.bo-stat--blue strong[b-sh1ortlhg0]{color:#0875ca}.bo-stat--purple strong[b-sh1ortlhg0]{color:#7c3aed}.bo-stat--amber strong[b-sh1ortlhg0]{color:#e88918}.bo-stat--red strong[b-sh1ortlhg0]{color:#ef3340}.bo-table-section[b-sh1ortlhg0]{margin-top:24px}.bo-table-head[b-sh1ortlhg0]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.bo-table-head div[b-sh1ortlhg0]{display:flex;gap:7px}input[b-sh1ortlhg0],button[b-sh1ortlhg0]{min-height:34px;border:1px solid #d2e0ee;border-radius:8px;background:white;padding:0 10px;color:#456582;font:inherit;font-size:.7rem}input[b-sh1ortlhg0]{width:260px}.bo-table[b-sh1ortlhg0]{overflow-x:auto;border:1px solid #d7e4f1;border-radius:12px;background:white}.bo-row[b-sh1ortlhg0]{display:grid;grid-template-columns:76px 105px 1.35fr 100px 82px 120px 70px;gap:8px;align-items:center;min-width:820px;padding:12px;border-top:1px solid #e3ebf4;font-size:.69rem}.bo-row:first-child[b-sh1ortlhg0]{border-top:0}.bo-row--labels[b-sh1ortlhg0]{background:#eef6ff;color:#466787;font-size:.58rem;font-weight:800;text-transform:uppercase}.bo-row a[b-sh1ortlhg0]{padding:6px 9px;border-radius:8px;background:#dcecff;color:#075ab2;font-weight:700;text-align:center;text-decoration:none}@media(min-width:720px){.bo-stats[b-sh1ortlhg0]{grid-template-columns:repeat(4,1fr)}}@media(max-width:620px){.bo-title time[b-sh1ortlhg0],.bo-table-head div[b-sh1ortlhg0]{display:none}}
/* /Components/Pages/BackOffice/Usuarios.razor.rz.scp.css */
.users-page[b-6jf2a0ou4h] {
    max-width: 1180px;
    margin: auto;
    padding: clamp(16px, 3vw, 28px);
    color: #0b2b54;
}

.users-page-head[b-6jf2a0ou4h] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.users-page-head h1[b-6jf2a0ou4h] {
    margin: 4px 0 0;
    font-size: clamp(1.55rem, 3vw, 2rem);
}

.users-page-head p[b-6jf2a0ou4h],
.users-section-head p[b-6jf2a0ou4h] {
    max-width: 720px;
    margin: 7px 0 0;
    color: #496889;
    font-size: .88rem;
    line-height: 1.55;
}

.users-eyebrow[b-6jf2a0ou4h],
.users-step[b-6jf2a0ou4h],
.users-dialog-kicker[b-6jf2a0ou4h] {
    color: #6423f2;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.users-page button[b-6jf2a0ou4h],
.users-dialog button[b-6jf2a0ou4h] {
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid #c9daea;
    border-radius: 9px;
    background: #fff;
    color: #174b77;
    font: inherit;
    font-size: .78rem;
    font-weight: 750;
    cursor: pointer;
}

.users-page button:hover:not(:disabled)[b-6jf2a0ou4h],
.users-dialog button:hover:not(:disabled)[b-6jf2a0ou4h] {
    border-color: #8f6cf6;
    background: #f8f5ff;
}

.users-page button:focus-visible[b-6jf2a0ou4h],
.users-dialog button:focus-visible[b-6jf2a0ou4h],
.users-page input:focus-visible[b-6jf2a0ou4h],
.users-page select:focus-visible[b-6jf2a0ou4h],
.users-dialog input:focus-visible[b-6jf2a0ou4h],
.users-dialog select:focus-visible[b-6jf2a0ou4h],
.activation-link textarea:focus-visible[b-6jf2a0ou4h] {
    outline: 3px solid rgba(100, 35, 242, .22);
    outline-offset: 2px;
}

.users-page button.primary[b-6jf2a0ou4h],
.users-dialog button.primary[b-6jf2a0ou4h],
.users-page button.primary-action[b-6jf2a0ou4h] {
    border-color: #6423f2;
    background: #6423f2;
    color: #fff;
}

.users-page button.secondary[b-6jf2a0ou4h] {
    white-space: nowrap;
}

.users-page button.danger[b-6jf2a0ou4h] {
    border-color: #f0b4af;
    color: #a62922;
}

.users-dialog button.danger-solid[b-6jf2a0ou4h] {
    border-color: #b42318;
    background: #b42318;
    color: #fff;
}

.users-page button:disabled[b-6jf2a0ou4h],
.users-dialog button:disabled[b-6jf2a0ou4h] {
    cursor: not-allowed;
    opacity: .55;
}

.users-summary[b-6jf2a0ou4h] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 20px;
}

.users-summary article[b-6jf2a0ou4h] {
    display: grid;
    gap: 3px;
    padding: 14px 16px;
    border: 1px solid #d7e4f1;
    border-radius: 12px;
    background: #fff;
}

.users-summary strong[b-6jf2a0ou4h] {
    color: #6423f2;
    font-size: 1.35rem;
}

.users-summary span[b-6jf2a0ou4h] {
    color: #496889;
    font-size: .72rem;
    font-weight: 700;
}

.users-card[b-6jf2a0ou4h] {
    margin-top: 20px;
    padding: clamp(16px, 2.5vw, 24px);
    border: 1px solid #d7e4f1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(26, 67, 110, .05);
}

.users-card h2[b-6jf2a0ou4h],
.users-dialog h2[b-6jf2a0ou4h] {
    margin: 4px 0 0;
    font-size: 1.15rem;
}

.users-section-head[b-6jf2a0ou4h] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.users-step-panel[b-6jf2a0ou4h] {
    margin: 18px 0 0;
    padding: 16px;
    border: 1px solid #dbe7f2;
    border-radius: 12px;
    background: #fbfdff;
}

.users-step-panel:disabled[b-6jf2a0ou4h] {
    opacity: .58;
}

.users-step-panel legend[b-6jf2a0ou4h] {
    padding: 0 8px;
    color: #163d63;
    font-size: .82rem;
    font-weight: 800;
}

.users-step-panel legend span[b-6jf2a0ou4h] {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    margin-right: 6px;
    border-radius: 999px;
    background: #6423f2;
    color: #fff;
    font-size: .7rem;
}

.users-form-grid[b-6jf2a0ou4h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.users-form-grid--lookup[b-6jf2a0ou4h] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.users-form-grid label[b-6jf2a0ou4h],
.users-filters label[b-6jf2a0ou4h],
.users-dialog-field[b-6jf2a0ou4h] {
    display: grid;
    gap: 7px;
    color: #163d63;
    font-size: .76rem;
    font-weight: 750;
}

.users-form-grid[b-6jf2a0ou4h]  input,
.users-form-grid[b-6jf2a0ou4h]  select,
.users-filters input[b-6jf2a0ou4h],
.users-filters select[b-6jf2a0ou4h],
.users-dialog select[b-6jf2a0ou4h] {
    width: 100%;
    min-height: 43px;
    padding: 0 12px;
    border: 1px solid #c9daea;
    border-radius: 9px;
    background: #fff;
    color: #163d63;
    font: inherit;
    font-weight: 500;
}

.users-dialog input[type="text"][b-6jf2a0ou4h],
.users-dialog input[type="password"][b-6jf2a0ou4h] {
    width: 100%;
    min-height: 43px;
    padding: 0 12px;
    border: 1px solid #c9daea;
    border-radius: 9px;
    background: #fff;
    color: #163d63;
    font: inherit;
    font-weight: 500;
}

.users-form-grid[b-6jf2a0ou4h]  .validation-message {
    color: #b42318;
    font-size: .72rem;
}

.users-inline-action[b-6jf2a0ou4h] {
    display: flex;
    align-items: flex-end;
}

.users-form-footer[b-6jf2a0ou4h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 16px;
}

.users-form-footer p[b-6jf2a0ou4h],
.role-help[b-6jf2a0ou4h] {
    margin: 0;
    color: #5d728b;
    font-size: .76rem;
    line-height: 1.45;
}

.funcionario-resumen[b-6jf2a0ou4h] {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid #cfe0ee;
    border-radius: 11px;
    background: #f4f9ff;
}

.funcionario-resumen-head[b-6jf2a0ou4h],
.account-card header[b-6jf2a0ou4h] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.funcionario-resumen dl[b-6jf2a0ou4h],
.account-card dl[b-6jf2a0ou4h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 14px 0;
}

.funcionario-resumen dt[b-6jf2a0ou4h],
.account-card dt[b-6jf2a0ou4h] {
    color: #627c96;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.funcionario-resumen dd[b-6jf2a0ou4h],
.account-card dd[b-6jf2a0ou4h] {
    margin: 3px 0 0;
    overflow-wrap: anywhere;
    color: #0b2b54;
    font-size: .82rem;
}

.users-message[b-6jf2a0ou4h] {
    margin: 14px 0 0;
    padding: 11px 13px;
    border-radius: 9px;
    font-size: .8rem;
    line-height: 1.45;
}

.users-message.success[b-6jf2a0ou4h] {
    background: #e9f8f0;
    color: #087443;
}

.users-message.error[b-6jf2a0ou4h] {
    background: #fff0ef;
    color: #a62922;
}

.users-message.notice[b-6jf2a0ou4h] {
    background: #fff7db;
    color: #805d00;
}

.users-operation-toast[b-6jf2a0ou4h] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1100;
    display: flex;
    width: min(420px, calc(100vw - 32px));
    gap: 14px;
    align-items: flex-start;
    padding: 16px 18px;
    border: 1px solid transparent;
    border-radius: 14px;
    box-shadow: 0 18px 48px rgba(1, 15, 35, .24);
}

.users-operation-toast.success[b-6jf2a0ou4h] {
    border-color: #a8dfc3;
    background: #e9f8f0;
    color: #075f38;
}

.users-operation-toast.error[b-6jf2a0ou4h] {
    border-color: #f3bbb7;
    background: #fff0ef;
    color: #8f211c;
}

.users-operation-toast strong[b-6jf2a0ou4h],
.users-operation-toast p[b-6jf2a0ou4h] {
    margin: 0;
}

.users-operation-toast p[b-6jf2a0ou4h] {
    margin-top: 4px;
    font-size: .82rem;
    line-height: 1.45;
}

.users-operation-link[b-6jf2a0ou4h] {
    display: inline-flex;
    margin-top: 10px;
    color: currentColor;
    font-size: .82rem;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.users-operation-toast button[b-6jf2a0ou4h] {
    margin-left: auto;
    padding: 0 4px;
    border: 0;
    background: transparent;
    color: currentColor;
    font-size: 1.35rem;
    line-height: 1;
}

.activation-link[b-6jf2a0ou4h] {
    margin-top: 16px;
    padding: 15px;
    border: 1px solid #e3d7ff;
    border-radius: 11px;
    background: #faf8ff;
}

.activation-link p[b-6jf2a0ou4h] {
    margin: 6px 0;
    color: #5f5570;
    font-size: .76rem;
}

.activation-link textarea[b-6jf2a0ou4h] {
    width: 100%;
    margin-top: 8px;
    padding: 10px;
    border: 1px solid #d7c9f8;
    border-radius: 8px;
    resize: vertical;
    color: #3b2d58;
    font: 400 .72rem/1.4 monospace;
}

.users-filters[b-6jf2a0ou4h] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(160px, 220px);
    gap: 12px;
    margin-top: 18px;
    padding: 14px;
    border-radius: 11px;
    background: #f5f9fd;
}

.users-result-count[b-6jf2a0ou4h] {
    margin: 15px 0 8px;
    color: #627c96;
    font-size: .74rem;
}

.users-state[b-6jf2a0ou4h] {
    display: grid;
    justify-items: start;
    gap: 7px;
    margin-top: 16px;
    padding: 18px;
    border: 1px dashed #c9daea;
    border-radius: 11px;
    color: #496889;
    font-size: .82rem;
}

.users-state--error[b-6jf2a0ou4h] {
    border-color: #edc6c3;
    background: #fff8f7;
    color: #8f2821;
}

.users-table-wrap[b-6jf2a0ou4h] {
    overflow-x: auto;
}

table[b-6jf2a0ou4h] {
    width: 100%;
    border-collapse: collapse;
    font-size: .76rem;
}

th[b-6jf2a0ou4h],
td[b-6jf2a0ou4h] {
    padding: 11px 10px;
    border-bottom: 1px solid #e3ebf4;
    text-align: left;
    vertical-align: top;
}

th[b-6jf2a0ou4h] {
    background: #eef6ff;
    color: #466787;
    font-size: .65rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

td:first-child[b-6jf2a0ou4h] {
    min-width: 190px;
    overflow-wrap: anywhere;
}

td:last-child[b-6jf2a0ou4h] {
    min-width: 260px;
}

.status[b-6jf2a0ou4h],
.role-badge[b-6jf2a0ou4h] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 800;
    white-space: nowrap;
}

.role-badge[b-6jf2a0ou4h] {
    background: #f0eaff;
    color: #5730ae;
}

.status.active[b-6jf2a0ou4h] {
    background: #e9f8f0;
    color: #087443;
}

.status.pending[b-6jf2a0ou4h] {
    background: #fff7db;
    color: #805d00;
}

.status.disabled[b-6jf2a0ou4h] {
    background: #fff0ef;
    color: #a62922;
}

.actions[b-6jf2a0ou4h] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.users-card-list[b-6jf2a0ou4h] {
    display: none;
}

.users-dialog-backdrop[b-6jf2a0ou4h] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(5, 18, 38, .64);
    backdrop-filter: blur(3px);
}

.users-dialog[b-6jf2a0ou4h] {
    width: min(100%, 500px);
    max-height: calc(100vh - 36px);
    overflow-y: auto;
    padding: 22px;
    border-radius: 16px;
    background: #fff;
    color: #0b2b54;
    box-shadow: 0 24px 70px rgba(1, 15, 35, .28);
}

.users-dialog > p:not(.role-help)[b-6jf2a0ou4h] {
    margin: 10px 0 0;
    color: #496889;
    font-size: .86rem;
    line-height: 1.55;
}

.users-dialog-field[b-6jf2a0ou4h] {
    margin-top: 18px;
}

.users-dialog .role-help[b-6jf2a0ou4h] {
    margin-top: 8px;
}

.password-assignment[b-6jf2a0ou4h] {
    margin-top: 18px;
}

.password-assignment .users-dialog-field + .users-dialog-field[b-6jf2a0ou4h] {
    margin-top: 12px;
}

.password-tools[b-6jf2a0ou4h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
}

.password-tools label[b-6jf2a0ou4h] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #496889;
    font-size: .75rem;
    font-weight: 700;
}

.password-tools input[b-6jf2a0ou4h] {
    width: 16px;
    height: 16px;
}

.users-dialog-actions[b-6jf2a0ou4h] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 22px;
}

@media (max-width: 839px) {
    .users-page-head[b-6jf2a0ou4h],
    .users-form-footer[b-6jf2a0ou4h] {
        align-items: stretch;
        flex-direction: column;
    }

    .users-page-head button[b-6jf2a0ou4h],
    .users-form-footer button[b-6jf2a0ou4h] {
        width: 100%;
    }

    .users-summary[b-6jf2a0ou4h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .users-form-grid[b-6jf2a0ou4h],
    .users-form-grid--lookup[b-6jf2a0ou4h],
    .users-filters[b-6jf2a0ou4h] {
        grid-template-columns: 1fr;
    }

    .users-inline-action button[b-6jf2a0ou4h] {
        width: 100%;
    }

    .users-table-desktop[b-6jf2a0ou4h] {
        display: none;
    }

    .users-card-list[b-6jf2a0ou4h] {
        display: grid;
        gap: 12px;
        margin-top: 10px;
    }

    .account-card[b-6jf2a0ou4h] {
        padding: 14px;
        border: 1px solid #dbe7f2;
        border-radius: 12px;
        background: #fbfdff;
    }

    .account-card header div[b-6jf2a0ou4h] {
        display: grid;
        gap: 4px;
        min-width: 0;
    }

    .account-card header strong[b-6jf2a0ou4h] {
        overflow-wrap: anywhere;
        font-size: .84rem;
    }

    .account-card header div span[b-6jf2a0ou4h] {
        color: #627c96;
        font-size: .72rem;
    }

    .account-card .actions button[b-6jf2a0ou4h] {
        flex: 1 1 135px;
    }
}

@media (max-width: 520px) {
    .users-page[b-6jf2a0ou4h] {
        padding: 14px 10px 22px;
    }

    .users-card[b-6jf2a0ou4h] {
        padding: 15px 12px;
        border-radius: 13px;
    }

    .users-summary[b-6jf2a0ou4h] {
        gap: 8px;
    }

    .users-summary article[b-6jf2a0ou4h] {
        padding: 12px;
    }

    .funcionario-resumen dl[b-6jf2a0ou4h],
    .account-card dl[b-6jf2a0ou4h] {
        grid-template-columns: 1fr;
    }

    .users-dialog-actions[b-6jf2a0ou4h] {
        flex-direction: column-reverse;
    }

    .users-dialog-actions button[b-6jf2a0ou4h] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .users-dialog-backdrop[b-6jf2a0ou4h] {
        backdrop-filter: none;
    }
}
/* /Components/Pages/DeclaracionAccesibilidad.razor.rz.scp.css */
.ad-politica[b-82qyix4qzt] {
    max-width: 820px;
    margin: 0 auto;
    padding: 48px 20px 80px;
    color: #0b1734;
    line-height: 1.65;
}

.ad-politica__header[b-82qyix4qzt] { margin-bottom: 28px; }

.ad-politica__eyebrow[b-82qyix4qzt] {
    margin: 0;
    color: #6d28d9;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ad-politica h1[b-82qyix4qzt] {
    margin: 6px 0 8px;
    font-family: "Outfit", Arial, sans-serif;
    font-size: clamp(1.7rem, 4vw, 2.3rem);
    line-height: 1.2;
    color: #07162f;
}

.ad-politica__meta[b-82qyix4qzt] { margin: 0; color: #64748b; font-size: .85rem; }

.ad-politica section[b-82qyix4qzt] {
    margin-top: 18px;
    padding: 22px 24px;
    border: 1px solid #ece6fb;
    border-radius: 16px;
    background: #fff;
}

.ad-politica h2[b-82qyix4qzt] {
    margin: 0 0 10px;
    font-family: "Outfit", Arial, sans-serif;
    font-size: 1.15rem;
    color: #3b1a78;
}

.ad-politica p[b-82qyix4qzt] { margin: 0 0 10px; color: #334155; }
.ad-politica ul[b-82qyix4qzt] { margin: 0 0 10px; padding-left: 20px; color: #334155; }
.ad-politica li[b-82qyix4qzt] { margin-bottom: 6px; }
.ad-politica a[b-82qyix4qzt] { color: #6d28d9; font-weight: 600; }

.ad-politica__pendiente[b-82qyix4qzt] {
    padding: 1px 8px;
    border-radius: 6px;
    background: #fff7db;
    color: #805d00;
    font-weight: 700;
}

.ad-politica__tabla[b-82qyix4qzt] { overflow-x: auto; margin: 6px 0 12px; }

.ad-politica table[b-82qyix4qzt] { width: 100%; border-collapse: collapse; font-size: .88rem; }
.ad-politica th[b-82qyix4qzt], .ad-politica td[b-82qyix4qzt] { padding: 10px 12px; border-bottom: 1px solid #ece6fb; text-align: left; vertical-align: top; }
.ad-politica th[b-82qyix4qzt] { background: #f6f2ff; color: #3b1a78; font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; }

.ad-politica__retirar[b-82qyix4qzt] {
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid #d8c9fb;
    border-radius: 999px;
    background: #fff;
    color: #5b21b6;
    font-weight: 700;
    cursor: pointer;
}

.ad-politica__retirar:focus-visible[b-82qyix4qzt] { outline: 3px solid #f59e0b; outline-offset: 2px; }
/* /Components/Pages/Docente/Acompanamiento.razor.rz.scp.css */
.ad-accompaniment-pro[b-khwrz4xu3d] {
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    padding: 18px 28px 48px;
    color: var(--ad-text);
    background:
        radial-gradient(circle at 88% 2%, rgba(109, 40, 217, .055), transparent 24rem),
        var(--ad-bg-soft);
}

.accompaniment-canvas[b-khwrz4xu3d] {
    width: min(var(--ad-container-max), 100%);
    margin-inline: auto;
    display: grid;
    gap: 12px;
}

.accompaniment-header[b-khwrz4xu3d] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 410px);
    align-items: start;
    gap: 32px;
}

.accompaniment-eyebrow[b-khwrz4xu3d],
.summary-kicker[b-khwrz4xu3d],
.step-kicker[b-khwrz4xu3d] {
    margin: 0 0 6px;
    color: var(--ad-violet);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.accompaniment-header h1[b-khwrz4xu3d] {
    margin: 0;
    max-width: 760px;
    font-size: clamp(1.4rem, 2vw, 1.7rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.03em;
}

.accompaniment-promise[b-khwrz4xu3d] {
    max-width: 720px;
    margin: 4px 0 0;
    color: var(--ad-text-muted);
    font-size: .84rem;
    line-height: 1.4;
}

.how-it-works[b-khwrz4xu3d] {
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-card);
    background: rgba(255, 255, 255, .8);
    box-shadow: var(--ad-shadow-card);
}

.how-it-works summary[b-khwrz4xu3d] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 16px;
    color: var(--ad-violet);
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    list-style-position: inside;
}

.how-it-works p[b-khwrz4xu3d] {
    margin: 0;
    padding: 0 16px 14px;
    color: var(--ad-text-muted);
    font-size: .78rem;
    line-height: 1.45;
}

.journey-summary[b-khwrz4xu3d] {
    display: grid;
    grid-template-columns: minmax(185px, .7fr) minmax(470px, 1.7fr) auto;
    align-items: center;
    gap: 24px;
    padding: 12px 20px;
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-card);
    background: var(--ad-bg);
    box-shadow: var(--ad-shadow-card);
}

.journey-summary h2[b-khwrz4xu3d],
.method-intro h2[b-khwrz4xu3d] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.02em;
}

.summary-metrics[b-khwrz4xu3d] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.summary-metrics div[b-khwrz4xu3d] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 0 14px;
    border-left: 1px solid var(--ad-border);
}

.summary-metrics dt[b-khwrz4xu3d] {
    grid-column: 2;
    grid-row: 1;
    color: var(--ad-text-muted);
    font-size: .76rem;
    font-weight: 600;
    line-height: 1.3;
}

.summary-metrics dd[b-khwrz4xu3d] {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    color: var(--ad-violet);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

.summary-link[b-khwrz4xu3d] {
    color: var(--ad-violet);
    font-size: .84rem;
    font-weight: 700;
    white-space: nowrap;
}

.summary-link.is-disabled[b-khwrz4xu3d] {
    opacity: .58;
    cursor: not-allowed;
}

.accompaniment-grid[b-khwrz4xu3d] {
    display: grid;
    gap: 12px;
    align-items: start;
}

.accompaniment-grid-top[b-khwrz4xu3d] {
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
}

.accompaniment-grid-bottom[b-khwrz4xu3d] {
    grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
}

.process-card[b-khwrz4xu3d] {
    min-width: 0;
    display: grid;
    gap: 10px;
    padding: 14px 16px;
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-card);
    background: var(--ad-bg);
    box-shadow: var(--ad-shadow-card);
}

.step-heading[b-khwrz4xu3d] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.step-number[b-khwrz4xu3d] {
    width: 26px;
    height: 26px;
    flex: none;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, var(--ad-violet), var(--ad-violet-2));
    box-shadow: 0 7px 18px rgba(109, 40, 217, .18);
    font-size: .8rem;
    font-weight: 700;
}

.step-heading h2[b-khwrz4xu3d] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.02em;
}

.step-intro[b-khwrz4xu3d] {
    margin: -4px 0 0;
    color: var(--ad-text-muted);
    font-size: .9rem;
    line-height: 1.55;
}

.origin-options[b-khwrz4xu3d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.origin-option[b-khwrz4xu3d] {
    min-width: 0;
    min-height: 0;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid var(--ad-border);
    border-radius: 10px;
    background: var(--ad-bg-soft);
    cursor: pointer;
    transition: border-color var(--ad-transition), background var(--ad-transition), box-shadow var(--ad-transition);
}

.origin-option:hover[b-khwrz4xu3d] {
    border-color: rgba(109, 40, 217, .35);
}

.origin-option.is-selected[b-khwrz4xu3d] {
    border-color: rgba(109, 40, 217, .5);
    background: var(--ad-bg-lilac);
    box-shadow: inset 0 0 0 1px rgba(109, 40, 217, .08);
}

.origin-option input[b-khwrz4xu3d],
.focus-chip input[b-khwrz4xu3d] {
    width: 17px;
    height: 17px;
    flex: none;
    margin: 2px 0 0;
    accent-color: var(--ad-violet);
}

.origin-option span[b-khwrz4xu3d] {
    min-width: 0;
    display: grid;
    gap: 5px;
}

.origin-option strong[b-khwrz4xu3d] {
    font-size: .85rem;
    line-height: 1.3;
}

.origin-option small[b-khwrz4xu3d] {
    color: var(--ad-text-muted);
    font-size: .73rem;
    line-height: 1.4;
}

.selection-panel[b-khwrz4xu3d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    background: var(--ad-bg-lilac);
}

.selection-panel-collective[b-khwrz4xu3d] {
    align-items: flex-start;
}

.selection-title[b-khwrz4xu3d] {
    margin: 0 0 4px;
    color: var(--ad-text);
    font-size: .88rem;
    font-weight: 700;
}

.selection-panel p:last-child[b-khwrz4xu3d] {
    margin: 0;
    color: var(--ad-text-muted);
    font-size: .8rem;
    line-height: 1.45;
}

.selection-actions[b-khwrz4xu3d] {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
}

.button-primary[b-khwrz4xu3d],
.button-secondary[b-khwrz4xu3d],
.memory-action[b-khwrz4xu3d] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    border-radius: var(--ad-radius-btn);
    font: inherit;
    font-size: .78rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.button-primary[b-khwrz4xu3d] {
    border: 1px solid transparent;
    color: #fff;
    background: linear-gradient(135deg, var(--ad-violet), var(--ad-violet-2));
    box-shadow: var(--ad-shadow-btn-violet);
}

.button-secondary[b-khwrz4xu3d] {
    border: 1px solid rgba(109, 40, 217, .35);
    color: var(--ad-violet);
    background: var(--ad-bg);
}

.integration-empty-state[b-khwrz4xu3d] {
    padding: 10px 12px;
    border: 1px dashed rgba(109, 40, 217, .35);
    border-radius: 12px;
    color: var(--ad-text-muted);
    background: rgba(244, 240, 255, .6);
    font-size: .78rem;
    line-height: 1.4;
}

.integration-empty-state strong[b-khwrz4xu3d] {
    color: var(--ad-text);
}

.integration-empty-state p[b-khwrz4xu3d] {
    margin: 4px 0 0;
}

.field-group[b-khwrz4xu3d] {
    display: grid;
    gap: 7px;
    margin: 0;
}

.field-label[b-khwrz4xu3d],
.focus-fieldset legend[b-khwrz4xu3d] {
    color: var(--ad-text);
    font-size: .82rem;
    font-weight: 700;
}

.text-input[b-khwrz4xu3d] {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid var(--ad-border);
    border-radius: 12px;
    color: var(--ad-text);
    background: var(--ad-bg-soft);
    font: inherit;
    font-size: .88rem;
    transition: border-color var(--ad-transition), box-shadow var(--ad-transition), background var(--ad-transition);
}

.text-input:focus[b-khwrz4xu3d] {
    outline: none;
    border-color: var(--ad-violet);
    background: var(--ad-bg);
    box-shadow: 0 0 0 3px rgba(109, 40, 217, .12);
}

.text-input:disabled[b-khwrz4xu3d] {
    color: var(--ad-text-muted);
    background: #F1F3F7;
    cursor: not-allowed;
}

.focus-fieldset[b-khwrz4xu3d] {
    min-width: 0;
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    border: 0;
}

.focus-options[b-khwrz4xu3d] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.focus-chip[b-khwrz4xu3d] {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid var(--ad-border);
    border-radius: 999px;
    color: var(--ad-text-muted);
    background: var(--ad-bg-soft);
    font-size: .78rem;
    font-weight: 600;
    cursor: pointer;
}

.focus-chip.is-selected[b-khwrz4xu3d] {
    border-color: rgba(109, 40, 217, .45);
    color: var(--ad-violet);
    background: var(--ad-bg-lilac);
}

.pedagogical-note[b-khwrz4xu3d],
.integration-note[b-khwrz4xu3d],
.architecture-note[b-khwrz4xu3d] {
    margin: 0;
    color: var(--ad-text-muted);
    font-size: .76rem;
    line-height: 1.5;
}

.pedagogical-note[b-khwrz4xu3d] {
    padding: 7px 10px;
    border-left: 3px solid var(--ad-violet);
    border-radius: 0 10px 10px 0;
    background: var(--ad-bg-lilac);
}

.method-strip[b-khwrz4xu3d] {
    display: grid;
    grid-template-columns: minmax(230px, .85fr) minmax(560px, 1.8fr);
    align-items: center;
    gap: 18px 28px;
    padding: 20px 24px;
    border: 1px solid rgba(109, 40, 217, .16);
    border-radius: var(--ad-radius-card);
    background:
        linear-gradient(115deg, rgba(244, 240, 255, .88), rgba(255, 255, 255, .96));
    box-shadow: var(--ad-shadow-card);
}

.method-intro p:last-child[b-khwrz4xu3d] {
    margin: 7px 0 0;
    color: var(--ad-text-muted);
    font-size: .8rem;
    line-height: 1.45;
}

.method-steps[b-khwrz4xu3d] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
}

.method-steps li[b-khwrz4xu3d] {
    min-width: 0;
    min-height: 66px;
    display: grid;
    align-content: center;
    gap: 3px;
    padding: 8px 14px;
    border-left: 1px solid rgba(109, 40, 217, .15);
}

.method-steps strong[b-khwrz4xu3d] {
    color: var(--ad-violet);
    font-size: .82rem;
}

.method-steps span[b-khwrz4xu3d] {
    color: var(--ad-text);
    font-size: .73rem;
    font-weight: 600;
    line-height: 1.35;
}

.method-cycle[b-khwrz4xu3d] {
    grid-column: 2;
    margin: -8px 0 0;
    color: var(--ad-text-muted);
    font-size: .72rem;
    text-align: right;
}

.purpose-bridge[b-khwrz4xu3d] {
    display: grid;
    gap: 3px;
    padding: 8px 12px;
    border: 1px solid rgba(109, 40, 217, .14);
    border-radius: 12px;
    background: var(--ad-bg-lilac);
}

.purpose-bridge span[b-khwrz4xu3d] {
    color: var(--ad-text-muted);
    font-size: .71rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.purpose-bridge strong[b-khwrz4xu3d] {
    font-size: .82rem;
    line-height: 1.45;
}

.process-context[b-khwrz4xu3d] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.process-context div[b-khwrz4xu3d] {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--ad-border);
    border-radius: 10px;
    background: var(--ad-bg-soft);
}

.process-context dt[b-khwrz4xu3d] {
    margin-bottom: 5px;
    color: var(--ad-text-muted);
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.process-context dd[b-khwrz4xu3d] {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.4;
}

.movement-grid[b-khwrz4xu3d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.movement-grid article[b-khwrz4xu3d] {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid var(--ad-border);
    border-radius: 11px;
    background: var(--ad-bg);
}

.movement-grid h3[b-khwrz4xu3d] {
    margin: 0 0 5px;
    font-size: .8rem;
    line-height: 1.35;
}

.movement-grid p[b-khwrz4xu3d] {
    margin: 0;
    color: var(--ad-text-muted);
    font-size: .72rem;
    line-height: 1.4;
}

.memory-block[b-khwrz4xu3d] {
    display: grid;
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(109, 40, 217, .17);
    border-radius: 14px;
    background: var(--ad-bg-lilac);
}

.memory-block h3[b-khwrz4xu3d] {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.3;
}

.memory-block > div:first-child > p:last-child[b-khwrz4xu3d] {
    margin: 5px 0 0;
    color: var(--ad-text-muted);
    font-size: .78rem;
    line-height: 1.5;
}

.memory-actions[b-khwrz4xu3d] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.memory-action[b-khwrz4xu3d] {
    border: 1px solid rgba(109, 40, 217, .28);
    color: var(--ad-violet);
    background: rgba(255, 255, 255, .78);
}

.memory-action.is-selected[b-khwrz4xu3d] {
    border-color: var(--ad-violet);
    color: #fff;
    background: var(--ad-violet);
}

.memory-editor[b-khwrz4xu3d] {
    min-width: 0;
    padding: 14px;
    border-radius: 11px;
    background: var(--ad-bg);
}

.editor-status[b-khwrz4xu3d] {
    margin: 8px 0 0;
    color: var(--ad-text-muted);
    font-size: .74rem;
    line-height: 1.45;
}

.evidence-editor[b-khwrz4xu3d] {
    display: grid;
    gap: 8px;
}

.evidence-editor[b-khwrz4xu3d]  input[type="file"] {
    max-width: 100%;
    color: var(--ad-text-muted);
    font: inherit;
    font-size: .78rem;
}

.evidence-editor[b-khwrz4xu3d]  input[type="file"]::file-selector-button {
    min-height: 38px;
    margin-right: 10px;
    padding: 0 13px;
    border: 1px solid rgba(109, 40, 217, .28);
    border-radius: 9px;
    color: var(--ad-violet);
    background: var(--ad-bg-lilac);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.human-review-note[b-khwrz4xu3d] {
    display: grid;
    gap: 4px;
    padding: 13px 15px;
    border-left: 3px solid var(--ad-green);
    border-radius: 0 10px 10px 0;
    background: #EAF8F2;
    font-size: .76rem;
    line-height: 1.45;
}

.human-review-note strong[b-khwrz4xu3d] {
    color: var(--ad-green);
}

.human-review-note span[b-khwrz4xu3d] {
    color: var(--ad-text-muted);
}

.architecture-note[b-khwrz4xu3d] {
    padding: 0 4px;
    text-align: center;
}

.building-grid[b-khwrz4xu3d] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.building-grid article[b-khwrz4xu3d] {
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid var(--ad-border);
    border-radius: 10px;
    background: var(--ad-bg-soft);
}

.building-grid strong[b-khwrz4xu3d] {
    display: block;
    margin-bottom: 4px;
    color: var(--ad-violet);
    font-size: .85rem;
}

.building-grid p[b-khwrz4xu3d] {
    margin: 0;
    color: var(--ad-text-muted);
    font-size: .76rem;
    line-height: 1.4;
}

.method-personas[b-khwrz4xu3d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.persona-card[b-khwrz4xu3d] {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid var(--ad-border);
    border-radius: 12px;
    background: var(--ad-bg);
}

.persona-heading[b-khwrz4xu3d] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.persona-avatar[b-khwrz4xu3d] {
    width: 28px;
    height: 28px;
    flex: none;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: #fff;
    font-size: .68rem;
    font-weight: 700;
}

.persona-luma .persona-avatar[b-khwrz4xu3d] {
    background: linear-gradient(135deg, var(--ad-violet), var(--ad-violet-2));
}

.persona-kai .persona-avatar[b-khwrz4xu3d] {
    background: var(--ad-green);
}

.persona-name[b-khwrz4xu3d] {
    margin: 0;
    color: var(--ad-text);
    font-size: .85rem;
    font-weight: 700;
}

.persona-name span[b-khwrz4xu3d] {
    color: var(--ad-text-muted);
    font-size: .74rem;
    font-weight: 600;
}

.persona-line[b-khwrz4xu3d] {
    margin: 3px 0 0;
    color: var(--ad-text-muted);
    font-size: .74rem;
    line-height: 1.4;
}

.persona-grid[b-khwrz4xu3d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin: 10px 0 0;
}

.persona-grid div[b-khwrz4xu3d] {
    min-width: 0;
    padding: 7px 9px;
    border: 1px solid var(--ad-border);
    border-radius: 8px;
    background: var(--ad-bg-soft);
}

.persona-grid dt[b-khwrz4xu3d] {
    margin-bottom: 3px;
    color: var(--ad-text-muted);
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    line-height: 1.25;
}

.persona-grid dd[b-khwrz4xu3d] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--ad-text);
    font-size: .76rem;
    font-weight: 600;
    line-height: 1.3;
}

.recent-log[b-khwrz4xu3d] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.recent-log li[b-khwrz4xu3d] {
    padding: 6px 10px;
    border-radius: 10px;
    background: var(--ad-bg-soft);
}

.recent-log time[b-khwrz4xu3d] {
    display: block;
    margin-bottom: 2px;
    color: var(--ad-text-muted);
    font-size: .72rem;
    font-weight: 600;
}

.recent-log span[b-khwrz4xu3d] {
    font-size: .85rem;
    color: var(--ad-text);
}

.button-primary:hover[b-khwrz4xu3d],
.button-secondary:hover[b-khwrz4xu3d],
.memory-action:hover[b-khwrz4xu3d] {
    filter: brightness(1.03);
}

.button-primary:focus-visible[b-khwrz4xu3d],
.button-secondary:focus-visible[b-khwrz4xu3d],
.memory-action:focus-visible[b-khwrz4xu3d],
.origin-option:focus-within[b-khwrz4xu3d],
.focus-chip:focus-within[b-khwrz4xu3d],
.how-it-works summary:focus-visible[b-khwrz4xu3d],
.evidence-editor[b-khwrz4xu3d]  input[type="file"]:focus-visible {
    outline: 2px solid var(--ad-violet);
    outline-offset: 2px;
}

@media (max-width: 1120px) {
    .journey-summary[b-khwrz4xu3d] {
        grid-template-columns: minmax(170px, .55fr) minmax(0, 1.45fr);
    }

    .summary-link[b-khwrz4xu3d] {
        grid-column: 1 / -1;
        justify-self: end;
    }

    .origin-options[b-khwrz4xu3d] {
        grid-template-columns: 1fr;
    }

    .origin-option[b-khwrz4xu3d] {
        min-height: 0;
    }

    .method-strip[b-khwrz4xu3d] {
        grid-template-columns: 1fr;
    }

    .method-cycle[b-khwrz4xu3d] {
        grid-column: 1;
    }
}

@media (max-width: 940px) {
    .ad-accompaniment-pro[b-khwrz4xu3d] {
        padding-inline: 20px;
    }

    .accompaniment-header[b-khwrz4xu3d],
    .accompaniment-grid-top[b-khwrz4xu3d],
    .accompaniment-grid-bottom[b-khwrz4xu3d] {
        grid-template-columns: 1fr;
    }

    .how-it-works[b-khwrz4xu3d] {
        max-width: 620px;
    }

    .origin-options[b-khwrz4xu3d] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .building-grid[b-khwrz4xu3d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .method-personas[b-khwrz4xu3d] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .journey-summary[b-khwrz4xu3d] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .summary-metrics[b-khwrz4xu3d] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .summary-metrics div[b-khwrz4xu3d] {
        padding: 7px 0;
        border-left: 0;
        border-top: 1px solid var(--ad-border);
    }

    .summary-link[b-khwrz4xu3d] {
        grid-column: 1;
        justify-self: start;
    }

    .origin-options[b-khwrz4xu3d],
    .method-steps[b-khwrz4xu3d],
    .process-context[b-khwrz4xu3d],
    .movement-grid[b-khwrz4xu3d],
    .building-grid[b-khwrz4xu3d],
    .persona-grid[b-khwrz4xu3d] {
        grid-template-columns: 1fr;
    }

    .method-steps[b-khwrz4xu3d] {
        gap: 0;
    }

    .method-steps li[b-khwrz4xu3d] {
        min-height: 52px;
        grid-template-columns: 84px 1fr;
        align-items: center;
        border-left: 0;
        border-top: 1px solid rgba(109, 40, 217, .15);
    }

    .method-cycle[b-khwrz4xu3d] {
        margin: 0;
        text-align: left;
    }
}

@media (max-width: 520px) {
    .ad-accompaniment-pro[b-khwrz4xu3d] {
        padding: 24px 12px 92px;
    }

    .accompaniment-canvas[b-khwrz4xu3d] {
        gap: 14px;
    }

    .accompaniment-header[b-khwrz4xu3d] {
        gap: 18px;
    }

    .accompaniment-header h1[b-khwrz4xu3d] {
        font-size: 2rem;
    }

    .journey-summary[b-khwrz4xu3d],
    .process-card[b-khwrz4xu3d],
    .method-strip[b-khwrz4xu3d] {
        padding: 18px;
    }

    .step-heading[b-khwrz4xu3d] {
        align-items: flex-start;
    }

    .step-number[b-khwrz4xu3d] {
        width: 36px;
        height: 36px;
    }

    .origin-options[b-khwrz4xu3d] {
        grid-template-columns: 1fr;
    }

    .selection-panel[b-khwrz4xu3d],
    .human-review-note[b-khwrz4xu3d] {
        flex-direction: column;
    }

    .selection-actions[b-khwrz4xu3d],
    .selection-actions .button-primary[b-khwrz4xu3d],
    .selection-actions .button-secondary[b-khwrz4xu3d] {
        width: 100%;
    }

    .focus-options[b-khwrz4xu3d],
    .memory-actions[b-khwrz4xu3d] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .focus-chip[b-khwrz4xu3d],
    .memory-action[b-khwrz4xu3d] {
        width: 100%;
    }

    .memory-block[b-khwrz4xu3d] {
        padding: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .origin-option[b-khwrz4xu3d],
    .button-primary[b-khwrz4xu3d],
    .button-secondary[b-khwrz4xu3d],
    .memory-action[b-khwrz4xu3d],
    .text-input[b-khwrz4xu3d] {
        transition: none;
    }
}
/* /Components/Pages/Docente/AcompanamientoProceso.razor.rz.scp.css */
.ad-ac-process[b-ahvfvkojdr] {
    --ac-accent: var(--ad-violet);
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    padding: var(--ad-space-4);
    color: var(--ad-text);
    background: var(--ad-bg-soft);
}

.ad-ac-process-canvas[b-ahvfvkojdr] {
    width: min(940px, 100%);
    margin-inline: auto;
    display: grid;
    gap: var(--ad-space-3);
}

.ad-ac-process-header[b-ahvfvkojdr] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--ad-space-3);
}

.ad-ac-process-header a[b-ahvfvkojdr] {
    color: var(--ad-text-muted);
    font-size: .72rem;
    font-weight: 750;
    text-decoration: none;
}

.ad-ac-process-header a[b-ahvfvkojdr]::before { content: "←"; margin-right: 7px; }

.ad-ac-process-header h1[b-ahvfvkojdr] {
    margin: var(--ad-space-1) 0;
    font-size: clamp(1.7rem, 4vw, 2.4rem);
    line-height: 1.1;
    letter-spacing: -.04em;
}

.ad-ac-process-state[b-ahvfvkojdr] {
    display: inline-flex;
    padding: 5px 10px;
    border-radius: 999px;
    color: var(--ad-violet);
    background: var(--ad-bg-lilac);
    font-size: .7rem;
    font-weight: 850;
}

.ad-ac-process-state.is-kai[b-ahvfvkojdr],
.ad-ac-process-state.is-eko[b-ahvfvkojdr] { color: var(--ad-green); background: color-mix(in srgb, var(--ad-green) 9%, var(--ad-bg)); }
.ad-ac-process-state.is-nara[b-ahvfvkojdr],
.ad-ac-process-state.is-tilo[b-ahvfvkojdr] { color: var(--ad-orange); background: color-mix(in srgb, var(--ad-orange) 10%, var(--ad-bg)); }

.ad-ac-process-header > button[b-ahvfvkojdr],
.ad-ac-now-actions button[b-ahvfvkojdr],
.ad-ac-archetype-actions button[b-ahvfvkojdr],
.ad-ac-wide-action[b-ahvfvkojdr],
.ad-ac-decision-grid button[b-ahvfvkojdr],
.ad-ac-team button[b-ahvfvkojdr],
.ad-ac-modal button[b-ahvfvkojdr] {
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-btn);
    color: var(--ad-text);
    background: var(--ad-bg);
    font: inherit;
    font-size: .76rem;
    font-weight: 800;
    cursor: pointer;
}

.ad-ac-process-header > button[b-ahvfvkojdr],
.is-primary[b-ahvfvkojdr],
.ad-ac-wide-action[b-ahvfvkojdr] {
    border-color: transparent !important;
    color: var(--ad-bg) !important;
    background: linear-gradient(135deg, var(--ad-violet), var(--ad-violet-2)) !important;
}

.ad-ac-purpose[b-ahvfvkojdr],
.ad-ac-now[b-ahvfvkojdr],
.ad-ac-archetype[b-ahvfvkojdr],
.ad-ac-learning[b-ahvfvkojdr],
.ad-ac-team[b-ahvfvkojdr] {
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-card);
    background: var(--ad-bg);
    box-shadow: var(--ad-shadow-card);
}

.ad-ac-purpose[b-ahvfvkojdr],
.ad-ac-now[b-ahvfvkojdr],
.ad-ac-learning[b-ahvfvkojdr],
.ad-ac-team[b-ahvfvkojdr] { padding: var(--ad-space-4); }

.ad-ac-purpose > p[b-ahvfvkojdr],
.ad-ac-section-label > p[b-ahvfvkojdr],
.ad-ac-team > div:first-child > p[b-ahvfvkojdr],
.ad-ac-archetype-label[b-ahvfvkojdr] {
    margin: 0;
    color: var(--ad-violet);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.ad-ac-purpose h2[b-ahvfvkojdr] {
    margin: var(--ad-space-1) 0 var(--ad-space-2);
    font-size: 1.05rem;
    line-height: 1.5;
}

.ad-ac-purpose span[b-ahvfvkojdr],
.ad-ac-section-label span[b-ahvfvkojdr],
.ad-ac-team span[b-ahvfvkojdr] {
    color: var(--ad-text-muted);
    font-size: .74rem;
}

.ad-ac-section-label[b-ahvfvkojdr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ad-space-2);
}

.ad-ac-now h2[b-ahvfvkojdr],
.ad-ac-now h3[b-ahvfvkojdr],
.ad-ac-archetype h3[b-ahvfvkojdr] {
    margin: var(--ad-space-3) 0 var(--ad-space-1);
    font-size: .84rem;
}

.ad-ac-now blockquote[b-ahvfvkojdr],
.ad-ac-archetype blockquote[b-ahvfvkojdr] {
    margin: var(--ad-space-2) 0;
    padding: var(--ad-space-3);
    border: 1px solid color-mix(in srgb, var(--ad-orange) 35%, var(--ad-border));
    border-radius: var(--ad-radius-btn);
    background: color-mix(in srgb, var(--ad-orange) 7%, var(--ad-bg));
    color: var(--ad-text);
    font-size: .84rem;
    font-weight: 700;
    line-height: 1.55;
}

.ad-ac-now ul[b-ahvfvkojdr],
.ad-ac-evolution ul[b-ahvfvkojdr] {
    margin: var(--ad-space-1) 0 var(--ad-space-3);
    padding-left: 20px;
    color: var(--ad-text-muted);
    font-size: .78rem;
    line-height: 1.65;
}

.ad-ac-now-actions[b-ahvfvkojdr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ad-space-1);
}

.ad-ac-archetype[b-ahvfvkojdr] {
    --ac-accent: var(--ad-violet);
    display: grid;
    grid-template-columns: 230px 1fr;
    min-height: 360px;
    overflow: hidden;
}

.ad-ac-archetype.is-kai[b-ahvfvkojdr],
.ad-ac-archetype.is-eko[b-ahvfvkojdr] { --ac-accent: var(--ad-green); }
.ad-ac-archetype.is-nara[b-ahvfvkojdr],
.ad-ac-archetype.is-tilo[b-ahvfvkojdr] { --ac-accent: var(--ad-orange); }

.ad-ac-archetype-portrait[b-ahvfvkojdr] {
    display: grid;
    place-items: center;
    padding: var(--ad-space-3);
    background: color-mix(in srgb, var(--ac-accent) 7%, var(--ad-bg));
}

.ad-ac-archetype-portrait img[b-ahvfvkojdr] {
    width: 100%;
    max-height: 290px;
    object-fit: contain;
}

.ad-ac-archetype-content[b-ahvfvkojdr] {
    display: flex;
    flex-direction: column;
    padding: var(--ad-space-4);
}

.ad-ac-archetype-label[b-ahvfvkojdr] { color: var(--ac-accent); }

.ad-ac-archetype-content > h2[b-ahvfvkojdr] {
    margin: var(--ad-space-1) 0;
    font-size: 1.25rem;
    line-height: 1.35;
}

.ad-ac-archetype-content > p:not(.ad-ac-archetype-label)[b-ahvfvkojdr] {
    margin: 0;
    color: var(--ad-text-muted);
    font-size: .8rem;
    line-height: 1.55;
}

.ad-ac-archetype-actions[b-ahvfvkojdr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ad-space-1);
}

.ad-ac-archetype-actions.is-stacked[b-ahvfvkojdr] { grid-template-columns: 1fr; }
.ad-ac-archetype-actions .is-link[b-ahvfvkojdr] { border-color: transparent; color: var(--ad-violet); }

.ad-ac-topic-list[b-ahvfvkojdr] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: var(--ad-space-3);
}

.ad-ac-topic-list span[b-ahvfvkojdr] {
    padding: 5px 9px;
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-btn);
    color: var(--ad-text-muted);
    font-size: .66rem;
}

.ad-ac-archetype-foot[b-ahvfvkojdr] {
    display: block;
    margin-top: auto;
    padding-top: var(--ad-space-3);
    color: var(--ac-accent);
    font-size: .72rem;
}

.ad-ac-signals[b-ahvfvkojdr] {
    display: grid;
    gap: var(--ad-space-1);
    margin: 0 0 var(--ad-space-3);
    padding: 0;
    list-style: none;
}

.ad-ac-signals li[b-ahvfvkojdr],
.ad-ac-evolution article[b-ahvfvkojdr] {
    display: grid;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-btn);
    color: var(--ad-text-muted);
    font-size: .72rem;
    line-height: 1.45;
}

.ad-ac-signals strong[b-ahvfvkojdr],
.ad-ac-evolution strong[b-ahvfvkojdr] { color: var(--ad-text); }
.ad-ac-wide-action[b-ahvfvkojdr] { width: 100%; margin-top: auto; }

.ad-ac-evolution[b-ahvfvkojdr] {
    display: grid;
    gap: var(--ad-space-1);
    margin: var(--ad-space-2) 0;
}

.ad-ac-evolution p[b-ahvfvkojdr] { margin: 0; }
.ad-ac-evolution ul[b-ahvfvkojdr] { margin: 0; }

.ad-ac-decision-grid[b-ahvfvkojdr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--ad-space-1);
}

.ad-ac-learning .ad-ac-section-label button[b-ahvfvkojdr] {
    border: 0;
    color: var(--ad-violet);
    background: transparent;
    font: inherit;
    font-size: .7rem;
    font-weight: 800;
    cursor: pointer;
}

.ad-ac-learning > ul[b-ahvfvkojdr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ad-space-1) var(--ad-space-3);
    margin: var(--ad-space-3) 0 0;
    padding: 0;
    list-style: none;
}

.ad-ac-learning > ul li[b-ahvfvkojdr] {
    padding: 10px 12px;
    border-radius: var(--ad-radius-btn);
    background: var(--ad-bg-soft);
    color: var(--ad-text-muted);
    font-size: .76rem;
    line-height: 1.5;
}

.ad-ac-learning > ul strong[b-ahvfvkojdr] { color: var(--ad-text); }

.ad-ac-timeline[b-ahvfvkojdr] {
    display: grid;
    gap: var(--ad-space-2);
    margin: var(--ad-space-4) 0 0;
    padding: 0 0 0 var(--ad-space-3);
    border-left: 2px solid var(--ad-border);
    list-style: none;
}

.ad-ac-timeline li[b-ahvfvkojdr] { position: relative; }
.ad-ac-timeline li[b-ahvfvkojdr]::before { content: ""; position: absolute; left: calc(var(--ad-space-3) * -1 - 6px); top: 4px; width: 10px; height: 10px; border-radius: 999px; background: var(--ad-violet); }
.ad-ac-timeline time[b-ahvfvkojdr] { margin-right: var(--ad-space-1); color: var(--ad-violet); font-size: .68rem; font-weight: 850; }
.ad-ac-timeline strong[b-ahvfvkojdr] { font-size: .74rem; }
.ad-ac-timeline p[b-ahvfvkojdr] { margin: 4px 0 0; color: var(--ad-text-muted); font-size: .72rem; }

.ad-ac-team[b-ahvfvkojdr] {
    display: grid;
    grid-template-columns: minmax(140px, .45fr) 1fr auto;
    align-items: center;
    gap: var(--ad-space-3);
}

.ad-ac-team blockquote[b-ahvfvkojdr] {
    margin: 0;
    color: var(--ad-text-muted);
    font-size: .78rem;
    line-height: 1.55;
}

.ad-ac-team > div:last-child[b-ahvfvkojdr] { display: flex; gap: var(--ad-space-1); }

.ad-ac-process-toast[b-ahvfvkojdr] {
    margin: 0;
    padding: 10px 14px;
    border: 1px solid var(--ad-green);
    border-radius: var(--ad-radius-btn);
    color: var(--ad-green);
    background: color-mix(in srgb, var(--ad-green) 8%, var(--ad-bg));
    font-size: .76rem;
    font-weight: 750;
}

.ad-ac-process-mock[b-ahvfvkojdr] {
    margin: 0;
    color: var(--ad-text-muted);
    font-size: .66rem;
    text-align: right;
}

.ad-ac-modal-backdrop[b-ahvfvkojdr] {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: var(--ad-space-3);
    background: color-mix(in srgb, var(--ad-navy) 72%, transparent);
}

.ad-ac-modal[b-ahvfvkojdr] {
    width: min(580px, 100%);
    max-height: min(760px, calc(100dvh - 32px));
    overflow-y: auto;
    padding: var(--ad-space-4);
    border-radius: var(--ad-radius-card);
    background: var(--ad-bg);
    box-shadow: var(--ad-shadow-card-hover);
}

.ad-ac-modal header[b-ahvfvkojdr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--ad-space-3);
}

.ad-ac-modal h2[b-ahvfvkojdr] { margin: 0; font-size: 1.3rem; }
.ad-ac-modal header p[b-ahvfvkojdr] { margin: 5px 0 0; color: var(--ad-text-muted); font-size: .74rem; }
.ad-ac-modal header > button[b-ahvfvkojdr] { min-height: 32px; padding: 4px 8px; border-color: transparent; color: var(--ad-text-muted); }

.ad-ac-modal-modes[b-ahvfvkojdr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--ad-space-2);
    margin-top: var(--ad-space-3);
}

.ad-ac-modal-modes button[b-ahvfvkojdr] { min-height: 64px; }
.ad-ac-modal-modes button.is-selected[b-ahvfvkojdr] { border-color: var(--ad-violet); color: var(--ad-violet); background: var(--ad-bg-lilac); }

.ad-ac-modal textarea[b-ahvfvkojdr] {
    width: 100%;
    margin-top: var(--ad-space-2);
    padding: var(--ad-space-2);
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-btn);
    color: var(--ad-text);
    background: var(--ad-bg-soft);
    font: inherit;
    resize: vertical;
}

.ad-ac-modal-optional[b-ahvfvkojdr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ad-space-1);
    margin-top: var(--ad-space-3);
}

.ad-ac-modal-optional > span[b-ahvfvkojdr] { width: 100%; color: var(--ad-text-muted); font-size: .7rem; font-weight: 800; }
.ad-ac-modal-optional p[b-ahvfvkojdr] { width: 100%; margin: 0; color: var(--ad-green); font-size: .7rem; }

.ad-ac-modal fieldset[b-ahvfvkojdr] {
    display: grid;
    gap: var(--ad-space-1);
    margin: var(--ad-space-3) 0 0;
    padding: 0;
    border: 0;
}

.ad-ac-modal legend[b-ahvfvkojdr] { margin-bottom: var(--ad-space-2); font-size: .78rem; font-weight: 850; }
.ad-ac-modal label[b-ahvfvkojdr] { display: flex; align-items: center; gap: var(--ad-space-2); min-height: 42px; padding: 8px 10px; border: 1px solid var(--ad-border); border-radius: var(--ad-radius-btn); font-size: .76rem; cursor: pointer; }
.ad-ac-modal label.is-selected[b-ahvfvkojdr] { border-color: var(--ad-violet); color: var(--ad-violet); background: var(--ad-bg-lilac); font-weight: 750; }
.ad-ac-modal label input[b-ahvfvkojdr] { accent-color: var(--ad-violet); }

.ad-ac-modal footer[b-ahvfvkojdr] { display: flex; justify-content: flex-end; gap: var(--ad-space-1); margin-top: var(--ad-space-3); padding-top: var(--ad-space-3); border-top: 1px solid var(--ad-border); }
.ad-ac-modal button:disabled[b-ahvfvkojdr] { opacity: .5; cursor: not-allowed; }

@media (max-width: 760px) {
    .ad-ac-process[b-ahvfvkojdr] { padding: var(--ad-space-3) var(--ad-space-2) 88px; }
    .ad-ac-process-header[b-ahvfvkojdr] { align-items: stretch; flex-direction: column; }
    .ad-ac-process-header > button[b-ahvfvkojdr] { width: 100%; }
    .ad-ac-archetype[b-ahvfvkojdr] { grid-template-columns: 1fr; }
    .ad-ac-archetype-portrait[b-ahvfvkojdr] { max-height: 230px; }
    .ad-ac-archetype-portrait img[b-ahvfvkojdr] { max-height: 210px; }
    .ad-ac-team[b-ahvfvkojdr] { grid-template-columns: 1fr; }
    .ad-ac-team > div:last-child[b-ahvfvkojdr] { flex-wrap: wrap; }
}

@media (max-width: 480px) {
    .ad-ac-purpose[b-ahvfvkojdr],
    .ad-ac-now[b-ahvfvkojdr],
    .ad-ac-learning[b-ahvfvkojdr],
    .ad-ac-team[b-ahvfvkojdr],
    .ad-ac-archetype-content[b-ahvfvkojdr],
    .ad-ac-modal[b-ahvfvkojdr] { padding: var(--ad-space-3); }
    .ad-ac-now-actions[b-ahvfvkojdr],
    .ad-ac-learning > ul[b-ahvfvkojdr],
    .ad-ac-archetype-actions[b-ahvfvkojdr],
    .ad-ac-decision-grid[b-ahvfvkojdr] { grid-template-columns: 1fr; }
    .ad-ac-team > div:last-child button[b-ahvfvkojdr] { width: 100%; }
    .ad-ac-modal footer[b-ahvfvkojdr] { flex-direction: column-reverse; }
    .ad-ac-modal footer button[b-ahvfvkojdr] { width: 100%; }
}
/* /Components/Pages/Docente/BibliotecaRecursos.razor.rz.scp.css */
.biblioteca[b-avfq43fzt2] { background: #fff; color: var(--ad-teacher-ink, #13303b); min-height: 100vh; }
.biblioteca-contenido[b-avfq43fzt2] { max-width: 1280px; margin: 0 auto; padding: clamp(24px, 4vw, 64px); }
.biblioteca-encabezado > p[b-avfq43fzt2],
.biblioteca-seccion-titulo p[b-avfq43fzt2],
.biblioteca-talleres > div:first-child > p[b-avfq43fzt2] { margin: 0 0 8px; color: var(--ad-teacher-blue, #2b8baa); font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.biblioteca h1[b-avfq43fzt2] { margin: 0 0 10px; font-size: clamp(26px, 3vw, 44px); font-weight: 800; line-height: 1.15; letter-spacing: -.035em; }
.biblioteca-encabezado > span[b-avfq43fzt2] { display: block; max-width: 680px; color: var(--ad-teacher-petroleum, #1e5a70); line-height: 1.55; }
.biblioteca-rutas[b-avfq43fzt2] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 30px 0 46px; }
.biblioteca-rutas > a[b-avfq43fzt2] { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; min-height: 96px; padding: 18px; border: 1px solid #cddde2; border-radius: 16px; background: #fff; color: inherit; text-decoration: none; }
.biblioteca-rutas > a:hover[b-avfq43fzt2] { border-color: var(--ad-teacher-blue, #2b8baa); background: var(--ad-teacher-mist, #e4f3f6); }
.biblioteca-ruta-icono[b-avfq43fzt2] { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; color: #fff; background: var(--ad-teacher-blue, #2b8baa); font-weight: 850; }
.biblioteca-ruta-icono.taller[b-avfq43fzt2] { background: var(--ad-teacher-lavender, #8a55c9); }
.biblioteca-rutas strong[b-avfq43fzt2], .biblioteca-rutas small[b-avfq43fzt2] { display: block; }
.biblioteca-rutas strong[b-avfq43fzt2] { margin-bottom: 4px; font-size: 16px; }
.biblioteca-rutas small[b-avfq43fzt2] { color: var(--ad-teacher-petroleum, #1e5a70); line-height: 1.35; }
.biblioteca-seccion[b-avfq43fzt2] { scroll-margin-top: 24px; }
.biblioteca-seccion-titulo[b-avfq43fzt2] { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.biblioteca h2[b-avfq43fzt2] { margin: 0; font-size: clamp(22px, 2vw, 30px); line-height: 1.2; }
.biblioteca-buscar[b-avfq43fzt2] { display: block; width: min(100%, 560px); padding: 14px 20px; border: 1px solid #e0ddec; border-radius: 12px; background: white; color: #161c3a; }
.biblioteca-buscar:focus-visible[b-avfq43fzt2] { outline: 2px solid #7735df; outline-offset: 3px; }
.biblioteca-libros[b-avfq43fzt2] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 5vw, 72px); margin-top: 30px; }
.biblioteca-libro[b-avfq43fzt2] { min-width: 0; text-align: center; }
/* La ventana oculta únicamente los controles de edición incluidos en las capturas recibidas. */
.biblioteca-portada[b-avfq43fzt2] { position: relative; overflow: hidden; border-radius: 3px; background: #f5f1e8; }
.biblioteca-portada.dislexia[b-avfq43fzt2] { aspect-ratio: 319 / 460; }
.biblioteca-portada.diversidad[b-avfq43fzt2] { aspect-ratio: 319 / 452; }
.biblioteca-portada.andrea[b-avfq43fzt2] { aspect-ratio: 293 / 412; }
.biblioteca-portada img[b-avfq43fzt2] { display: block; width: 100%; height: auto; }
.biblioteca-formato[b-avfq43fzt2] { margin: 24px 0 12px; font-size: 12px; letter-spacing: .13em; color: #414865; }
.biblioteca-descargar[b-avfq43fzt2] { border: 0; background: transparent; font: inherit; font-size: 14px; color: #78658d; cursor: not-allowed; padding: 6px 12px; }
.biblioteca-pendiente[b-avfq43fzt2] { margin: 32px 0 0; color: #70758a; font-size: 13px; }
.biblioteca-talleres[b-avfq43fzt2] { margin-top: 56px; padding: clamp(22px, 3vw, 34px); border-radius: 20px; background: var(--ad-tint-lavender, #f1e9fa); }
.biblioteca-talleres > div:first-child > span[b-avfq43fzt2] { display: block; margin-top: 8px; color: var(--ad-teacher-petroleum, #1e5a70); }
.biblioteca-taller-destacado[b-avfq43fzt2] { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; margin-top: 24px; padding: 20px; border: 1px solid #d8c5ef; border-radius: 16px; background: #fff; }
.biblioteca-taller-marca[b-avfq43fzt2] { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; color: #fff; background: var(--ad-teacher-lavender, #8a55c9); font-weight: 850; }
.biblioteca-taller-destacado small[b-avfq43fzt2] { color: var(--ad-teacher-mint, #1fa393); font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.biblioteca-taller-destacado h3[b-avfq43fzt2] { margin: 5px 0; font-size: 18px; }
.biblioteca-taller-destacado p[b-avfq43fzt2] { margin: 0; color: var(--ad-teacher-petroleum, #1e5a70); }
.biblioteca-taller-destacado a[b-avfq43fzt2],
.biblioteca-ver-talleres[b-avfq43fzt2] { display: inline-flex; align-items: center; gap: 8px; border-radius: 10px; color: #fff; background: var(--ad-teacher-lavender, #8a55c9); font-weight: 750; text-decoration: none; }
.biblioteca-taller-destacado a[b-avfq43fzt2] { padding: 12px 16px; white-space: nowrap; }
.biblioteca-ver-talleres[b-avfq43fzt2] { margin-top: 16px; padding: 11px 15px; }
.biblioteca-taller-destacado a:focus-visible[b-avfq43fzt2],
.biblioteca-ver-talleres:focus-visible[b-avfq43fzt2],
.biblioteca-rutas > a:focus-visible[b-avfq43fzt2] { outline: 3px solid var(--ad-teacher-sky, #3f8ad0); outline-offset: 3px; }
@media (max-width: 760px) {
    .biblioteca-rutas[b-avfq43fzt2] { grid-template-columns: 1fr; }
    .biblioteca-seccion-titulo[b-avfq43fzt2] { display: grid; align-items: start; }
    .biblioteca-seccion-titulo label[b-avfq43fzt2], .biblioteca-buscar[b-avfq43fzt2] { width: 100%; }
    .biblioteca-libros[b-avfq43fzt2] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .biblioteca-taller-destacado[b-avfq43fzt2] { grid-template-columns: auto 1fr; }
    .biblioteca-taller-destacado a[b-avfq43fzt2] { grid-column: 1 / -1; justify-content: center; }
}
@media (max-width: 440px) {
    .biblioteca-libros[b-avfq43fzt2] { grid-template-columns: 1fr; gap: 36px; }
    .biblioteca-libro[b-avfq43fzt2] { width: min(100%, 290px); margin: auto; }
    .biblioteca-taller-destacado[b-avfq43fzt2] { grid-template-columns: 1fr; }
    .biblioteca-taller-marca[b-avfq43fzt2] { width: 42px; height: 42px; }
}
/* /Components/Pages/Docente/Estudiante.razor.rz.scp.css */
/* AD-F-007 — Orientación pedagógica.
   Usa los tokens globales del Design System (--ad-violet, --ad-green, --ad-navy,
   --ad-radius-card...) definidos en wwwroot/css/aula-diversa-system.css.
   No se introduce ninguna paleta nueva. */

.ad-op[b-zdhzplobq2] {
    background: var(--ad-bg-soft, #F7F8FC);
}

.ad-op-card[b-zdhzplobq2] {
    background: var(--ad-bg, #fff);
    border: 1px solid var(--ad-border, #DCE3EC);
    border-radius: var(--ad-radius-card, 16px);
    box-shadow: var(--ad-shadow-card, 0 5px 18px rgba(12, 27, 52, .04));
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.ad-op-card-title[b-zdhzplobq2] {
    margin: 0;
    font-size: .95rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: var(--ad-violet, #6D28D9);
}

.ad-op-card-lead[b-zdhzplobq2] {
    margin: -8px 0 0;
    font-size: .8rem;
    color: var(--ad-text-muted, #526079);
    line-height: 1.5;
}

.ad-op-subtitle[b-zdhzplobq2] {
    margin: 4px 0 -4px;
    font-size: .82rem;
    font-weight: 700;
    color: var(--ad-text, #0B1734);
}

/* Selección única: radios nativos ocultos visualmente, tarjeta como label. */
.ad-op-radio-group[b-zdhzplobq2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ad-op-radio[b-zdhzplobq2] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 10px;
    border: 1px solid transparent;
    font-size: .85rem;
    color: var(--ad-text, #0B1734);
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.ad-op-radio:hover[b-zdhzplobq2] {
    background: var(--ad-bg-lilac, #F4F0FF);
}

.ad-op-radio input[type="radio"][b-zdhzplobq2] {
    width: 18px;
    height: 18px;
    accent-color: var(--ad-violet, #6D28D9);
    flex: none;
}

.ad-op-radio.is-selected[b-zdhzplobq2],
.ad-op-radio:has(input:checked)[b-zdhzplobq2] {
    background: var(--ad-bg-lilac, #F4F0FF);
    border-color: var(--ad-violet, #6D28D9);
    color: var(--ad-violet, #6D28D9);
    font-weight: 700;
}

.ad-op-radio input:focus-visible[b-zdhzplobq2] {
    outline: 2px solid var(--ad-violet, #6D28D9);
    outline-offset: 2px;
}

.ad-op-note[b-zdhzplobq2] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0;
    font-size: .72rem;
    line-height: 1.5;
    color: var(--ad-text-muted, #526079);
}

.ad-op-note svg[b-zdhzplobq2] {
    margin-top: 2px;
    color: var(--ad-violet, #6D28D9);
}

.ad-op-divider[b-zdhzplobq2] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ad-text-muted, #526079);
    font-size: .75rem;
    text-transform: uppercase;
}

.ad-op-divider[b-zdhzplobq2]::before,
.ad-op-divider[b-zdhzplobq2]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--ad-border, #DCE3EC);
}

.ad-op-audio-status[b-zdhzplobq2] {
    margin: 0;
    font-size: .78rem;
    color: var(--ad-text-muted, #526079);
    display: flex;
    align-items: center;
    gap: 6px;
}

.ad-op-audio-empty[b-zdhzplobq2] {
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--ad-bg-soft, #F7F8FC);
    border: 1px solid var(--ad-border, #DCE3EC);
}

.ad-op-audio-ok[b-zdhzplobq2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    background: #e9f8f1;
    color: var(--ad-green, #13795B);
    font-weight: 700;
}

.ad-op-stats[b-zdhzplobq2] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.ad-op-demo-note[b-zdhzplobq2] {
    margin: 0;
    font-size: .68rem;
    color: var(--ad-text-muted, #526079);
    font-style: italic;
}

.ad-op-pendiente[b-zdhzplobq2] {
    background: var(--ad-bg-soft, #F7F8FC);
    border: 1px solid var(--ad-border, #DCE3EC);
    color: var(--ad-text-muted, #526079);
    cursor: not-allowed;
}

.ad-op-pendiente-block[b-zdhzplobq2] {
    display: block;
    text-align: center;
    padding: 8px;
    border-radius: 10px;
    font-size: .8rem;
    font-weight: 600;
}

.ad-op-aviso[b-zdhzplobq2] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 12px;
    background: var(--ad-bg-lilac, #F4F0FF);
    border: 1px solid rgba(109, 40, 217, .16);
    font-size: .78rem;
    line-height: 1.55;
    color: var(--ad-text, #0B1734);
}

.ad-op-aviso svg[b-zdhzplobq2] {
    margin-top: 2px;
    color: var(--ad-violet, #6D28D9);
}

.ad-op-checkbox-grid[b-zdhzplobq2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 12px;
}

.ad-op-checkbox[b-zdhzplobq2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 4px;
    border-radius: 8px;
    font-size: .8rem;
    color: var(--ad-text, #0B1734);
    cursor: pointer;
}

.ad-op-checkbox:hover[b-zdhzplobq2] {
    background: var(--ad-bg-soft, #F7F8FC);
}

.ad-op-checkbox input[type="checkbox"][b-zdhzplobq2] {
    width: 16px;
    height: 16px;
    accent-color: var(--ad-violet, #6D28D9);
    flex: none;
}

.ad-op-checkbox input:focus-visible[b-zdhzplobq2] {
    outline: 2px solid var(--ad-violet, #6D28D9);
    outline-offset: 2px;
}

@media (max-width: 640px) {
    .ad-op-checkbox-grid[b-zdhzplobq2] {
        grid-template-columns: 1fr;
    }
}

html.ad-a11y-high-contrast .ad-op-card[b-zdhzplobq2],
html.ad-a11y-high-contrast .ad-op-aviso[b-zdhzplobq2],
html.ad-a11y-high-contrast .ad-op-pendiente[b-zdhzplobq2] {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

html.ad-a11y-high-contrast .ad-op-radio.is-selected[b-zdhzplobq2],
html.ad-a11y-high-contrast .ad-op-radio:has(input:checked)[b-zdhzplobq2] {
    background: #fff !important;
    color: #000 !important;
}
/* /Components/Pages/Docente/EstudianteTrayectoria.razor.rz.scp.css */
.ad-trajectory-pro[b-3yh7a1pfiy] {
    --trajectory-ink: var(--ad-teacher-ink);
    --trajectory-muted: var(--ad-teacher-petroleum);
    --trajectory-primary: var(--ad-teacher-petroleum);
    --trajectory-accent: var(--ad-teacher-blue);
    --trajectory-border: #aeb9be;
    --trajectory-soft: var(--ad-teacher-mist);
    --trajectory-cream: #FBFBF9;
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    padding: 0 0 48px;
    color: var(--trajectory-ink);
    background: #fff;
}

.trajectory-canvas[b-3yh7a1pfiy] { width: min(var(--ad-container-max), 100%); margin: 22px auto 0; padding-inline: 28px; }
.trajectory-back[b-3yh7a1pfiy] { display: inline-block; margin-bottom: 14px; color: var(--trajectory-primary); font-size: .78rem; font-weight: 700; text-decoration: none; }
.trajectory-back:hover[b-3yh7a1pfiy], .trajectory-back:focus-visible[b-3yh7a1pfiy], .trajectory-footer a:hover[b-3yh7a1pfiy], .trajectory-footer a:focus-visible[b-3yh7a1pfiy], .text-action:hover[b-3yh7a1pfiy], .text-action:focus-visible[b-3yh7a1pfiy] { text-decoration: underline; text-underline-offset: 3px; }
.trajectory-header[b-3yh7a1pfiy] { margin-bottom: 16px; }
.trajectory-eyebrow[b-3yh7a1pfiy] { margin: 0 0 5px; color: var(--trajectory-primary); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.trajectory-header h1[b-3yh7a1pfiy] { margin: 0; color: #173947; font-size: clamp(1.65rem, 2.7vw, 2.25rem); font-weight: 750; line-height: 1.08; letter-spacing: -.035em; }
.trajectory-student[b-3yh7a1pfiy] { display: flex; flex-wrap: wrap; gap: 8px; margin: 7px 0 0; color: var(--trajectory-primary); font-size: 1rem; font-weight: 600; }

.next-action[b-3yh7a1pfiy] { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 18px; padding: 15px 18px 15px 24px; border-left: 5px solid var(--trajectory-accent); background: var(--trajectory-cream); }
.next-action h2[b-3yh7a1pfiy], .method-progress h2[b-3yh7a1pfiy], .trajectory-summary h2[b-3yh7a1pfiy], .trajectory-log h2[b-3yh7a1pfiy] { margin: 0; color: #173947; font-size: 1rem; font-weight: 750; line-height: 1.3; }
.next-action p[b-3yh7a1pfiy], .trajectory-summary > header p[b-3yh7a1pfiy], .trajectory-log > header p[b-3yh7a1pfiy] { margin: 3px 0 0; color: var(--trajectory-muted); font-size: .78rem; line-height: 1.45; }
.next-action > a[b-3yh7a1pfiy], .button-primary[b-3yh7a1pfiy] { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 9px 18px; border: 1px solid var(--trajectory-primary); border-radius: 6px; color: #fff; background: var(--trajectory-primary); font: inherit; font-size: .76rem; font-weight: 800; text-decoration: none; white-space: nowrap; cursor: pointer; }

.method-progress[b-3yh7a1pfiy] { padding-bottom: 18px; border-bottom: 1px solid var(--trajectory-border); }
.method-progress ol[b-3yh7a1pfiy] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin: 12px 0 0; padding: 0; list-style: none; }
.method-progress li[b-3yh7a1pfiy] { position: relative; display: flex; align-items: center; gap: 9px; min-width: 0; padding-right: 24px; }
.method-progress li:not(:last-child)[b-3yh7a1pfiy]::after { content: ""; position: absolute; top: 17px; right: 8px; width: 28px; height: 1px; background: var(--trajectory-border); }
.method-number[b-3yh7a1pfiy] { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; color: var(--trajectory-primary); background: var(--trajectory-soft); font-size: .78rem; font-weight: 800; }
.is-complete .method-number[b-3yh7a1pfiy], .is-current .method-number[b-3yh7a1pfiy] { color: #fff; background: var(--trajectory-accent); }
.method-copy[b-3yh7a1pfiy] { display: grid; min-width: 0; }
.method-copy strong[b-3yh7a1pfiy] { color: #173947; font-size: .78rem; line-height: 1.25; }
.method-copy small[b-3yh7a1pfiy] { color: var(--trajectory-muted); font-size: .69rem; line-height: 1.3; }
.is-pending .method-copy[b-3yh7a1pfiy] { color: var(--trajectory-muted); }

.trajectory-workspace[b-3yh7a1pfiy] { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); gap: 26px; padding: 18px 0 20px; }
.trajectory-summary[b-3yh7a1pfiy], .trajectory-log[b-3yh7a1pfiy] { min-width: 0; }
.trajectory-log[b-3yh7a1pfiy] { padding-left: 26px; border-left: 1px solid var(--trajectory-border); }
.trajectory-summary > article[b-3yh7a1pfiy] { padding: 13px 0; border-top: 1px solid #d7dfe2; }
.trajectory-summary > header[b-3yh7a1pfiy], .trajectory-log > header[b-3yh7a1pfiy] { min-height: 54px; }
.trajectory-summary h3[b-3yh7a1pfiy], .trajectory-log h3[b-3yh7a1pfiy] { margin: 0; color: #173947; font-size: .82rem; font-weight: 750; }
.trajectory-summary article p[b-3yh7a1pfiy], .trajectory-log li p[b-3yh7a1pfiy] { margin: 4px 0 0; color: var(--trajectory-ink); font-size: .78rem; line-height: 1.48; white-space: pre-line; }
.trajectory-log ol[b-3yh7a1pfiy] { margin: 0; padding: 0; list-style: none; }
.trajectory-log li[b-3yh7a1pfiy] { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 12px; padding: 11px 0; border-top: 1px solid #d7dfe2; }
.trajectory-log time[b-3yh7a1pfiy] { color: var(--trajectory-muted); font-size: .72rem; line-height: 1.4; }
.trajectory-log-empty[b-3yh7a1pfiy] { display: grid; gap: 4px; padding: 14px 0; border-top: 1px solid #d7dfe2; color: var(--trajectory-muted); font-size: .76rem; line-height: 1.45; }
.trajectory-log-empty strong[b-3yh7a1pfiy] { color: #173947; font-size: .82rem; }

.followup-entry[b-3yh7a1pfiy] { padding-top: 10px; border-top: 1px solid #d7dfe2; }
.text-action[b-3yh7a1pfiy] { padding: 0; border: 0; color: var(--trajectory-primary); background: transparent; font: inherit; font-size: .76rem; font-weight: 800; cursor: pointer; }
.followup-form[b-3yh7a1pfiy] { display: grid; gap: 9px; padding: 12px 0 0; }
.followup-form > label[b-3yh7a1pfiy] { color: #173947; font-size: .76rem; font-weight: 750; }
.followup-date[b-3yh7a1pfiy] { display: flex; align-items: center; gap: 8px; }
.followup-date input[b-3yh7a1pfiy] { padding: 6px 9px; border: 1px solid var(--trajectory-border); border-radius: 6px; color: var(--trajectory-ink); background: #fff; font: inherit; font-size: .76rem; }
.form-error[b-3yh7a1pfiy] { margin: 0; color: #a53f34; font-size: .75rem; font-weight: 650; }
.form-actions[b-3yh7a1pfiy] { display: flex; flex-wrap: wrap; gap: 8px; }
.button-primary[b-3yh7a1pfiy], .button-secondary[b-3yh7a1pfiy] { min-height: 36px; padding: 7px 13px; }
.button-primary:disabled[b-3yh7a1pfiy] { opacity: .55; cursor: not-allowed; }
.button-secondary[b-3yh7a1pfiy] { border: 1px solid var(--trajectory-border); border-radius: 6px; color: var(--trajectory-primary); background: #fff; font: inherit; font-size: .75rem; font-weight: 750; cursor: pointer; }

.trajectory-footer[b-3yh7a1pfiy] { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-inline: -28px; padding: 14px 28px; border-top: 1px solid var(--trajectory-border); background: var(--trajectory-soft); }
.trajectory-footer > div[b-3yh7a1pfiy] { display: grid; gap: 2px; }
.trajectory-footer strong[b-3yh7a1pfiy] { color: #294b58; font-size: .78rem; }
.trajectory-footer span[b-3yh7a1pfiy] { color: var(--trajectory-muted); font-size: .69rem; }
.trajectory-footer nav[b-3yh7a1pfiy] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px 20px; }
.trajectory-footer a[b-3yh7a1pfiy] { color: var(--trajectory-primary); font-size: .74rem; font-weight: 700; text-decoration: none; }
.trajectory-state[b-3yh7a1pfiy] { margin: 0; padding: 18px; border-left: 4px solid var(--trajectory-accent); color: var(--trajectory-muted); background: var(--trajectory-cream); font-size: .82rem; }
.trajectory-state.is-error[b-3yh7a1pfiy] { border-left-color: #a53f34; }

@media (max-width: 980px) {
    .method-progress ol[b-3yh7a1pfiy] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; }
    .method-progress li[b-3yh7a1pfiy]::after { display: none; }
    .trajectory-workspace[b-3yh7a1pfiy] { grid-template-columns: 1fr; }
    .trajectory-log[b-3yh7a1pfiy] { padding: 18px 0 0; border-top: 1px solid var(--trajectory-border); border-left: 0; }
}

@media (max-width: 640px) {
    .trajectory-canvas[b-3yh7a1pfiy] { margin-top: 18px; padding-inline: 16px; }
    .next-action[b-3yh7a1pfiy], .trajectory-footer[b-3yh7a1pfiy] { align-items: stretch; flex-direction: column; }
    .next-action > a[b-3yh7a1pfiy] { width: 100%; }
    .method-progress ol[b-3yh7a1pfiy] { grid-template-columns: 1fr; }
    .method-progress li[b-3yh7a1pfiy] { padding-right: 0; }
    .trajectory-log li[b-3yh7a1pfiy] { grid-template-columns: 1fr; gap: 3px; }
    .trajectory-footer[b-3yh7a1pfiy] { margin-inline: -16px; padding-inline: 16px; }
    .trajectory-footer nav[b-3yh7a1pfiy] { display: grid; justify-content: stretch; }
}

html.ad-a11y-high-contrast .next-action[b-3yh7a1pfiy],
html.ad-a11y-high-contrast .trajectory-footer[b-3yh7a1pfiy],
html.ad-a11y-high-contrast .trajectory-state[b-3yh7a1pfiy] { color: #fff !important; border-color: #fff !important; background: #000 !important; }
/* /Components/Pages/Docente/Inicio.razor.rz.scp.css */
.ad-home[b-p5pn1hqxmv]{position:relative;flex:1;min-width:0;min-height:100vh;overflow-y:auto;color:var(--ad-teacher-ink);background:#fff;font-family:"Plus Jakarta Sans",system-ui,sans-serif}.ad-home-canvas[b-p5pn1hqxmv]{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:34px 0 112px}.ad-home-heading[b-p5pn1hqxmv]{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.ad-home-eyebrow[b-p5pn1hqxmv]{margin:0 0 7px;color:var(--ad-teacher-blue);font-size:.68rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.ad-home-heading h1[b-p5pn1hqxmv]{margin:0;color:var(--ad-teacher-ink);font-family:"Outfit","Plus Jakarta Sans",sans-serif;font-size:clamp(2.15rem,4vw,3.25rem);font-weight:760;letter-spacing:-.045em;line-height:1}.ad-home-heading>div>p:last-child[b-p5pn1hqxmv]{max-width:720px;margin:10px 0 0;color:var(--ad-teacher-petroleum);font-size:.92rem;line-height:1.5}.ad-home-purpose[b-p5pn1hqxmv]{display:flex;align-items:center;gap:12px;max-width:325px;padding:14px 16px;border:1px solid #bddae3;border-radius:14px;background:var(--ad-tint-sky);color:var(--ad-teacher-petroleum);font-size:.7rem;font-weight:650;line-height:1.45}.ad-home-purpose svg[b-p5pn1hqxmv]{width:30px;height:30px;flex:none}.ad-home-metrics[b-p5pn1hqxmv]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.ad-home-metrics>a[b-p5pn1hqxmv]{display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-height:96px;padding:14px 16px;border:1px solid transparent;border-radius:15px;color:var(--ad-teacher-ink);text-decoration:none}.ad-home-metrics>a:hover[b-p5pn1hqxmv]{border-color:currentColor}.ad-home-metrics .is-mint[b-p5pn1hqxmv]{background:var(--ad-tint-mint);color:#176d64}.ad-home-metrics .is-lavender[b-p5pn1hqxmv]{background:var(--ad-tint-lavender);color:#674096}.ad-home-metrics .is-mustard[b-p5pn1hqxmv]{background:var(--ad-tint-mustard);color:#765408}.ad-home-metrics .is-sky[b-p5pn1hqxmv]{background:var(--ad-tint-sky);color:#275f94}.ad-metric-icon[b-p5pn1hqxmv]{display:grid;grid-row:1/3;place-items:center;width:42px;height:42px;border-radius:999px;background:#fff}.ad-metric-icon svg[b-p5pn1hqxmv]{width:21px;height:21px}.ad-home-metrics strong[b-p5pn1hqxmv]{font-family:"Outfit",sans-serif;font-size:1.4rem;line-height:1}.ad-home-metrics>a>span:not(.ad-metric-icon)[b-p5pn1hqxmv]{font-size:.72rem;font-weight:800}.ad-home-metrics small[b-p5pn1hqxmv]{grid-column:2/4;color:var(--ad-teacher-petroleum);font-size:.6rem}.ad-home-primary-grid[b-p5pn1hqxmv]{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(280px,.88fr);gap:16px;margin-top:16px}.ad-home-activity[b-p5pn1hqxmv],.ad-home-next[b-p5pn1hqxmv],.ad-home-method[b-p5pn1hqxmv],.ad-home-support[b-p5pn1hqxmv]{border:1px solid #c8d7dc;border-radius:17px;background:#fff}.ad-home-activity[b-p5pn1hqxmv]{padding:20px 22px}.ad-home-activity>header[b-p5pn1hqxmv],.ad-home-method>header[b-p5pn1hqxmv]{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.ad-home h2[b-p5pn1hqxmv]{margin:0;color:var(--ad-teacher-ink);font-family:"Outfit",sans-serif;font-size:1.25rem;font-weight:760;letter-spacing:-.025em}.ad-home-activity header p[b-p5pn1hqxmv],.ad-home-method header p[b-p5pn1hqxmv],.ad-home-support header p[b-p5pn1hqxmv]{margin:4px 0 0;color:var(--ad-teacher-petroleum);font-size:.67rem;line-height:1.45}.ad-home-activity header>a[b-p5pn1hqxmv],.ad-home-method header>a[b-p5pn1hqxmv]{flex:none;color:var(--ad-teacher-blue);font-size:.65rem;font-weight:800;text-decoration:none}.ad-activity-list[b-p5pn1hqxmv]{position:relative;margin:17px 0 0;padding:0;list-style:none}.ad-activity-list[b-p5pn1hqxmv]::before{content:"";position:absolute;top:27px;bottom:27px;left:25px;width:2px;background:#d4e0e4}.ad-activity-list li[b-p5pn1hqxmv]{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:7px 0}.ad-activity-list img[b-p5pn1hqxmv]{z-index:1;width:50px;height:50px;border:4px solid #fff;border-radius:999px;object-fit:cover;background:#fff}.ad-activity-list div[b-p5pn1hqxmv]{display:grid;gap:2px}.ad-activity-list span[b-p5pn1hqxmv]{justify-self:start;padding:3px 8px;border-radius:999px;font-size:.55rem;font-weight:850}.ad-activity-list .is-orange span[b-p5pn1hqxmv]{color:#9a3c15;background:var(--ad-tint-orange)}.ad-activity-list .is-sky span[b-p5pn1hqxmv]{color:#245f98;background:var(--ad-tint-sky)}.ad-activity-list strong[b-p5pn1hqxmv]{font-size:.75rem}.ad-activity-list p[b-p5pn1hqxmv]{margin:0;color:var(--ad-teacher-petroleum);font-size:.63rem;line-height:1.45}.ad-activity-list time[b-p5pn1hqxmv]{align-self:start;padding-top:10px;color:var(--ad-teacher-petroleum);font-size:.57rem}.ad-home-next[b-p5pn1hqxmv]{display:flex;flex-direction:column;padding:21px;background:var(--ad-tint-orange);border-color:#f4c4ae}.ad-home-next-person[b-p5pn1hqxmv]{display:flex;align-items:center;gap:12px}.ad-home-next-person img[b-p5pn1hqxmv]{width:68px;height:68px;border-radius:999px;object-fit:cover;background:#fff}.ad-home-next-person h2[b-p5pn1hqxmv]{font-size:1.2rem}.ad-home-next-person span[b-p5pn1hqxmv]{display:inline-flex;margin-top:5px;padding:4px 9px;border-radius:999px;color:#84360f;background:#ffc2a5;font-size:.58rem;font-weight:850}.ad-home-next h3[b-p5pn1hqxmv]{margin:20px 0 6px;font-size:.78rem}.ad-home-next>p:not(.ad-home-eyebrow)[b-p5pn1hqxmv]{margin:0;color:#3d4f55;font-size:.68rem;line-height:1.55}.ad-home-next>a[b-p5pn1hqxmv],.ad-home-support>a[b-p5pn1hqxmv],.ad-home-state button[b-p5pn1hqxmv],.ad-home-empty a[b-p5pn1hqxmv]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;margin-top:auto;padding:10px 16px;border:1px solid var(--ad-teacher-orange);border-radius:11px;color:#fff;background:var(--ad-teacher-orange);font-size:.68rem;font-weight:850;text-decoration:none}.ad-home-secondary-grid[b-p5pn1hqxmv]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:16px;margin-top:16px}.ad-home-method[b-p5pn1hqxmv]{padding:20px 22px}.ad-home-method ol[b-p5pn1hqxmv]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0 0;padding:0;list-style:none}.ad-home-method li[b-p5pn1hqxmv]{position:relative;display:grid;justify-items:center;align-content:start;text-align:center;color:#7a898e}.ad-home-method li[b-p5pn1hqxmv]::before{content:"";position:absolute;top:30px;right:50%;width:100%;height:2px;background:#dbe3e6;z-index:0}.ad-home-method li:first-child[b-p5pn1hqxmv]::before{display:none}.ad-method-avatar[b-p5pn1hqxmv]{position:relative;z-index:1;width:62px;height:62px}.ad-method-avatar img[b-p5pn1hqxmv]{width:62px;height:62px;border:4px solid #fff;border-radius:999px;object-fit:cover;background:#fff;filter:grayscale(.7);opacity:.6}.ad-method-avatar span[b-p5pn1hqxmv]{position:absolute;right:-2px;bottom:-1px;display:grid;place-items:center;width:23px;height:23px;border:2px solid #fff;border-radius:999px;color:#fff;background:#98a8ad;font-size:.54rem;font-weight:900}.ad-home-method li>strong[b-p5pn1hqxmv]{margin-top:8px;color:inherit;font-size:.65rem}.ad-home-method li>small[b-p5pn1hqxmv]{margin-top:2px;font-size:.55rem;font-weight:800}.ad-home-method li>p[b-p5pn1hqxmv]{margin:4px 0 0;font-size:.53rem;line-height:1.35}.ad-home-method li.is-complete[b-p5pn1hqxmv],.ad-home-method li.is-current[b-p5pn1hqxmv]{color:var(--ad-teacher-ink)}.ad-home-method li.is-complete .ad-method-avatar img[b-p5pn1hqxmv],.ad-home-method li.is-current .ad-method-avatar img[b-p5pn1hqxmv]{filter:none;opacity:1}.ad-home-method li.is-complete .ad-method-avatar span[b-p5pn1hqxmv]{background:var(--ad-teacher-mint)}.ad-home-method li.is-current .ad-method-avatar[b-p5pn1hqxmv]{outline:3px solid var(--stage-color);outline-offset:3px;border-radius:999px}.ad-home-method li.is-current .ad-method-avatar span[b-p5pn1hqxmv]{background:var(--stage-color)}.ad-home-method li.is-lavender[b-p5pn1hqxmv]{--stage-color:var(--ad-teacher-lavender)}.ad-home-method li.is-mint[b-p5pn1hqxmv]{--stage-color:var(--ad-teacher-mint)}.ad-home-method li.is-orange[b-p5pn1hqxmv]{--stage-color:var(--ad-teacher-orange)}.ad-home-method li.is-sky[b-p5pn1hqxmv]{--stage-color:var(--ad-teacher-sky)}.ad-home-method li.is-mustard[b-p5pn1hqxmv]{--stage-color:#c98b00}.ad-home-support[b-p5pn1hqxmv]{display:flex;flex-direction:column;padding:20px}.ad-support-status[b-p5pn1hqxmv]{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.ad-support-status span[b-p5pn1hqxmv]{display:grid;gap:2px;place-items:center;padding:11px 5px;border-radius:10px;background:var(--ad-teacher-mist)}.ad-support-status span:nth-child(2)[b-p5pn1hqxmv]{background:var(--ad-tint-mustard)}.ad-support-status span:nth-child(3)[b-p5pn1hqxmv]{background:var(--ad-tint-mint)}.ad-support-status strong[b-p5pn1hqxmv]{font-size:1rem}.ad-support-status small[b-p5pn1hqxmv]{font-size:.52rem}.ad-home-support>a[b-p5pn1hqxmv]{margin-top:7px;border-color:var(--ad-teacher-petroleum);background:var(--ad-teacher-petroleum)}.ad-home-support>a.is-secondary[b-p5pn1hqxmv]{color:var(--ad-teacher-petroleum);background:#fff}.ad-home-state[b-p5pn1hqxmv]{display:grid;justify-items:start;gap:6px;margin-top:24px;padding:24px;border:1px solid #c8d7dc;border-radius:17px;color:var(--ad-teacher-petroleum);background:#fff;font-size:.72rem}.ad-home-state strong[b-p5pn1hqxmv]{color:var(--ad-teacher-ink);font-size:.9rem}.ad-home-state.is-error[b-p5pn1hqxmv]{border-color:#efb49a;background:var(--ad-tint-orange)}.ad-home-state button[b-p5pn1hqxmv]{margin-top:8px;cursor:pointer}.ad-home-empty[b-p5pn1hqxmv]{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px;border-radius:13px;background:var(--ad-tint-mint)}.ad-home-empty img[b-p5pn1hqxmv]{width:68px;height:68px;border-radius:999px;object-fit:cover}.ad-home-empty strong[b-p5pn1hqxmv]{font-size:.78rem}.ad-home-empty p[b-p5pn1hqxmv]{margin:3px 0 0;color:var(--ad-teacher-petroleum);font-size:.64rem}.ad-home-empty a[b-p5pn1hqxmv]{min-height:34px;margin-top:8px;padding:7px 12px;border-color:var(--ad-teacher-petroleum);background:var(--ad-teacher-petroleum)}.ad-home a:focus-visible[b-p5pn1hqxmv],.ad-home button:focus-visible[b-p5pn1hqxmv]{outline:3px solid var(--ad-teacher-ink);outline-offset:3px}

@media(max-width:1000px){.ad-home-metrics[b-p5pn1hqxmv]{grid-template-columns:repeat(2,1fr)}.ad-home-primary-grid[b-p5pn1hqxmv],.ad-home-secondary-grid[b-p5pn1hqxmv]{grid-template-columns:1fr}.ad-home-next>a[b-p5pn1hqxmv]{margin-top:20px}}
@media(max-width:700px){.ad-home-canvas[b-p5pn1hqxmv]{width:min(100% - 28px,1180px);padding-top:24px}.ad-home-heading[b-p5pn1hqxmv]{display:grid}.ad-home-purpose[b-p5pn1hqxmv]{max-width:none}.ad-home-metrics[b-p5pn1hqxmv]{grid-template-columns:1fr 1fr}.ad-home-method[b-p5pn1hqxmv]{overflow:hidden}.ad-home-method ol[b-p5pn1hqxmv]{grid-template-columns:1fr}.ad-home-method li[b-p5pn1hqxmv]{grid-template-columns:56px 1fr;grid-template-rows:auto auto auto;justify-items:start;text-align:left;column-gap:12px;padding:6px 0}.ad-home-method li[b-p5pn1hqxmv]::before{top:-10px;bottom:auto;left:30px;width:2px;height:24px}.ad-method-avatar[b-p5pn1hqxmv]{grid-row:1/4;width:54px;height:54px}.ad-method-avatar img[b-p5pn1hqxmv]{width:54px;height:54px}.ad-home-method li>strong[b-p5pn1hqxmv]{margin-top:3px}.ad-home-heading h1[b-p5pn1hqxmv]{font-size:2.15rem}}
@media(max-width:470px){.ad-home-metrics[b-p5pn1hqxmv]{grid-template-columns:1fr}.ad-home-activity[b-p5pn1hqxmv]{padding:17px}.ad-home-activity>header[b-p5pn1hqxmv],.ad-home-method>header[b-p5pn1hqxmv]{display:grid}.ad-activity-list li[b-p5pn1hqxmv]{grid-template-columns:46px 1fr}.ad-activity-list img[b-p5pn1hqxmv]{width:46px;height:46px}.ad-activity-list time[b-p5pn1hqxmv]{grid-column:2}.ad-support-status[b-p5pn1hqxmv]{grid-template-columns:1fr}.ad-home-method[b-p5pn1hqxmv]{padding:17px}}
@media(prefers-reduced-motion:reduce){.ad-home *[b-p5pn1hqxmv]{scroll-behavior:auto!important}}
html.ad-a11y-high-contrast .ad-home[b-p5pn1hqxmv],html.ad-a11y-high-contrast .ad-home section[b-p5pn1hqxmv],html.ad-a11y-high-contrast .ad-home a[b-p5pn1hqxmv],html.ad-a11y-high-contrast .ad-home button[b-p5pn1hqxmv]{color:#fff!important;background:#000!important;border-color:#fff!important}
/* /Components/Pages/Docente/MesaDiseno.razor.rz.scp.css */
.design-desk-page[b-kbxc9kx7lq] { flex: 1; min-width: 0; overflow-y: auto; color: var(--ad-teacher-ink); background: #fff; }
.design-canvas[b-kbxc9kx7lq] { width: min(1280px, 100%); margin: 0 auto; padding: 20px 26px 54px; display: grid; gap: 13px; }
.design-toolbar[b-kbxc9kx7lq] { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.design-toolbar > a[b-kbxc9kx7lq] { color: var(--ad-teacher-petroleum); font-size: .75rem; font-weight: 750; text-decoration: none; }
.documents-menu[b-kbxc9kx7lq] { position: relative; }
.documents-menu summary[b-kbxc9kx7lq] { min-height: 34px; display: flex; align-items: center; padding: 0 13px; border-radius: 8px; color: #fff; background: var(--ad-teacher-petroleum); font-size: .72rem; font-weight: 750; cursor: pointer; list-style: none; }
.documents-menu summary[b-kbxc9kx7lq]::after { content: "⌄"; margin-left: 8px; }
.documents-menu > div[b-kbxc9kx7lq] { position: absolute; z-index: 5; top: 40px; right: 0; width: 220px; padding: 7px; border: 1px solid #aeb9be; border-radius: 10px; background: #fff; }
.documents-menu a[b-kbxc9kx7lq] { display: block; padding: 9px 10px; border-radius: 7px; color: var(--ad-teacher-ink); font-size: .7rem; font-weight: 700; text-decoration: none; }
.documents-menu a:hover[b-kbxc9kx7lq], .documents-menu a:focus-visible[b-kbxc9kx7lq] { background: var(--ad-teacher-mist); }
.design-header[b-kbxc9kx7lq] { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 12px; }
.student-avatar[b-kbxc9kx7lq] { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 999px; color: var(--ad-teacher-petroleum); background: var(--ad-tint-lavender); font-weight: 850; }
.design-header h1[b-kbxc9kx7lq] { margin: 0; color: #355560; font-size: clamp(1.35rem, 2.2vw, 1.8rem); line-height: 1.1; letter-spacing: -.035em; }
.design-header p[b-kbxc9kx7lq] { margin: 4px 0 0; color: var(--ad-teacher-petroleum); font-size: .78rem; }
.primary-action[b-kbxc9kx7lq], .secondary-action[b-kbxc9kx7lq] { min-height: 38px; padding: 0 15px; border-radius: 9px; font: inherit; font-size: .72rem; font-weight: 800; cursor: pointer; }
.primary-action[b-kbxc9kx7lq] { border: 1px solid var(--ad-teacher-petroleum); color: #fff; background: var(--ad-teacher-petroleum); }
.secondary-action[b-kbxc9kx7lq] { border: 1px solid #aeb9be; color: var(--ad-teacher-petroleum); background: #fff; }
.primary-action:disabled[b-kbxc9kx7lq], .secondary-action:disabled[b-kbxc9kx7lq] { opacity: .55; cursor: not-allowed; }
.evidence-ribbon[b-kbxc9kx7lq] { display: grid; grid-template-columns: 1.25fr repeat(4, minmax(0, 1fr)); align-items: stretch; gap: 7px; padding: 10px; border: 1px solid var(--ad-teacher-sky); border-radius: 12px; background: #fff; }
.evidence-ribbon > div[b-kbxc9kx7lq] { padding: 3px 5px; }.evidence-ribbon h2[b-kbxc9kx7lq] { margin: 0; font-size: .76rem; }.evidence-ribbon p[b-kbxc9kx7lq] { margin: 3px 0 0; color: var(--ad-teacher-petroleum); font-size: .62rem; }
.evidence-ribbon a[b-kbxc9kx7lq], .evidence-ribbon button[b-kbxc9kx7lq] { min-width: 0; display: grid; gap: 3px; padding: 9px 10px; border: 1px solid transparent; border-radius: 8px; color: var(--ad-teacher-ink); text-align: left; text-decoration: none; font: inherit; cursor: pointer; }
.evidence-ribbon a:nth-of-type(1)[b-kbxc9kx7lq] { background: var(--ad-tint-orange); }.evidence-ribbon a:nth-of-type(2)[b-kbxc9kx7lq] { background: var(--ad-tint-lavender); }.evidence-ribbon button[b-kbxc9kx7lq] { background: var(--ad-tint-mint); }.evidence-ribbon a:nth-of-type(3)[b-kbxc9kx7lq] { background: var(--ad-tint-mustard); }
.evidence-ribbon span[b-kbxc9kx7lq] { overflow: hidden; font-size: .69rem; font-weight: 800; text-overflow: ellipsis; }.evidence-ribbon small[b-kbxc9kx7lq] { overflow: hidden; color: var(--ad-teacher-petroleum); font-size: .58rem; text-overflow: ellipsis; }
.design-message[b-kbxc9kx7lq], .composer-error[b-kbxc9kx7lq] { margin: 0; padding: 10px 12px; border-radius: 9px; font-size: .72rem; }.design-message.is-success[b-kbxc9kx7lq] { color: #176b4d; background: var(--ad-tint-mint); }.design-message.is-error[b-kbxc9kx7lq], .composer-error[b-kbxc9kx7lq] { color: #8f2f2f; background: var(--ad-tint-orange); }
.support-composer[b-kbxc9kx7lq] { display: grid; gap: 14px; padding: 17px; border: 1px solid var(--ad-teacher-petroleum); border-radius: 13px; background: #fff; }
.composer-heading[b-kbxc9kx7lq] { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }.composer-heading p[b-kbxc9kx7lq] { margin: 0 0 3px; color: var(--ad-teacher-petroleum); font-size: .61rem; font-weight: 850; letter-spacing: .09em; }.composer-heading h2[b-kbxc9kx7lq] { margin: 0; font-size: 1rem; }.composer-heading span[b-kbxc9kx7lq] { display: block; margin-top: 3px; color: var(--ad-teacher-petroleum); font-size: .7rem; }.composer-heading > button[b-kbxc9kx7lq] { border: 0; color: var(--ad-teacher-petroleum); background: transparent; font: inherit; font-size: .7rem; font-weight: 800; cursor: pointer; }
.direct-choice-grid[b-kbxc9kx7lq] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }.direct-choice-grid.is-compact[b-kbxc9kx7lq] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.choice-card[b-kbxc9kx7lq], .board-card[b-kbxc9kx7lq], .empty-board-action[b-kbxc9kx7lq] { width: 100%; display: grid; gap: 4px; padding: 12px; border: 1px solid #d4dde0; border-radius: 9px; color: var(--ad-teacher-ink); background: #fff; text-align: left; font: inherit; cursor: pointer; }
.choice-card span[b-kbxc9kx7lq], .board-card strong[b-kbxc9kx7lq] { font-size: .74rem; font-weight: 820; }.choice-card small[b-kbxc9kx7lq], .board-card span[b-kbxc9kx7lq], .empty-board-action[b-kbxc9kx7lq] { color: var(--ad-teacher-petroleum); font-size: .65rem; line-height: 1.4; }
.choice-card.is-selected[b-kbxc9kx7lq] { border-color: var(--ad-teacher-petroleum); background: var(--ad-teacher-mist); }
.memory-guidance[b-kbxc9kx7lq] { display: grid; gap: 11px; padding: 14px; border: 1px solid #aeb9be; border-radius: 10px; background: #FBFBF9; }
.memory-guidance > header[b-kbxc9kx7lq] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.memory-guidance header p[b-kbxc9kx7lq] { margin: 0 0 3px; color: var(--ad-teacher-petroleum); font-size: .6rem; font-weight: 850; letter-spacing: .08em; }
.memory-guidance h3[b-kbxc9kx7lq] { margin: 0; color: var(--ad-teacher-ink); font-size: .8rem; }
.memory-guidance header > span[b-kbxc9kx7lq] { flex: none; color: var(--ad-teacher-petroleum); font-size: .58rem; }
.memory-areas[b-kbxc9kx7lq] { display: flex; flex-wrap: wrap; gap: 6px; }
.memory-areas button[b-kbxc9kx7lq] { min-height: 32px; padding: 0 10px; border: 1px solid #aeb9be; border-radius: 999px; color: var(--ad-teacher-petroleum); background: #fff; font: inherit; font-size: .62rem; font-weight: 750; cursor: pointer; }
.memory-areas button.is-selected[b-kbxc9kx7lq] { color: #fff; background: var(--ad-teacher-petroleum); border-color: var(--ad-teacher-petroleum); }
.memory-empty[b-kbxc9kx7lq] { margin: 0; color: var(--ad-teacher-petroleum); font-size: .66rem; }
.memory-learnings[b-kbxc9kx7lq], .memory-supports[b-kbxc9kx7lq] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; max-height: 260px; overflow-y: auto; }
.memory-learnings button[b-kbxc9kx7lq], .memory-supports button[b-kbxc9kx7lq] { display: grid; gap: 5px; padding: 10px; border: 1px solid #d4dde0; border-radius: 8px; color: var(--ad-teacher-ink); background: #fff; text-align: left; font: inherit; cursor: pointer; }
.memory-learnings button > span[b-kbxc9kx7lq], .memory-supports button > span[b-kbxc9kx7lq] { color: var(--ad-teacher-petroleum); font-size: .56rem; font-weight: 800; text-transform: uppercase; }
.memory-learnings button > strong[b-kbxc9kx7lq], .memory-supports button > strong[b-kbxc9kx7lq] { font-size: .65rem; line-height: 1.45; }
.memory-learnings button.is-selected[b-kbxc9kx7lq] { border-color: var(--ad-teacher-petroleum); background: var(--ad-teacher-mist); }
.memory-supports button > small[b-kbxc9kx7lq] { color: var(--ad-teacher-petroleum); font-size: .58rem; font-weight: 800; }
.memory-feedback[b-kbxc9kx7lq] { margin: 0; padding: 9px 11px; border-left: 3px solid var(--ad-teacher-mint); color: var(--ad-teacher-ink); background: var(--ad-tint-mint); font-size: .66rem; }
.progressive-fields[b-kbxc9kx7lq] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.progressive-fields label[b-kbxc9kx7lq] { display: grid; gap: 6px; color: var(--ad-teacher-ink); font-size: .7rem; font-weight: 750; }.progressive-fields textarea[b-kbxc9kx7lq] { width: 100%; min-height: 72px; padding: 10px; border: 1px solid #aeb9be; border-radius: 9px; color: var(--ad-teacher-ink); background: #FBFBF9; font: inherit; font-weight: 500; resize: vertical; }.progressive-fields textarea:focus[b-kbxc9kx7lq] { outline: 2px solid var(--ad-teacher-sky); outline-offset: 1px; }
.frequency-options[b-kbxc9kx7lq] { display: flex; flex-wrap: wrap; gap: 8px; }.frequency-options button[b-kbxc9kx7lq] { min-height: 36px; padding: 0 12px; border: 1px solid #aeb9be; border-radius: 8px; color: var(--ad-teacher-petroleum); background: #fff; font: inherit; font-size: .68rem; font-weight: 750; cursor: pointer; }.frequency-options button.is-selected[b-kbxc9kx7lq] { border-color: var(--ad-teacher-petroleum); background: var(--ad-teacher-mist); }
.composer-actions[b-kbxc9kx7lq] { display: flex; justify-content: space-between; gap: 10px; }
.design-board[b-kbxc9kx7lq] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.board-column[b-kbxc9kx7lq] { min-width: 0; display: grid; align-content: start; gap: 9px; padding: 11px; border: 1px solid #d4dde0; border-radius: 12px; }.purpose-column[b-kbxc9kx7lq] { background: var(--ad-tint-orange); }.support-column[b-kbxc9kx7lq] { background: var(--ad-tint-mint); }.practice-column[b-kbxc9kx7lq] { background: var(--ad-tint-sky); }
.board-column > header[b-kbxc9kx7lq] { display: grid; grid-template-columns: 28px 1fr; gap: 8px; align-items: start; }.board-column > header > span[b-kbxc9kx7lq] { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 999px; color: var(--ad-teacher-ink); background: var(--ad-tint-orange); font-size: .76rem; font-weight: 850; }.support-column > header > span[b-kbxc9kx7lq] { background: var(--ad-tint-mint); }.practice-column > header > span[b-kbxc9kx7lq] { background: var(--ad-tint-sky); }
.board-column h2[b-kbxc9kx7lq] { margin: 0; font-size: .78rem; }.board-column header p[b-kbxc9kx7lq] { margin: 2px 0 0; color: var(--ad-teacher-petroleum); font-size: .62rem; }.board-card[b-kbxc9kx7lq] { background: #fff; }.empty-board-action[b-kbxc9kx7lq] { min-height: 70px; border-style: dashed; align-content: center; }
.design-footer[b-kbxc9kx7lq] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 12px; border: 1px solid #d4dde0; border-radius: 10px; }.design-footer p[b-kbxc9kx7lq] { margin: 0; color: var(--ad-teacher-petroleum); font-size: .66rem; }.design-footer a[b-kbxc9kx7lq] { padding: 9px 13px; border-radius: 8px; color: #fff; background: var(--ad-teacher-petroleum); font-size: .69rem; font-weight: 800; text-decoration: none; }
.design-state[b-kbxc9kx7lq] { width: min(760px, calc(100% - 32px)); margin: 40px auto; display: grid; gap: 7px; padding: 20px; border: 1px solid #aeb9be; border-radius: 12px; background: #fff; }.design-state.is-error strong[b-kbxc9kx7lq] { color: #8f2f2f; }.design-state a[b-kbxc9kx7lq] { color: var(--ad-teacher-petroleum); font-weight: 750; }
@media (max-width: 980px) { .evidence-ribbon[b-kbxc9kx7lq] { grid-template-columns: repeat(2, minmax(0, 1fr)); }.evidence-ribbon > div[b-kbxc9kx7lq] { grid-column: 1 / -1; }.direct-choice-grid.is-compact[b-kbxc9kx7lq] { grid-template-columns: repeat(3, minmax(0, 1fr)); }.design-board[b-kbxc9kx7lq] { grid-template-columns: 1fr; } }
@media (max-width: 650px) { .design-canvas[b-kbxc9kx7lq] { padding: 14px 12px 44px; }.design-header[b-kbxc9kx7lq] { grid-template-columns: 40px 1fr; }.design-header .primary-action[b-kbxc9kx7lq] { grid-column: 1 / -1; width: 100%; }.evidence-ribbon[b-kbxc9kx7lq], .direct-choice-grid[b-kbxc9kx7lq], .direct-choice-grid.is-compact[b-kbxc9kx7lq], .progressive-fields[b-kbxc9kx7lq], .memory-learnings[b-kbxc9kx7lq], .memory-supports[b-kbxc9kx7lq] { grid-template-columns: 1fr; }.memory-guidance > header[b-kbxc9kx7lq] { flex-direction: column; }.composer-actions[b-kbxc9kx7lq], .design-footer[b-kbxc9kx7lq] { align-items: stretch; flex-direction: column; }.composer-actions > *[b-kbxc9kx7lq], .design-footer a[b-kbxc9kx7lq] { width: 100%; text-align: center; } }
/* /Components/Pages/Docente/MisCasos.razor.rz.scp.css */
.mc-page[b-vv4zqb9bg2] { max-width: 1180px; margin: 0 auto; padding: 30px 28px 48px; color: var(--ad-teacher-ink, #13303b); }
.mc-header[b-vv4zqb9bg2] { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.mc-header h1[b-vv4zqb9bg2] { margin: 4px 0 6px; font-size: clamp(1.75rem, 3vw, 2.35rem); line-height: 1.08; font-weight: 900; }
.mc-header p[b-vv4zqb9bg2] { margin: 0; max-width: 670px; color: var(--ad-teacher-petroleum, #1e5a70); }
.mc-eyebrow[b-vv4zqb9bg2] { margin: 0; color: #7040b5 !important; font-size: .74rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.mc-primary-action[b-vv4zqb9bg2], .mc-case-action[b-vv4zqb9bg2], .mc-empty a[b-vv4zqb9bg2] { display: inline-flex; align-items: center; justify-content: center; gap: 9px; border-radius: 12px; background: #6d35bd; padding: 12px 18px; color: white; font-size: .9rem; font-weight: 800; text-decoration: none; }
.mc-primary-action:hover[b-vv4zqb9bg2], .mc-case-action:hover[b-vv4zqb9bg2], .mc-empty a:hover[b-vv4zqb9bg2] { background: #542299; }
.mc-cycle[b-vv4zqb9bg2] { border: 1px solid #cbb5ec; border-radius: 20px; background: #f8f4fd; padding: 22px; }
.mc-cycle-heading[b-vv4zqb9bg2] { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }
.mc-cycle-heading h2[b-vv4zqb9bg2] { margin: 4px 0 0; font-size: 1.25rem; font-weight: 900; }
.mc-cycle-heading > p[b-vv4zqb9bg2] { max-width: 470px; margin: 0; color: #41616d; font-size: .9rem; line-height: 1.55; }
.mc-cycle-steps[b-vv4zqb9bg2] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 20px 0 0; padding: 0; list-style: none; }
.mc-cycle-step[b-vv4zqb9bg2] { display: flex; align-items: center; gap: 12px; min-height: 82px; border-radius: 15px; padding: 14px; background: white; }
.mc-cycle-step.is-prepare[b-vv4zqb9bg2] { border-bottom: 4px solid #8a55c9; }
.mc-cycle-step.is-working[b-vv4zqb9bg2] { border-bottom: 4px solid #2b8baa; }
.mc-cycle-step.is-return[b-vv4zqb9bg2] { border-bottom: 4px solid #1fa393; }
.mc-cycle-number[b-vv4zqb9bg2] { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: #13303b; color: white; font-weight: 900; }
.mc-cycle-step strong[b-vv4zqb9bg2] { display: block; }
.mc-cycle-step div > span[b-vv4zqb9bg2] { display: block; margin-top: 3px; color: #4d6771; font-size: .78rem; line-height: 1.35; }
.mc-attention[b-vv4zqb9bg2] { display: grid; grid-template-columns: 32px auto; column-gap: 10px; width: 100%; margin-top: 16px; border: 1px solid #edb94a; border-radius: 14px; background: #fff8df; padding: 13px 16px; text-align: left; color: #513700; }
.mc-attention > span[b-vv4zqb9bg2] { grid-row: 1 / 3; display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #f2b52a; font-weight: 900; }
.mc-attention small[b-vv4zqb9bg2] { margin-top: 2px; }
.mc-tabs[b-vv4zqb9bg2] { display: flex; gap: 8px; overflow-x: auto; margin-top: 24px; padding-bottom: 8px; }
.mc-tabs button[b-vv4zqb9bg2] { flex: 0 0 auto; border: 1px solid #bdd0d7; border-radius: 999px; background: white; padding: 9px 13px; color: #264a58; font-size: .82rem; font-weight: 800; }
.mc-tabs button span[b-vv4zqb9bg2] { display: inline-grid; min-width: 23px; height: 23px; margin-left: 5px; place-items: center; border-radius: 999px; background: #e4f3f6; font-size: .72rem; }
.mc-tabs button.is-active[b-vv4zqb9bg2] { border-color: #6d35bd; background: #6d35bd; color: white; }
.mc-tabs button.is-active span[b-vv4zqb9bg2] { background: white; color: #542299; }
.mc-search[b-vv4zqb9bg2] { margin: 12px 0 16px; }
.mc-search label[b-vv4zqb9bg2] { display: block; margin-bottom: 6px; color: #385967; font-size: .78rem; font-weight: 800; }
.mc-search input[b-vv4zqb9bg2] { width: 100%; border: 1px solid #bdd0d7; border-radius: 12px; background: white; padding: 11px 14px; color: #13303b; }
.mc-search input:focus[b-vv4zqb9bg2] { border-color: #8a55c9; outline: 3px solid #f1e9fa; }
.mc-list[b-vv4zqb9bg2] { display: grid; gap: 14px; }
.mc-case[b-vv4zqb9bg2] { overflow: hidden; border: 1px solid #cbd9de; border-left: 6px solid #8a55c9; border-radius: 17px; background: white; }
.mc-case.is-team[b-vv4zqb9bg2] { border-left-color: #2b8baa; }
.mc-case.is-needed[b-vv4zqb9bg2] { border-left-color: #f2b52a; }
.mc-case.is-ready[b-vv4zqb9bg2] { border-left-color: #1fa393; }
.mc-case.is-closed[b-vv4zqb9bg2] { border-left-color: #80949c; }
.mc-case-top[b-vv4zqb9bg2] { display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid #e2eaed; padding: 13px 18px; }
.mc-case-title[b-vv4zqb9bg2] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.mc-case-title time[b-vv4zqb9bg2] { color: #647b84; font-size: .76rem; }
.mc-case-code[b-vv4zqb9bg2] { color: #13303b; font-size: .8rem; font-weight: 900; letter-spacing: .04em; }
.mc-case-type[b-vv4zqb9bg2] { color: #4d6771; font-size: .8rem; font-weight: 700; }
.mc-case-content[b-vv4zqb9bg2] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 24px; padding: 20px 18px 16px; }
.mc-case-content h2[b-vv4zqb9bg2] { margin: 0; font-size: 1.08rem; font-weight: 900; }
.mc-case-summary[b-vv4zqb9bg2] { max-width: 760px; margin: 7px 0 0; color: #355663; font-size: .9rem; line-height: 1.5; }
.mc-case-now[b-vv4zqb9bg2] { margin: 10px 0 0; color: #1e5a70; font-size: .84rem; }
.mc-case-action[b-vv4zqb9bg2] { min-width: 165px; }
.mc-mini-flow[b-vv4zqb9bg2] { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 0 18px 17px; list-style: none; }
.mc-mini-flow li[b-vv4zqb9bg2] { position: relative; display: flex; align-items: center; gap: 8px; color: #7b8f97; font-size: .72rem; }
.mc-mini-flow li:not(:last-child)[b-vv4zqb9bg2]::after { content: ""; position: absolute; z-index: 0; right: 8px; left: 33px; height: 2px; background: #dbe4e7; }
.mc-mini-flow li span[b-vv4zqb9bg2] { z-index: 1; display: grid; width: 25px; height: 25px; place-items: center; border: 2px solid #cad8dd; border-radius: 50%; background: white; font-weight: 900; }
.mc-mini-flow li.is-done[b-vv4zqb9bg2], .mc-mini-flow li.is-current[b-vv4zqb9bg2] { color: #13303b; }
.mc-mini-flow li.is-done span[b-vv4zqb9bg2] { border-color: #1fa393; background: #1fa393; color: white; }
.mc-mini-flow li.is-done:not(:last-child)[b-vv4zqb9bg2]::after { background: #75cabb; }
.mc-mini-flow li.is-current span[b-vv4zqb9bg2] { border-color: #6d35bd; color: #6d35bd; }
.mc-empty[b-vv4zqb9bg2] { border: 1px dashed #a9c0c8; border-radius: 17px; padding: 30px; text-align: center; }
.mc-empty h2[b-vv4zqb9bg2] { margin: 0; font-weight: 900; }
.mc-empty p[b-vv4zqb9bg2] { margin: 7px 0 18px; color: #4d6771; }
.mc-pagination[b-vv4zqb9bg2] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 18px; color: #4d6771; font-size: .8rem; }
.mc-pagination div[b-vv4zqb9bg2] { display: flex; gap: 6px; }
.mc-pagination button[b-vv4zqb9bg2] { width: 36px; height: 36px; border: 1px solid #bdd0d7; border-radius: 10px; background: white; font-weight: 800; }
.mc-pagination button.is-active[b-vv4zqb9bg2] { border-color: #6d35bd; background: #6d35bd; color: white; }
.mc-pagination button:disabled[b-vv4zqb9bg2] { opacity: .45; }
@media (max-width: 1100px) {
    .mc-cycle-steps[b-vv4zqb9bg2] { grid-template-columns: 1fr; }
    .mc-cycle-step[b-vv4zqb9bg2] { min-height: 68px; }
    .mc-case-content[b-vv4zqb9bg2] { grid-template-columns: 1fr; }
    .mc-case-action[b-vv4zqb9bg2] { width: 100%; }
    .mc-mini-flow[b-vv4zqb9bg2] { grid-template-columns: 1fr; gap: 8px; }
    .mc-mini-flow li:not(:last-child)[b-vv4zqb9bg2]::after { display: none; }
}
@media (max-width: 760px) {
    .mc-page[b-vv4zqb9bg2] { padding: 22px 16px 38px; }
    .mc-header[b-vv4zqb9bg2], .mc-cycle-heading[b-vv4zqb9bg2] { align-items: stretch; flex-direction: column; }
    .mc-primary-action[b-vv4zqb9bg2] { width: 100%; }
    .mc-case-top[b-vv4zqb9bg2] { align-items: flex-start; flex-direction: column; }
    .mc-pagination[b-vv4zqb9bg2] { align-items: flex-start; flex-direction: column; }
}
/* /Components/Pages/Docente/MisEstudiantes.razor.rz.scp.css */
.ad-kai[b-jktz709xmi] { flex: 1; min-width: 0; overflow-y: auto; padding-bottom: 48px; color: var(--ad-teacher-ink); background: #fff; }
.kai-canvas[b-jktz709xmi] { width: min(var(--ad-container-max), 100%); margin: 20px auto 0; padding-inline: 28px; }
.kai-header[b-jktz709xmi] { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 16px; }
.kai-eyebrow[b-jktz709xmi] { margin: 0 0 5px; color: var(--ad-teacher-mint); font-size: .73rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.kai-header h1[b-jktz709xmi] { margin: 0; color: var(--ad-teacher-ink); font-size: clamp(1.6rem, 2.6vw, 2.15rem); line-height: 1.05; letter-spacing: -.035em; }
.kai-header p:not(.kai-eyebrow)[b-jktz709xmi] { margin: 6px 0 0; color: var(--ad-teacher-petroleum); font-size: .86rem; }
.kai-new-student[b-jktz709xmi] { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 13px; border: 1px solid var(--ad-teacher-blue); border-radius: 9px; color: var(--ad-teacher-petroleum); font-size: .75rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.kai-workspace[b-jktz709xmi] { display: grid; grid-template-columns: minmax(220px, .72fr) minmax(0, 2fr); min-height: 590px; border: 1px solid #b6c3c8; border-radius: 14px; overflow: hidden; background: #fff; }
.kai-students[b-jktz709xmi] { border-right: 1px solid #cbd5d9; background: #fbfbf9; }
.kai-students-heading[b-jktz709xmi] { display: grid; gap: 2px; padding: 15px 16px 12px; border-bottom: 1px solid #d8e0e3; }
.kai-students-heading strong[b-jktz709xmi] { font-size: .82rem; }
.kai-students-heading span[b-jktz709xmi] { color: var(--ad-teacher-petroleum); font-size: .7rem; }
.kai-student-card[b-jktz709xmi] { width: 100%; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 13px 14px; border: 0; border-bottom: 1px solid #d8e0e3; color: var(--ad-teacher-ink); background: transparent; text-align: left; cursor: pointer; }
.kai-student-card:hover[b-jktz709xmi], .kai-student-card:focus-visible[b-jktz709xmi] { background: var(--ad-tint-mint); }
.kai-student-card.is-selected[b-jktz709xmi] { background: var(--ad-tint-mint); box-shadow: inset 4px 0 var(--ad-teacher-mint); }
.kai-avatar[b-jktz709xmi] { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; color: #fff; background: var(--ad-teacher-mint); font-size: .78rem; font-weight: 850; }
.kai-student-copy[b-jktz709xmi] { display: grid; gap: 2px; min-width: 0; }
.kai-student-copy strong[b-jktz709xmi] { overflow: hidden; font-size: .79rem; text-overflow: ellipsis; white-space: nowrap; }
.kai-student-copy small[b-jktz709xmi] { color: var(--ad-teacher-petroleum); font-size: .68rem; }
.kai-student-copy em[b-jktz709xmi] { color: #287264; font-size: .65rem; font-style: normal; font-weight: 700; }
.kai-observation[b-jktz709xmi] { min-width: 0; padding: 18px 20px 24px; }
.kai-observation-header[b-jktz709xmi] { display: flex; align-items: start; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
.kai-observation-header p[b-jktz709xmi] { margin: 0 0 4px; color: var(--ad-teacher-mint); font-size: .67rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.kai-observation-header h2[b-jktz709xmi] { margin: 0; font-size: clamp(1.28rem, 2vw, 1.65rem); letter-spacing: -.025em; }
.kai-observation-header span[b-jktz709xmi] { display: block; margin-top: 4px; color: var(--ad-teacher-petroleum); font-size: .76rem; }
.kai-observation-header a[b-jktz709xmi] { display: inline-flex; min-height: 36px; align-items: center; padding: 7px 11px; border: 1px solid #b7c7cc; border-radius: 8px; color: var(--ad-teacher-petroleum); font-size: .7rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.kai-situation-grid[b-jktz709xmi] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.kai-situation[b-jktz709xmi] { --kai-color: var(--ad-teacher-blue); --kai-tint: var(--ad-tint-sky); display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 64px; padding: 9px 10px; border: 1px solid #bdcbd0; border-radius: 9px; color: var(--ad-teacher-ink); background: #fff; text-align: left; cursor: pointer; }
.kai-situation.is-menta[b-jktz709xmi] { --kai-color: var(--ad-teacher-mint); --kai-tint: var(--ad-tint-mint); }
.kai-situation.is-lavanda[b-jktz709xmi] { --kai-color: var(--ad-teacher-lavender); --kai-tint: var(--ad-tint-lavender); }
.kai-situation.is-naranja[b-jktz709xmi] { --kai-color: var(--ad-teacher-orange); --kai-tint: var(--ad-tint-orange); }
.kai-situation.is-mostaza[b-jktz709xmi] { --kai-color: #9b6a00; --kai-tint: var(--ad-tint-mustard); }
.kai-situation:hover[b-jktz709xmi], .kai-situation:focus-visible[b-jktz709xmi] { border-color: var(--kai-color); background: var(--kai-tint); }
.kai-situation.is-selected[b-jktz709xmi] { border: 2px solid var(--kai-color); background: var(--kai-tint); box-shadow: inset 0 -3px var(--kai-color); }
.kai-situation-icon[b-jktz709xmi] { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; color: #fff; background: var(--kai-color); font-weight: 900; }
.kai-situation > span:nth-child(2)[b-jktz709xmi] { display: grid; gap: 2px; }
.kai-situation strong[b-jktz709xmi] { font-size: .75rem; }
.kai-situation small[b-jktz709xmi] { color: var(--ad-teacher-petroleum); font-size: .63rem; line-height: 1.25; }
.kai-situation > span:last-child[b-jktz709xmi] { color: var(--kai-color); font-size: .9rem; font-weight: 900; }
.kai-prompt[b-jktz709xmi] { display: grid; gap: 3px; margin: 14px 0 10px; padding: 10px 13px; border-left: 4px solid var(--ad-teacher-mint); background: var(--ad-tint-mint); }
.kai-prompt span[b-jktz709xmi] { color: #287264; font-size: .63rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.kai-prompt strong[b-jktz709xmi] { color: var(--ad-teacher-ink); font-size: .82rem; line-height: 1.35; }
.kai-context[b-jktz709xmi] { display: grid; grid-template-columns: minmax(150px, .5fr) minmax(0, 1.3fr) auto; align-items: center; gap: 12px; margin-top: 12px; padding: 12px 0; border-block: 1px solid #d6dfe2; }
.kai-context h3[b-jktz709xmi] { margin: 0; font-size: .8rem; }
.kai-context p[b-jktz709xmi] { margin: 2px 0 0; color: var(--ad-teacher-petroleum); font-size: .66rem; }
.kai-context-options[b-jktz709xmi] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.kai-context-options button[b-jktz709xmi] { padding: 7px 9px; border: 1px solid #b7c7cc; border-radius: 999px; color: var(--ad-teacher-petroleum); background: #fff; font: inherit; font-size: .67rem; font-weight: 700; cursor: pointer; }
.kai-context-options button.is-selected[b-jktz709xmi] { color: #fff; border-color: var(--ad-teacher-mint); background: var(--ad-teacher-mint); }
.kai-date[b-jktz709xmi] { display: grid; gap: 3px; color: var(--ad-teacher-petroleum); font-size: .62rem; font-weight: 750; }
.kai-date input[b-jktz709xmi] { min-height: 34px; padding: 5px 7px; border: 1px solid #b7c7cc; border-radius: 7px; color: var(--ad-teacher-ink); background: #fff; font: inherit; font-size: .68rem; }
.kai-purpose-warning[b-jktz709xmi], .kai-success[b-jktz709xmi] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 16px; margin-top: 12px; padding: 11px 13px; border-left: 4px solid var(--ad-teacher-orange); background: var(--ad-tint-orange); }
.kai-purpose-warning strong[b-jktz709xmi], .kai-success strong[b-jktz709xmi] { font-size: .76rem; }
.kai-purpose-warning span[b-jktz709xmi], .kai-success span[b-jktz709xmi] { color: var(--ad-teacher-petroleum); font-size: .68rem; }
.kai-purpose-warning a[b-jktz709xmi] { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: #8b3c17; font-size: .71rem; font-weight: 850; }
.kai-success[b-jktz709xmi] { margin: 0 0 12px; border-left-color: var(--ad-teacher-mint); background: var(--ad-tint-mint); }
.kai-primary-actions[b-jktz709xmi], .kai-review-actions[b-jktz709xmi] { display: flex; align-items: center; gap: 8px; margin-top: 12px; }
.kai-primary-actions button[b-jktz709xmi], .kai-review-actions button[b-jktz709xmi] { min-height: 38px; padding: 8px 13px; border: 1px solid #afbec4; border-radius: 8px; color: var(--ad-teacher-petroleum); background: #fff; font: inherit; font-size: .7rem; font-weight: 850; cursor: pointer; }
.kai-primary-actions button.is-primary[b-jktz709xmi], .kai-review-actions button.is-primary[b-jktz709xmi] { color: #fff; border-color: var(--ad-teacher-petroleum); background: var(--ad-teacher-petroleum); }
.kai-primary-actions button:disabled[b-jktz709xmi], .kai-review-actions button:disabled[b-jktz709xmi] { opacity: .48; cursor: not-allowed; }
.kai-primary-actions span[b-jktz709xmi] { color: var(--ad-teacher-petroleum); font-size: .64rem; }
.kai-validation[b-jktz709xmi] { margin: 10px 0 0; color: #a33e2d; font-size: .72rem; font-weight: 750; }
.kai-review[b-jktz709xmi] { margin-top: 8px; padding: 18px; border: 1px solid var(--ad-teacher-mint); border-radius: 10px; background: var(--ad-tint-mint); }
.kai-review > p[b-jktz709xmi] { margin: 0 0 3px; color: #287264; font-size: .65rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.kai-review h3[b-jktz709xmi] { margin: 0; font-size: 1.05rem; }
.kai-review dl[b-jktz709xmi] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 14px 0; }
.kai-review dl div[b-jktz709xmi] { padding: 9px; border: 1px solid #b8d9d3; border-radius: 7px; background: #fff; }
.kai-review dt[b-jktz709xmi] { color: var(--ad-teacher-petroleum); font-size: .62rem; font-weight: 700; }
.kai-review dd[b-jktz709xmi] { margin: 3px 0 0; font-size: .74rem; font-weight: 800; }
.kai-review blockquote[b-jktz709xmi] { margin: 0; padding: 13px; border-left: 4px solid var(--ad-teacher-mint); color: var(--ad-teacher-ink); background: #fff; font-size: .8rem; line-height: 1.5; white-space: pre-line; }
.kai-review-actions[b-jktz709xmi] { justify-content: flex-end; }
.kai-state[b-jktz709xmi], .kai-empty[b-jktz709xmi] { margin: 0; padding: 22px; border: 1px solid #bdcbd0; border-radius: 12px; color: var(--ad-teacher-petroleum); background: #fff; }
.kai-state.is-error[b-jktz709xmi] { border-color: #b44737; color: #8a3025; }
.kai-empty[b-jktz709xmi] { display: grid; justify-items: start; gap: 6px; }
.kai-empty strong[b-jktz709xmi] { color: var(--ad-teacher-ink); }
.kai-empty span[b-jktz709xmi] { font-size: .76rem; }
.kai-empty a[b-jktz709xmi] { margin-top: 5px; color: var(--ad-teacher-petroleum); font-size: .75rem; font-weight: 800; }
@media (max-width: 980px) {
    .kai-workspace[b-jktz709xmi] { grid-template-columns: 1fr; }
    .kai-students[b-jktz709xmi] { display: flex; overflow-x: auto; border-right: 0; border-bottom: 1px solid #cbd5d9; }
    .kai-students-heading[b-jktz709xmi] { min-width: 160px; border-right: 1px solid #d8e0e3; border-bottom: 0; }
    .kai-student-card[b-jktz709xmi] { min-width: 230px; border-right: 1px solid #d8e0e3; border-bottom: 0; }
}
@media (max-width: 680px) {
    .kai-canvas[b-jktz709xmi] { padding-inline: 14px; }
    .kai-header[b-jktz709xmi] { align-items: start; flex-direction: column; }
    .kai-new-student[b-jktz709xmi] { width: 100%; justify-content: center; }
    .kai-observation[b-jktz709xmi] { padding: 15px 12px 20px; }
    .kai-observation-header[b-jktz709xmi] { flex-direction: column; }
    .kai-situation-grid[b-jktz709xmi] { grid-template-columns: 1fr; }
    .kai-context[b-jktz709xmi] { grid-template-columns: 1fr; }
    .kai-context-options[b-jktz709xmi] { justify-content: flex-start; }
    .kai-primary-actions[b-jktz709xmi], .kai-review-actions[b-jktz709xmi] { align-items: stretch; flex-direction: column; }
    .kai-primary-actions button[b-jktz709xmi], .kai-review-actions button[b-jktz709xmi] { width: 100%; }
    .kai-review dl[b-jktz709xmi] { grid-template-columns: 1fr; }
    .kai-purpose-warning[b-jktz709xmi] { grid-template-columns: 1fr; }
    .kai-purpose-warning a[b-jktz709xmi] { grid-column: 1; grid-row: auto; margin-top: 5px; }
}
/* /Components/Pages/Docente/MisPiar.razor.rz.scp.css */
.piar-list-page[b-jj3t8hlo3m] { --ad-violet: var(--ad-teacher-petroleum); --ad-violet-2: var(--ad-teacher-blue); --ad-bg-soft: #fff; --ad-bg-lilac: var(--ad-teacher-mist); --ad-border: #d8e0e3; --ad-text: var(--ad-teacher-ink); --ad-text-muted: var(--ad-teacher-petroleum); flex: 1; min-width: 0; overflow-y: auto; padding-bottom: 56px; color: var(--ad-text); background: #fff; }
.piar-list-canvas[b-jj3t8hlo3m] { width: min(1050px, calc(100% - 48px)); margin: 22px auto; display: grid; gap: 14px; }
.piar-list-header[b-jj3t8hlo3m] { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 28px 30px; border: 1px solid var(--ad-border); border-radius: var(--ad-radius-card); background: white; box-shadow: none; }
.piar-list-header p[b-jj3t8hlo3m] { margin: 0 0 5px; color: var(--ad-violet); font-size: .72rem; font-weight: 800; letter-spacing: .09em; }
.piar-list-header h1[b-jj3t8hlo3m] { margin: 0; font-size: clamp(2rem, 4vw, 2.8rem); letter-spacing: -.035em; }
.piar-list-header > div > span[b-jj3t8hlo3m] { display: block; max-width: 580px; margin-top: 8px; color: var(--ad-text-muted); font-size: .91rem; line-height: 1.5; }
.piar-student-list[b-jj3t8hlo3m] { display: grid; gap: 10px; }
.piar-student-card[b-jj3t8hlo3m] { display: grid; grid-template-columns: 48px minmax(0, 1fr) minmax(160px, .55fr) auto; align-items: center; gap: 14px; padding: 15px; border: 1px solid var(--ad-border); border-radius: var(--ad-radius-card); background: white; box-shadow: none; }
.piar-student-initials[b-jj3t8hlo3m] { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 999px; color: var(--ad-violet); background: var(--ad-bg-lilac); font-size: .78rem; font-weight: 850; }
.piar-student-main h2[b-jj3t8hlo3m] { margin: 0; font-size: .92rem; }
.piar-student-main p[b-jj3t8hlo3m] { margin: 2px 0 7px; color: var(--ad-text-muted); font-size: .75rem; }
.piar-student-status[b-jj3t8hlo3m] { display: grid; justify-items: start; gap: 5px; }
.piar-student-status small[b-jj3t8hlo3m] { color: var(--ad-text-muted); font-size: .68rem; }
.piar-student-actions[b-jj3t8hlo3m] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.piar-pill[b-jj3t8hlo3m] { display: inline-flex; padding: 4px 8px; border-radius: 999px; font-size: .66rem; font-weight: 750; }
.piar-pill.is-complete[b-jj3t8hlo3m] { color: #166534; background: #dcfce7; }
.piar-pill.is-progress[b-jj3t8hlo3m] { color: var(--ad-teacher-ink); background: var(--ad-tint-sky); }
.piar-pill.is-review[b-jj3t8hlo3m] { color: #7a5630; background: var(--ad-tint-mustard); }
.piar-pill.is-pending[b-jj3t8hlo3m] { color: #475569; background: #f1f5f9; }
.piar-primary[b-jj3t8hlo3m] { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; padding: 0 15px; border-radius: 9px; color: white; background: var(--ad-teacher-petroleum); font-size: .76rem; font-weight: 800; text-decoration: none; }
.piar-list-header .piar-new-action[b-jj3t8hlo3m] { flex: none; min-height: 50px; gap: 14px; padding: 0 22px; font-size: .86rem; box-shadow: none; }
.piar-list-header .piar-new-action span[b-jj3t8hlo3m] { color: white; font-size: 1.1rem; }
.piar-search[b-jj3t8hlo3m] { display: grid; gap: 7px; padding: 16px 20px; border: 1px solid var(--ad-border); border-radius: var(--ad-radius-card); background: white; color: var(--ad-text); font-size: .73rem; font-weight: 750; }
.piar-search input[b-jj3t8hlo3m] { width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid var(--ad-border); border-radius: 9px; background: #fff; color: var(--ad-text); font: inherit; font-weight: 500; }
.piar-search input:focus-visible[b-jj3t8hlo3m] { outline: 2px solid var(--ad-violet); outline-offset: 2px; }
.piar-primary:focus-visible[b-jj3t8hlo3m] { outline: 2px solid var(--ad-violet); outline-offset: 3px; }
.piar-state[b-jj3t8hlo3m] { padding: 18px; border: 1px dashed var(--ad-border); border-radius: var(--ad-radius-card); color: var(--ad-text-muted); background: white; }
.piar-state.is-error[b-jj3t8hlo3m] { color: #991b1b; }
.piar-empty[b-jj3t8hlo3m] { display: grid; grid-template-columns: 72px 1fr; gap: 20px; padding: 30px; border: 1px solid var(--ad-border); border-radius: var(--ad-radius-card); background: white; box-shadow: none; }
.piar-empty-icon[b-jj3t8hlo3m] { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; color: var(--ad-violet); background: var(--ad-bg-lilac); font-size: 2rem; }
.piar-empty .piar-eyebrow[b-jj3t8hlo3m] { margin: 0 0 5px; color: var(--ad-violet); font-size: .7rem; font-weight: 800; letter-spacing: .08em; }
.piar-empty h2[b-jj3t8hlo3m] { margin: 0 0 8px; font-size: 1.25rem; }
.piar-empty p:not(.piar-eyebrow)[b-jj3t8hlo3m] { max-width: 620px; margin: 0; color: var(--ad-text-muted); line-height: 1.55; }
.piar-empty-actions[b-jj3t8hlo3m] { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.piar-secondary[b-jj3t8hlo3m] { display: inline-flex; min-height: 40px; align-items: center; padding: 0 15px; border: 1px solid var(--ad-border); border-radius: 9px; color: var(--ad-violet); background: white; font-size: .76rem; font-weight: 800; text-decoration: none; }
.piar-secondary:focus-visible[b-jj3t8hlo3m] { outline: 2px solid var(--ad-violet); outline-offset: 3px; }
@media (max-width: 780px) { .piar-list-canvas[b-jj3t8hlo3m] { width: min(100% - 28px, 1050px); } .piar-list-header[b-jj3t8hlo3m] { align-items: stretch; flex-direction: column; padding: 22px; } .piar-list-header .piar-new-action[b-jj3t8hlo3m] { align-self: flex-start; } .piar-empty[b-jj3t8hlo3m] { grid-template-columns: 1fr; padding: 20px; } .piar-student-card[b-jj3t8hlo3m] { grid-template-columns: 44px 1fr; } .piar-student-status[b-jj3t8hlo3m], .piar-student-actions[b-jj3t8hlo3m] { grid-column: 2; } .piar-student-actions[b-jj3t8hlo3m] { justify-content: flex-start; } }
/* /Components/Pages/Docente/NuevoAcompanamiento.razor.rz.scp.css */
.ad-ac-new[b-qyaniasbpb] {
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    padding: var(--ad-space-4);
    color: var(--ad-text);
    background: var(--ad-bg-soft);
}

.ad-ac-new-canvas[b-qyaniasbpb] {
    width: min(760px, 100%);
    margin-inline: auto;
    display: grid;
    gap: var(--ad-space-4);
    padding: var(--ad-space-5);
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-card);
    background: var(--ad-bg);
    box-shadow: var(--ad-shadow-card);
}

.ad-ac-new-back[b-qyaniasbpb] {
    width: fit-content;
    color: var(--ad-text-muted);
    font-size: .78rem;
    font-weight: 750;
    text-decoration: none;
}

.ad-ac-new-back[b-qyaniasbpb]::before { content: "←"; margin-right: 7px; }

header p[b-qyaniasbpb] {
    margin: 0 0 6px;
    color: var(--ad-violet);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

header h1[b-qyaniasbpb] {
    margin: 0;
    max-width: 580px;
    font-size: clamp(1.75rem, 4vw, 2.65rem);
    line-height: 1.12;
    letter-spacing: -.04em;
}

header span[b-qyaniasbpb] {
    display: block;
    max-width: 590px;
    margin-top: var(--ad-space-2);
    color: var(--ad-text-muted);
    font-size: .9rem;
    line-height: 1.6;
}

.ad-ac-new-modes[b-qyaniasbpb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ad-space-2);
}

.ad-ac-new-modes button[b-qyaniasbpb] {
    display: flex;
    align-items: center;
    gap: var(--ad-space-2);
    min-height: 118px;
    padding: var(--ad-space-3);
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-card);
    background: var(--ad-bg);
    color: var(--ad-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color var(--ad-transition), background var(--ad-transition), transform var(--ad-transition);
}

.ad-ac-new-modes button:hover[b-qyaniasbpb],
.ad-ac-new-modes button.is-selected[b-qyaniasbpb] {
    border-color: var(--ad-violet);
    background: var(--ad-bg-lilac);
    transform: translateY(-1px);
}

.ad-ac-new-modes img[b-qyaniasbpb] {
    width: 72px;
    height: 72px;
    flex: none;
    object-fit: contain;
}

.ad-ac-new-modes span[b-qyaniasbpb] {
    display: grid;
    gap: 5px;
    color: var(--ad-text-muted);
    font-size: .76rem;
    line-height: 1.45;
}

.ad-ac-new-modes strong[b-qyaniasbpb] {
    color: var(--ad-text);
    font-size: .98rem;
    text-transform: uppercase;
}

.ad-ac-new-input[b-qyaniasbpb] {
    padding: var(--ad-space-3);
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-btn);
    background: var(--ad-bg-soft);
}

.ad-ac-new-input p[b-qyaniasbpb] {
    margin: var(--ad-space-1) 0 0;
    color: var(--ad-text-muted);
    font-size: .72rem;
}

.ad-ac-new-textarea[b-qyaniasbpb]  textarea:focus {
    border-color: var(--ad-violet);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ad-violet) 18%, transparent);
}

.ad-ac-new-starts[b-qyaniasbpb] {
    display: grid;
    gap: var(--ad-space-1);
    margin: 0;
    padding: 0;
    border: 0;
}

.ad-ac-new-starts legend[b-qyaniasbpb] {
    margin-bottom: var(--ad-space-2);
    font-size: .82rem;
    font-weight: 800;
}

.ad-ac-new-starts label[b-qyaniasbpb] {
    display: flex;
    align-items: center;
    gap: var(--ad-space-2);
    min-height: 46px;
    padding: 9px 12px;
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-btn);
    color: var(--ad-text);
    font-size: .8rem;
    cursor: pointer;
}

.ad-ac-new-starts label.is-selected[b-qyaniasbpb] {
    border-color: var(--ad-violet);
    background: var(--ad-bg-lilac);
    color: var(--ad-violet);
    font-weight: 750;
}

.ad-ac-new-starts input[b-qyaniasbpb] {
    width: 17px;
    height: 17px;
    accent-color: var(--ad-violet);
}

aside[b-qyaniasbpb] {
    display: flex;
    align-items: center;
    gap: var(--ad-space-2);
    padding: var(--ad-space-2) var(--ad-space-3);
    border-radius: var(--ad-radius-btn);
    background: var(--ad-bg-lilac);
}

aside img[b-qyaniasbpb] {
    width: 58px;
    height: 58px;
    flex: none;
    object-fit: contain;
}

aside p[b-qyaniasbpb] {
    margin: 0;
    color: var(--ad-text-muted);
    font-size: .78rem;
    line-height: 1.5;
}

.ad-ac-new-actions[b-qyaniasbpb] {
    display: flex;
    justify-content: flex-end;
    gap: var(--ad-space-2);
}

.ad-ac-new-actions a[b-qyaniasbpb],
.ad-ac-new-actions span[b-qyaniasbpb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 20px;
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-btn);
    color: var(--ad-text-muted);
    background: var(--ad-bg);
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
}

.ad-ac-new-actions .ad-ac-new-continue[b-qyaniasbpb] {
    border-color: transparent;
    color: var(--ad-bg);
    background: linear-gradient(135deg, var(--ad-violet), var(--ad-violet-2));
}

.ad-ac-new-actions span[b-qyaniasbpb] { opacity: .55; cursor: not-allowed; }

.ad-ac-new-mock[b-qyaniasbpb] {
    margin: calc(var(--ad-space-2) * -1) 0 0;
    color: var(--ad-text-muted);
    font-size: .66rem;
    text-align: right;
}

@media (max-width: 640px) {
    .ad-ac-new[b-qyaniasbpb] { padding: var(--ad-space-2) var(--ad-space-2) 88px; }
    .ad-ac-new-canvas[b-qyaniasbpb] { padding: var(--ad-space-3); }
    .ad-ac-new-modes[b-qyaniasbpb] { grid-template-columns: 1fr; }
    .ad-ac-new-modes button[b-qyaniasbpb] { min-height: 96px; }
    .ad-ac-new-actions[b-qyaniasbpb] { flex-direction: column-reverse; }
    .ad-ac-new-actions a[b-qyaniasbpb],
    .ad-ac-new-actions span[b-qyaniasbpb] { width: 100%; }
}
/* /Components/Pages/Docente/OrientacionJuridica.razor.rz.scp.css */
.ad-legal-page[b-qccc2gl9vj]{min-height:100vh;background:#f8f9fd;color:#101346;font-family:var(--font-body,"Nunito Sans",sans-serif)}
.ad-legal-shell[b-qccc2gl9vj]{display:grid;gap:1.5rem;padding:1.5rem clamp(1rem,3vw,2.75rem) 3rem}
.ad-legal-hero[b-qccc2gl9vj]{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);min-height:270px;overflow:hidden;border:1px solid #e9e3f5;border-radius:28px;background:linear-gradient(120deg,#fff 8%,#f8f2ff 58%,#fff6e9);box-shadow:0 18px 45px rgba(33,31,89,.07)}
.ad-legal-hero-copy[b-qccc2gl9vj]{z-index:1;align-self:center;max-width:780px;padding:clamp(2rem,4vw,4rem)}
.ad-legal-kicker[b-qccc2gl9vj]{margin:0 0 .55rem;color:#6f2be8;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.ad-legal-hero h1[b-qccc2gl9vj]{margin:0;font-family:var(--font-display,"Nunito",sans-serif);font-size:clamp(2.25rem,4.5vw,4.5rem);font-weight:950;letter-spacing:-.055em;line-height:.98}
.ad-legal-hero-copy>p:last-child[b-qccc2gl9vj]{max-width:720px;margin:1.2rem 0 0;color:#59607e;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65}
.ad-legal-hero-art[b-qccc2gl9vj]{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:260px;background:radial-gradient(circle at 55% 48%,rgba(255,255,255,.95) 0 25%,transparent 26%),linear-gradient(150deg,transparent 35%,rgba(130,79,238,.12))}
.ad-legal-hero-art span[b-qccc2gl9vj]{position:absolute;width:260px;height:260px;border:1px dashed rgba(111,43,232,.28);border-radius:49% 51% 58% 42%;transform:rotate(12deg)}
.ad-legal-hero-art img[b-qccc2gl9vj]{position:relative;width:min(90%,330px);max-height:260px;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply}
.ad-legal-services[b-qccc2gl9vj],.ad-legal-recent[b-qccc2gl9vj]{border:1px solid #e8eaf3;border-radius:24px;background:#fff;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 10px 30px rgba(33,31,89,.05)}
.ad-legal-section-heading[b-qccc2gl9vj],.ad-legal-recent-heading[b-qccc2gl9vj]{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.4rem}
.ad-legal-section-heading h2[b-qccc2gl9vj],.ad-legal-recent-heading h2[b-qccc2gl9vj]{margin:0;font-family:var(--font-display,"Nunito",sans-serif);font-size:clamp(1.5rem,2.4vw,2.15rem);font-weight:900;letter-spacing:-.035em}
.ad-legal-quota[b-qccc2gl9vj]{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;min-width:290px;border:1px solid #d9c9f6;border-radius:16px;background:#fbf8ff;padding:.75rem 1rem;color:#545878;font-size:.8rem}
.ad-legal-quota strong[b-qccc2gl9vj]{color:#6624df;font-size:1.35rem}.ad-legal-quota details[b-qccc2gl9vj]{position:relative}.ad-legal-quota summary[b-qccc2gl9vj]{display:grid;width:22px;height:22px;place-items:center;border:1px solid #b69ae9;border-radius:50%;color:#6424d9;font-weight:900;cursor:pointer;list-style:none}.ad-legal-quota details p[b-qccc2gl9vj]{position:absolute;z-index:5;right:0;width:260px;margin:.5rem 0 0;border-radius:12px;background:#171a45;padding:.8rem;color:#fff;line-height:1.45;box-shadow:0 10px 24px rgba(17,19,70,.2)}
.ad-legal-card-grid[b-qccc2gl9vj]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.ad-legal-card[b-qccc2gl9vj]{position:relative;display:flex;min-height:260px;flex-direction:column;align-items:flex-start;overflow:hidden;border-radius:22px;padding:1.5rem}.ad-legal-card[b-qccc2gl9vj]:after{content:"";position:absolute;right:-45px;bottom:-65px;width:190px;height:190px;border:30px solid rgba(255,255,255,.4);border-radius:50%}
.ad-legal-card-query[b-qccc2gl9vj]{background:linear-gradient(145deg,#f1eaff,#faf8ff);border:1px solid #ded0fa}.ad-legal-card-review[b-qccc2gl9vj]{background:linear-gradient(145deg,#eaf9f3,#f7fffb);border:1px solid #ccecdf}
.ad-legal-card-icon[b-qccc2gl9vj]{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;background:rgba(255,255,255,.72);color:#5f23d4;box-shadow:0 8px 22px rgba(60,28,119,.08)}.ad-legal-card-review .ad-legal-card-icon[b-qccc2gl9vj]{color:#087e67}.ad-legal-card-icon svg[b-qccc2gl9vj]{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ad-legal-card-tag[b-qccc2gl9vj]{margin:1.2rem 0 .35rem;color:#6c708b;font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.ad-legal-card h3[b-qccc2gl9vj]{margin:0;font-size:1.45rem;font-weight:900;letter-spacing:-.025em}.ad-legal-card>p:not(.ad-legal-card-tag)[b-qccc2gl9vj]{max-width:520px;margin:.65rem 0 1.35rem;color:#5c627d;line-height:1.55}.ad-legal-card>a[b-qccc2gl9vj]{z-index:1;margin-top:auto;border-radius:12px;background:#6f2be8;padding:.75rem 1rem;color:#fff;font-size:.88rem;font-weight:900;text-decoration:none}.ad-legal-card-review>a[b-qccc2gl9vj]{background:#087e67}.ad-legal-card>a:hover[b-qccc2gl9vj]{filter:brightness(.93);transform:translateY(-1px)}
.ad-legal-recent-heading>a[b-qccc2gl9vj]{color:#6624df;font-size:.88rem;font-weight:900;text-decoration:none}.ad-legal-table-wrap[b-qccc2gl9vj]{overflow-x:auto}.ad-legal-table-wrap table[b-qccc2gl9vj]{width:100%;border-collapse:collapse;min-width:760px}.ad-legal-table-wrap th[b-qccc2gl9vj]{border-bottom:1px solid #e8eaf3;padding:.8rem 1rem;color:#6c708b;font-size:.7rem;font-weight:900;letter-spacing:.09em;text-align:left;text-transform:uppercase}.ad-legal-table-wrap td[b-qccc2gl9vj]{border-bottom:1px solid #eef0f6;padding:1rem;color:#555c77;font-size:.88rem}.ad-legal-table-wrap tr:last-child td[b-qccc2gl9vj]{border-bottom:0}.ad-legal-table-wrap td:first-child strong[b-qccc2gl9vj]{display:block;color:#101346}.ad-legal-table-wrap td:first-child span[b-qccc2gl9vj]{display:block;margin-top:.15rem;color:#777d94;font-size:.75rem}.ad-legal-table-wrap td:last-child a[b-qccc2gl9vj]{color:#6624df;font-weight:900;text-decoration:none}
.ad-legal-empty[b-qccc2gl9vj]{display:flex;min-height:110px;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;border:1px dashed #d8dbea;border-radius:16px;background:#fafbfe;color:#666d88;text-align:center}.ad-legal-empty strong[b-qccc2gl9vj]{color:#101346}.ad-legal-empty.is-error[b-qccc2gl9vj]{color:#9d243a}
@media(max-width:900px){.ad-legal-hero[b-qccc2gl9vj]{grid-template-columns:1fr}.ad-legal-hero-art[b-qccc2gl9vj]{min-height:190px}.ad-legal-section-heading[b-qccc2gl9vj],.ad-legal-recent-heading[b-qccc2gl9vj]{align-items:stretch;flex-direction:column}.ad-legal-quota[b-qccc2gl9vj]{min-width:0}.ad-legal-card-grid[b-qccc2gl9vj]{grid-template-columns:1fr}}
@media(max-width:560px){.ad-legal-shell[b-qccc2gl9vj]{padding-inline:.75rem}.ad-legal-hero[b-qccc2gl9vj],.ad-legal-services[b-qccc2gl9vj],.ad-legal-recent[b-qccc2gl9vj]{border-radius:18px}.ad-legal-hero-copy[b-qccc2gl9vj]{padding:1.5rem}.ad-legal-hero h1[b-qccc2gl9vj]{font-size:2.25rem}.ad-legal-hero-art[b-qccc2gl9vj]{display:none}.ad-legal-quota[b-qccc2gl9vj]{grid-template-columns:auto 1fr auto}.ad-legal-recent-heading>a[b-qccc2gl9vj]{align-self:flex-start}}
/* /Components/Pages/Docente/OrientacionPedagogica.razor.rz.scp.css */
.ad-orientacion[b-m5y183kkoi] {
    --ad-violet: var(--ad-teacher-petroleum);
    --ad-violet-2: var(--ad-teacher-petroleum);
    --ad-bg-soft: #ffffff;
    --ad-bg-lilac: var(--ad-teacher-mist);
    --ad-bg: #ffffff;
    --ad-border: #aeb9be;
    --ad-text: var(--ad-teacher-ink);
    --ad-text-muted: var(--ad-teacher-petroleum);
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    padding: 0 0 var(--ad-space-6);
    background: #ffffff;
    color: var(--ad-text);
}

.ad-orientacion-container[b-m5y183kkoi] {
    width: min(1180px, 100%);
    margin: var(--ad-space-5) auto 0;
    padding-inline: var(--ad-space-4);
    display: grid;
    gap: var(--ad-space-3);
}

.ad-orientacion-header[b-m5y183kkoi] {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
    padding: var(--ad-space-2) 0 var(--ad-space-3);
}

.ad-orientacion-header h1[b-m5y183kkoi],
.ad-orientacion-confirmacion h1[b-m5y183kkoi] {
    margin: 4px 0 var(--ad-space-1);
    font-size: clamp(1.8rem, 3vw, 2.55rem);
    line-height: 1.12;
    letter-spacing: -.03em;
}

.ad-orientacion-header > p:not(.ad-orientacion-eyebrow)[b-m5y183kkoi] {
    margin: 0 auto;
    max-width: 760px;
    color: var(--ad-text-muted);
    line-height: 1.6;
}

.ad-orientacion-eyebrow[b-m5y183kkoi] {
    margin: 0;
    color: var(--ad-violet);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ad-orientacion-header details[b-m5y183kkoi] {
    margin: var(--ad-space-2) auto 0;
    max-width: 760px;
}

.ad-orientacion-header summary[b-m5y183kkoi] {
    width: fit-content;
    margin-inline: auto;
    color: var(--ad-violet);
    font-size: .9rem;
    font-weight: 750;
    cursor: pointer;
}

.ad-orientacion-header details p[b-m5y183kkoi] {
    margin: var(--ad-space-2) 0 0;
    padding: var(--ad-space-3);
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-btn);
    background: var(--ad-bg-lilac);
    color: var(--ad-text-muted);
    font-size: .88rem;
    line-height: 1.65;
    text-align: left;
}

.ad-orientacion-mensual[b-m5y183kkoi],
.ad-orientacion-paso[b-m5y183kkoi],
.ad-orientacion-cierre[b-m5y183kkoi],
.ad-orientacion-confirmacion[b-m5y183kkoi] {
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-card);
    background: var(--ad-bg);
    box-shadow: var(--ad-shadow-card);
}

.ad-orientacion-mensual[b-m5y183kkoi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ad-space-3);
    padding: var(--ad-space-3) var(--ad-space-4);
}

.ad-orientacion-metricas[b-m5y183kkoi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ad-space-1);
    margin-top: 6px;
    color: var(--ad-text-muted);
    font-size: .9rem;
}

.ad-orientacion-metricas strong[b-m5y183kkoi] {
    color: var(--ad-text);
    font-size: 1.05rem;
}

.ad-orientacion-ayuda-dato[b-m5y183kkoi],
.ad-orientacion-integracion[b-m5y183kkoi],
.ad-orientacion-formatos[b-m5y183kkoi],
.ad-orientacion-instruccion[b-m5y183kkoi] {
    margin: 5px 0 0;
    color: var(--ad-text-muted);
    font-size: .76rem;
    line-height: 1.45;
}

.ad-orientacion-paso[b-m5y183kkoi] {
    display: grid;
    gap: var(--ad-space-3);
    padding: var(--ad-space-4);
}

.ad-orientacion-paso-encabezado[b-m5y183kkoi] {
    display: flex;
    align-items: flex-start;
    gap: var(--ad-space-2);
}

.ad-orientacion-numero[b-m5y183kkoi] {
    width: 32px;
    height: 32px;
    flex: none;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: var(--ad-bg-lilac);
    color: var(--ad-violet);
    font-weight: 850;
}

.ad-orientacion-paso h2[b-m5y183kkoi] {
    margin: 2px 0 4px;
    font-size: 1.08rem;
    line-height: 1.25;
}

.ad-orientacion-paso-encabezado p[b-m5y183kkoi] {
    margin: 0;
    color: var(--ad-text-muted);
    font-size: .86rem;
    line-height: 1.5;
}

.ad-orientacion-opciones[b-m5y183kkoi] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--ad-space-1);
}

.ad-orientacion-radio[b-m5y183kkoi],
.ad-orientacion-checks label[b-m5y183kkoi],
.ad-orientacion-prioridad[b-m5y183kkoi] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    cursor: pointer;
}

.ad-orientacion-radio[b-m5y183kkoi] {
    min-height: 48px;
    padding: 10px 12px;
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-btn);
    background: var(--ad-bg);
    font-size: .86rem;
    transition: border-color var(--ad-transition), background var(--ad-transition), color var(--ad-transition);
}

.ad-orientacion-radio:hover[b-m5y183kkoi],
.ad-orientacion-radio.is-selected[b-m5y183kkoi] {
    border-color: var(--ad-violet);
    background: var(--ad-bg-lilac);
    color: var(--ad-violet);
}

.ad-orientacion-radio.is-selected[b-m5y183kkoi] {
    font-weight: 750;
}

.ad-orientacion-radio input[b-m5y183kkoi],
.ad-orientacion-checks input[b-m5y183kkoi],
.ad-orientacion-prioridad input[b-m5y183kkoi] {
    width: 17px;
    height: 17px;
    flex: none;
    accent-color: var(--ad-violet);
}

.ad-orientacion-textarea[b-m5y183kkoi]  textarea {
    border-color: var(--ad-border);
    background: var(--ad-bg-soft);
    color: var(--ad-text);
}

.ad-orientacion-textarea[b-m5y183kkoi]  textarea:focus {
    border-color: var(--ad-violet);
    background: var(--ad-bg);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ad-violet) 20%, transparent);
}

.ad-orientacion-separador[b-m5y183kkoi] {
    display: flex;
    align-items: center;
    gap: var(--ad-space-2);
    color: var(--ad-text-muted);
    font-size: .76rem;
}

.ad-orientacion-separador[b-m5y183kkoi]::before,
.ad-orientacion-separador[b-m5y183kkoi]::after {
    content: "";
    height: 1px;
    flex: 1;
    background: var(--ad-border);
}

.ad-orientacion-audio[b-m5y183kkoi]  > div > button:first-child {
    border-color: var(--ad-violet);
    background: var(--ad-bg-lilac);
    color: var(--ad-violet);
}

.ad-orientacion-estado-audio[b-m5y183kkoi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ad-space-1);
    margin: 0;
    color: var(--ad-text-muted);
    font-size: .78rem;
}

.ad-orientacion-estado-audio span[b-m5y183kkoi] {
    padding: 4px 9px;
    border: 1px solid var(--ad-border);
    border-radius: 999px;
    background: var(--ad-bg-soft);
}

.ad-orientacion-estado-audio .is-loaded[b-m5y183kkoi] {
    border-color: var(--ad-green);
    background: color-mix(in srgb, var(--ad-green) 8%, var(--ad-bg));
    color: var(--ad-green);
    font-weight: 700;
}

.ad-orientacion-aviso[b-m5y183kkoi] {
    display: flex;
    align-items: flex-start;
    gap: var(--ad-space-2);
    padding: var(--ad-space-3);
    border-left: 3px solid var(--ad-orange);
    border-radius: var(--ad-radius-btn);
    background: color-mix(in srgb, var(--ad-orange) 8%, var(--ad-bg));
}

.ad-orientacion-aviso > span[b-m5y183kkoi] {
    width: 24px;
    height: 24px;
    flex: none;
    display: grid;
    place-items: center;
    border: 1px solid var(--ad-orange);
    border-radius: 999px;
    color: var(--ad-orange);
    font-weight: 850;
}

.ad-orientacion-aviso h3[b-m5y183kkoi],
.ad-orientacion-cierre h3[b-m5y183kkoi] {
    margin: 0 0 5px;
    font-size: .9rem;
}

.ad-orientacion-aviso p[b-m5y183kkoi],
.ad-orientacion-cierre p[b-m5y183kkoi] {
    margin: 0;
    color: var(--ad-text-muted);
    font-size: .82rem;
    line-height: 1.55;
}

.ad-orientacion-input-file[b-m5y183kkoi] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.ad-orientacion-archivos[b-m5y183kkoi] {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-btn);
    overflow: hidden;
}

.ad-orientacion-archivos li[b-m5y183kkoi] {
    display: flex;
    justify-content: space-between;
    gap: var(--ad-space-2);
    padding: 10px 12px;
    border-bottom: 1px solid var(--ad-border);
    color: var(--ad-text-muted);
    font-size: .78rem;
}

.ad-orientacion-archivos li:last-child[b-m5y183kkoi] {
    border-bottom: 0;
}

.ad-orientacion-archivos button[b-m5y183kkoi] {
    border: 0;
    background: transparent;
    color: var(--ad-violet);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.ad-orientacion-subtitulo[b-m5y183kkoi] {
    margin: 0;
    font-size: .92rem;
}

.ad-orientacion-checks[b-m5y183kkoi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px var(--ad-space-3);
}

.ad-orientacion-checks label[b-m5y183kkoi] {
    min-height: 38px;
    padding: 6px 8px;
    border-radius: var(--ad-radius-btn);
    font-size: .84rem;
}

.ad-orientacion-checks label:hover[b-m5y183kkoi] {
    background: var(--ad-bg-lilac);
}

.ad-orientacion-cierre[b-m5y183kkoi] {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 0;
    overflow: hidden;
}

.ad-orientacion-cierre article[b-m5y183kkoi] {
    padding: var(--ad-space-4);
}

.ad-orientacion-cierre article + article[b-m5y183kkoi] {
    border-left: 1px solid var(--ad-border);
    background: var(--ad-bg-lilac);
}

.ad-orientacion-cierre .ad-orientacion-eyebrow[b-m5y183kkoi] {
    margin-bottom: var(--ad-space-1);
}

.ad-orientacion-cierre h3[b-m5y183kkoi] {
    margin-top: var(--ad-space-2);
}

.ad-orientacion-prioridad[b-m5y183kkoi] {
    margin-top: var(--ad-space-2);
    color: var(--ad-text-muted);
    font-size: .84rem;
}

.ad-orientacion-borrador[b-m5y183kkoi] {
    margin: 0;
    padding: 12px 14px;
    border: 1px solid var(--ad-green);
    border-radius: var(--ad-radius-btn);
    background: color-mix(in srgb, var(--ad-green) 8%, var(--ad-bg));
    color: var(--ad-green);
    font-size: .82rem;
    font-weight: 700;
}

.ad-orientacion-acciones[b-m5y183kkoi] {
    display: flex;
    justify-content: flex-end;
    gap: var(--ad-space-2);
    padding-top: var(--ad-space-1);
}

.ad-orientacion-btn[b-m5y183kkoi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--ad-space-1);
    min-height: 44px;
    width: fit-content;
    padding: 0 20px;
    border-radius: var(--ad-radius-btn);
    font: inherit;
    font-size: .86rem;
    font-weight: 750;
    text-decoration: none;
    cursor: pointer;
    transition: transform var(--ad-transition), background var(--ad-transition), box-shadow var(--ad-transition);
}

.ad-orientacion-btn:hover:not(:disabled):not(.is-disabled)[b-m5y183kkoi] {
    transform: translateY(-1px);
}

.ad-orientacion-btn-principal[b-m5y183kkoi] {
    border: 1px solid var(--ad-teacher-petroleum);
    background: var(--ad-teacher-petroleum);
    color: #ffffff;
    box-shadow: none;
}

.ad-orientacion-contexto[b-m5y183kkoi] {
    margin: 0 0 var(--ad-space-4);
    padding: 12px 14px;
    border: 1px solid var(--ad-teacher-mint);
    border-radius: 12px;
    color: var(--ad-teacher-petroleum);
    background: var(--ad-tint-mint);
    font-size: .82rem;
    font-weight: 650;
}

.ad-orientacion-entrada[b-m5y183kkoi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 var(--ad-space-2);
    padding: 14px 16px;
    border-left: 5px solid var(--ad-teacher-blue);
    color: var(--ad-teacher-ink);
    background: var(--ad-tint-sky);
}

.ad-orientacion-entrada > div[b-m5y183kkoi] { display: grid; gap: 3px; }
.ad-orientacion-entrada p[b-m5y183kkoi] { margin: 0; color: var(--ad-teacher-blue); font-size: .66rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.ad-orientacion-entrada strong[b-m5y183kkoi] { font-size: .9rem; }
.ad-orientacion-entrada span[b-m5y183kkoi] { color: var(--ad-teacher-petroleum); font-size: .74rem; line-height: 1.4; }
.ad-orientacion-entrada a[b-m5y183kkoi] { color: var(--ad-teacher-petroleum); font-size: .72rem; font-weight: 800; white-space: nowrap; }
.ad-orientacion-destino[b-m5y183kkoi] { scroll-margin-top: 82px; }
.ad-orientacion-destino:target[b-m5y183kkoi] { outline: 3px solid var(--ad-teacher-sky); outline-offset: 4px; }

.ad-orientacion-btn-secundario[b-m5y183kkoi] {
    border: 1px solid var(--ad-violet);
    background: var(--ad-bg);
    color: var(--ad-violet);
}

.ad-orientacion-btn-inactivo[b-m5y183kkoi],
.ad-orientacion-btn:disabled[b-m5y183kkoi],
.ad-orientacion-btn.is-disabled[b-m5y183kkoi] {
    border: 1px solid var(--ad-border);
    background: var(--ad-bg-soft);
    color: var(--ad-text-muted);
    cursor: not-allowed;
    opacity: .72;
}

.ad-orientacion-confirmacion[b-m5y183kkoi] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--ad-space-3);
    max-width: 780px;
    margin: var(--ad-space-6) auto;
    padding: var(--ad-space-5);
}

.ad-orientacion-confirmacion-icono[b-m5y183kkoi] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ad-green) 10%, var(--ad-bg));
    color: var(--ad-green);
    font-size: 1.6rem;
    font-weight: 900;
}

.ad-orientacion-confirmacion p:not(.ad-orientacion-eyebrow)[b-m5y183kkoi] {
    margin: 5px 0;
    color: var(--ad-text-muted);
}

.ad-orientacion-confirmacion-datos[b-m5y183kkoi] {
    display: flex;
    gap: var(--ad-space-5);
    margin: var(--ad-space-3) 0;
}

.ad-orientacion-confirmacion-datos dt[b-m5y183kkoi] {
    color: var(--ad-text-muted);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ad-orientacion-confirmacion-datos dd[b-m5y183kkoi] {
    margin: 3px 0 0;
    font-weight: 800;
}

.ad-orientacion-confirmacion .ad-orientacion-btn[b-m5y183kkoi] {
    margin-top: var(--ad-space-3);
}

@media (max-width: 760px) {
    .ad-orientacion[b-m5y183kkoi] {
        padding: var(--ad-space-3) var(--ad-space-2) var(--ad-space-5);
    }

    .ad-orientacion-mensual[b-m5y183kkoi],
    .ad-orientacion-acciones[b-m5y183kkoi],
    .ad-orientacion-entrada[b-m5y183kkoi] {
        align-items: stretch;
        flex-direction: column;
    }

    .ad-orientacion-mensual .ad-orientacion-btn[b-m5y183kkoi],
    .ad-orientacion-acciones .ad-orientacion-btn[b-m5y183kkoi] {
        width: 100%;
    }

    .ad-orientacion-opciones[b-m5y183kkoi],
    .ad-orientacion-checks[b-m5y183kkoi],
    .ad-orientacion-cierre[b-m5y183kkoi] {
        grid-template-columns: 1fr;
    }

    .ad-orientacion-cierre article + article[b-m5y183kkoi] {
        border-top: 1px solid var(--ad-border);
        border-left: 0;
    }
}

@media (max-width: 430px) {
    .ad-orientacion-header[b-m5y183kkoi] {
        text-align: left;
    }

    .ad-orientacion-header summary[b-m5y183kkoi] {
        margin-inline: 0;
    }

    .ad-orientacion-paso[b-m5y183kkoi],
    .ad-orientacion-cierre article[b-m5y183kkoi],
    .ad-orientacion-confirmacion[b-m5y183kkoi] {
        padding: var(--ad-space-3);
    }

    .ad-orientacion-metricas > span[aria-hidden="true"][b-m5y183kkoi] {
        display: none;
    }

    .ad-orientacion-metricas[b-m5y183kkoi] {
        display: grid;
    }

    .ad-orientacion-confirmacion[b-m5y183kkoi] {
        grid-template-columns: 1fr;
        margin-block: var(--ad-space-4);
    }
}

html.ad-a11y-high-contrast .ad-orientacion-mensual[b-m5y183kkoi],
html.ad-a11y-high-contrast .ad-orientacion-paso[b-m5y183kkoi],
html.ad-a11y-high-contrast .ad-orientacion-cierre[b-m5y183kkoi],
html.ad-a11y-high-contrast .ad-orientacion-confirmacion[b-m5y183kkoi] {
    border-color: var(--ad-bg) !important;
}
/* /Components/Pages/Docente/PiarDocumento.razor.rz.scp.css */
.piar-document-page[b-rxt4mzpxg6] { flex: 1; min-width: 0; min-height: 100vh; padding: 0 24px 24px; color: #111827; background: var(--ad-teacher-mist); }
.piar-document-page[b-rxt4mzpxg6]  .ad-home-header { margin: 0 -24px 24px; }
.piar-document-toolbar[b-rxt4mzpxg6] { width: min(8.5in, 100%); margin: 0 auto 14px; display: flex; justify-content: space-between; gap: 10px; }.piar-document-toolbar a[b-rxt4mzpxg6], .piar-document-toolbar button[b-rxt4mzpxg6] { min-height: 40px; display: inline-flex; align-items: center; padding: 0 14px; border: 1px solid #aeb9be; border-radius: 8px; color: var(--ad-teacher-petroleum); background: white; font: inherit; font-size: .8rem; font-weight: 750; text-decoration: none; cursor: pointer; }
.piar-document-exports[b-rxt4mzpxg6] { display: flex; flex-wrap: wrap; gap: 8px; }
.piar-document-toolbar button:disabled[b-rxt4mzpxg6] { opacity: .55; cursor: not-allowed; }
.piar-export-error[b-rxt4mzpxg6] { width: min(8.5in, 100%); margin: 0 auto 14px; padding: 10px 14px; border: 1px solid #fecaca; border-radius: 8px; color: #991b1b; background: #fef2f2; }
.piar-document-status[b-rxt4mzpxg6] { display: grid; gap: 3px; margin-bottom: 12px; padding: 8px 10px; border: 1px solid #d97706; background: #fff7ed; color: #7c2d12; font-size: .58rem; }
.piar-document-status.is-ready[b-rxt4mzpxg6] { border-color: var(--ad-teacher-mint); background: var(--ad-tint-mint); color: var(--ad-teacher-ink); }
.piar-document-status strong[b-rxt4mzpxg6] { letter-spacing: .04em; }
.piar-paper[b-rxt4mzpxg6] { box-sizing: border-box; width: 8.5in; min-height: 11in; margin: 0 auto 20px; padding: .48in .52in; background: white; box-shadow: 0 8px 30px rgba(15,23,42,.12); page-break-after: always; }.piar-paper:last-child[b-rxt4mzpxg6] { page-break-after: auto; }
.piar-official-header[b-rxt4mzpxg6] { display: grid; grid-template-columns: 112px 1fr auto; align-items: center; gap: 12px; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #9ca3af; }.piar-official-header img[b-rxt4mzpxg6] { display: block; width: 112px; height: auto; }.piar-official-header span[b-rxt4mzpxg6], .piar-official-header small[b-rxt4mzpxg6] { color: #4b5563; font-size: .58rem; }
.piar-paper h1[b-rxt4mzpxg6] { margin: 8px 0 12px; padding: 5px; color: white; background: #7030a0; font-size: .86rem; text-align: center; }.piar-paper h2[b-rxt4mzpxg6] { margin: 15px 0 7px; font-size: .74rem; text-align: center; }.piar-paper h3[b-rxt4mzpxg6] { margin: 0; font-size: .65rem; }.piar-paper p[b-rxt4mzpxg6], .piar-paper li[b-rxt4mzpxg6] { font-size: .62rem; line-height: 1.45; white-space: pre-line; }.piar-official-intro[b-rxt4mzpxg6] { font-style: italic; }
.piar-paper table[b-rxt4mzpxg6] { width: 100%; border-collapse: collapse; margin: 7px 0 12px; font-size: .56rem; table-layout: fixed; }.piar-paper th[b-rxt4mzpxg6], .piar-paper td[b-rxt4mzpxg6] { min-height: 22px; padding: 4px 5px; border: 1px solid #4b5563; vertical-align: top; text-align: left; overflow-wrap: anywhere; }.piar-paper th[b-rxt4mzpxg6] { width: 22%; background: #dedede; font-weight: 750; }.piar-paper thead th[b-rxt4mzpxg6] { background: #7030a0; color: white; text-align: center; }.piar-narrative[b-rxt4mzpxg6] { min-height: 70px; border: 1px solid #4b5563; border-top: 0; }.piar-narrative h3[b-rxt4mzpxg6] { padding: 5px; background: #dedede; }.piar-narrative p[b-rxt4mzpxg6] { min-height: 50px; margin: 0; padding: 7px; }.piar-footnote[b-rxt4mzpxg6] { margin-top: auto; font-size: .55rem !important; }.piar-signatures[b-rxt4mzpxg6] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px 20px; margin-top: 55px; }.piar-signatures div[b-rxt4mzpxg6] { padding-top: 5px; border-top: 1px solid #4b5563; font-size: .58rem; }.piar-followup[b-rxt4mzpxg6] { margin-bottom: 18px !important; }
@media print {
    @page { size: Letter portrait; margin: 0; }
    .piar-document-page[b-rxt4mzpxg6] { padding: 0; background: white; }
    .piar-document-toolbar[b-rxt4mzpxg6] { display: none; }
    .piar-paper[b-rxt4mzpxg6] { width: 8.5in; min-height: 11in; margin: 0; box-shadow: none; break-after: page; }
}
@media screen and (max-width: 850px) {
    .piar-document-page[b-rxt4mzpxg6] { padding: 10px; overflow-x: hidden; }
    .piar-document-toolbar[b-rxt4mzpxg6] { flex-wrap: wrap; }
    .piar-document-exports[b-rxt4mzpxg6] { width: 100%; }
    .piar-document-exports button[b-rxt4mzpxg6] { flex: 1 1 220px; justify-content: center; }
    .piar-paper[b-rxt4mzpxg6] { width: 100%; min-height: auto; padding: 24px 20px; }
}

@media screen and (max-width: 560px) {
    .piar-document-toolbar > a[b-rxt4mzpxg6] { width: 100%; justify-content: center; }
    .piar-official-header[b-rxt4mzpxg6] { grid-template-columns: 76px 1fr auto; gap: 8px; }
    .piar-official-header img[b-rxt4mzpxg6] { width: 76px; }
    .piar-paper[b-rxt4mzpxg6] { padding: 20px 14px; }
    .piar-paper th[b-rxt4mzpxg6], .piar-paper td[b-rxt4mzpxg6] { padding: 4px 3px; }
}
/* /Components/Pages/Docente/PiarEditor.razor.rz.scp.css */
.piar-editor-page[b-mcl2jgphjn] { --ad-violet: var(--ad-teacher-petroleum); --ad-violet-2: var(--ad-teacher-blue); --ad-bg-soft: #fff; --ad-bg-lilac: var(--ad-tint-lavender); --ad-border: #c9dad6; --ad-text: var(--ad-teacher-ink); --ad-text-muted: var(--ad-teacher-petroleum); --ad-cream: #FBFBF9; --ad-mint-soft: var(--ad-tint-mint); --ad-blue-soft: var(--ad-tint-sky); --ad-mustard-soft: var(--ad-tint-mustard); flex: 1; min-width: 0; overflow-y: auto; padding: 18px 22px 64px; color: var(--ad-text); background: #fff; }
.piar-load[b-mcl2jgphjn] { width: min(820px, calc(100% - 32px)); margin: 40px auto; display: grid; gap: 7px; padding: 22px; border: 1px solid var(--ad-border); border-radius: var(--ad-radius-card); background: white; }
.piar-load.is-error strong[b-mcl2jgphjn] { color: #991b1b; }.piar-load a[b-mcl2jgphjn] { color: var(--ad-violet); font-weight: 750; }
.piar-editor-header[b-mcl2jgphjn] { width: min(1280px, 100%); margin: 0 auto 15px; display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 13px; }
.piar-editor-breadcrumb[b-mcl2jgphjn] { width: min(1280px, 100%); margin: 0 auto 13px; display: flex; flex-wrap: wrap; gap: 7px; color: var(--ad-text-muted); font-size: .7rem; }
.piar-editor-breadcrumb a[b-mcl2jgphjn] { color: var(--ad-violet); text-decoration: none; }.piar-editor-breadcrumb strong[b-mcl2jgphjn] { color: var(--ad-text); }
.piar-editor-header p[b-mcl2jgphjn] { margin: 0 0 3px; color: var(--ad-violet); font-size: .65rem; font-weight: 850; letter-spacing: .08em; }
.piar-editor-header h1[b-mcl2jgphjn] { margin: 0; font-size: 1.35rem; letter-spacing: -.025em; }.piar-editor-header span[b-mcl2jgphjn] { color: var(--ad-text-muted); font-size: .76rem; }.piar-editor-header a[b-mcl2jgphjn] { padding: 9px 12px; border: 1px solid var(--ad-border); border-radius: 9px; color: var(--ad-violet); font-size: .72rem; font-weight: 750; text-decoration: none; background: white; }
.piar-student-mark[b-mcl2jgphjn] { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 999px; color: var(--ad-violet); background: var(--ad-bg-lilac); font-weight: 850; }
.piar-editor-header .piar-editor-status[b-mcl2jgphjn] { display: inline-flex; margin-top: 7px; padding: 4px 9px; border-radius: 999px; color: var(--ad-violet); background: var(--ad-bg-lilac); font-size: .67rem; font-weight: 800; }
.piar-editor-shell[b-mcl2jgphjn] { width: min(1280px, 100%); min-width: 0; margin: auto; display: grid; grid-template-columns: 215px minmax(0, 1fr) 180px; align-items: start; gap: 14px; }
.piar-editor-steps[b-mcl2jgphjn], .piar-help[b-mcl2jgphjn] { min-width: 0; position: sticky; top: 12px; padding: 12px; border: 1px solid var(--ad-border); border-radius: 13px; background: white; box-shadow: none; }
.piar-editor-content[b-mcl2jgphjn] { min-width: 0; display: grid; gap: 12px; }
.piar-editor-content[b-mcl2jgphjn]  .piar-editor-form { min-width: 0; display: grid; gap: 12px; }
.piar-stage-heading[b-mcl2jgphjn] { display: flex; justify-content: space-between; gap: 18px; padding: 17px 19px; border: 1px solid var(--ad-border); border-radius: var(--ad-radius-card); background: var(--ad-cream); }
.piar-stage-heading:focus[b-mcl2jgphjn] { outline: 2px solid var(--ad-violet); outline-offset: 3px; }
.piar-stage-heading p[b-mcl2jgphjn] { margin: 0 0 4px; color: var(--ad-violet); font-size: .65rem; font-weight: 850; letter-spacing: .08em; }.piar-stage-heading h2[b-mcl2jgphjn] { margin: 0; font-size: 1.16rem; }.piar-stage-heading span[b-mcl2jgphjn] { display: block; margin-top: 4px; color: var(--ad-text-muted); font-size: .76rem; }
.piar-card[b-mcl2jgphjn] { min-width: 0; padding: 17px 19px; border: 1px solid var(--ad-border); border-radius: var(--ad-radius-card); background: white; box-shadow: none; }.piar-card h3[b-mcl2jgphjn] { margin: 0 0 13px; font-size: .92rem; }
.piar-proposal[b-mcl2jgphjn] { border-color: #6daea8; border-left: 5px solid var(--ad-teacher-petroleum); background: var(--ad-mint-soft); }.piar-proposal h3[b-mcl2jgphjn] { color: var(--ad-teacher-ink); }.piar-proposal p[b-mcl2jgphjn] { margin: 0; color: var(--ad-teacher-ink); font-size: .76rem; line-height: 1.5; }
.piar-known-grid[b-mcl2jgphjn], .piar-form-grid[b-mcl2jgphjn] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }.piar-known-grid > div[b-mcl2jgphjn] { display: grid; gap: 3px; padding: 11px; border: 1px solid #e6eaf0; border-radius: 10px; background: #fbfcff; }.piar-known-grid span[b-mcl2jgphjn], .piar-known-grid small[b-mcl2jgphjn] { color: var(--ad-text-muted); font-size: .65rem; }.piar-known-grid strong[b-mcl2jgphjn] { font-size: .8rem; }.piar-known-grid small[b-mcl2jgphjn] { color: #166534; }
.piar-form-grid label[b-mcl2jgphjn], .piar-stack label[b-mcl2jgphjn] { display: grid; gap: 6px; color: var(--ad-text); font-size: .72rem; font-weight: 750; }.piar-form-grid .is-wide[b-mcl2jgphjn] { grid-column: 1 / -1; }
.piar-form-grid input[b-mcl2jgphjn], .piar-stack input[b-mcl2jgphjn], .piar-stack textarea[b-mcl2jgphjn], .piar-stack select[b-mcl2jgphjn], .piar-details input[b-mcl2jgphjn], .piar-details textarea[b-mcl2jgphjn] { width: 100%; min-height: 39px; padding: 9px 11px; border: 1px solid var(--ad-border); border-radius: 9px; color: var(--ad-text); background: white; font: inherit; font-weight: 500; }.piar-stack textarea[b-mcl2jgphjn], .piar-details textarea[b-mcl2jgphjn] { resize: vertical; line-height: 1.45; }
.piar-form-grid input:focus[b-mcl2jgphjn], .piar-stack input:focus[b-mcl2jgphjn], .piar-stack textarea:focus[b-mcl2jgphjn], .piar-stack select:focus[b-mcl2jgphjn] { outline: 2px solid var(--ad-teacher-sky); border-color: var(--ad-violet); }
.piar-stack[b-mcl2jgphjn] { display: grid; gap: 13px; }.piar-details summary[b-mcl2jgphjn] { cursor: pointer; color: var(--ad-violet); font-size: .8rem; font-weight: 800; }.piar-details .piar-stack[b-mcl2jgphjn] { margin-top: 16px; }
.piar-sensitive-note[b-mcl2jgphjn], .piar-human-decision[b-mcl2jgphjn] { margin: 12px 0 0; padding: 10px 12px; border-radius: 9px; color: var(--ad-teacher-ink); background: var(--ad-cream); font-size: .72rem; line-height: 1.45; }.piar-human-decision[b-mcl2jgphjn] { display: grid; gap: 3px; margin: 0; border-left: 5px solid #80649b; color: var(--ad-teacher-ink); background: var(--ad-tint-lavender); }.piar-human-decision strong[b-mcl2jgphjn] { font-size: .76rem; }
.piar-source-list[b-mcl2jgphjn], .piar-record-list[b-mcl2jgphjn] { display: grid; gap: 8px; }.piar-source-list article[b-mcl2jgphjn], .piar-record-list article[b-mcl2jgphjn], .piar-record-button[b-mcl2jgphjn] { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--ad-border); border-radius: 9px; background: #fbfcff; text-align: left; }.piar-source-list article > div:first-child[b-mcl2jgphjn], .piar-record-list article[b-mcl2jgphjn], .piar-record-button[b-mcl2jgphjn] { font-size: .72rem; }.piar-source-list span[b-mcl2jgphjn], .piar-record-list span[b-mcl2jgphjn], .piar-record-button span[b-mcl2jgphjn] { display: block; margin-top: 3px; color: var(--ad-text-muted); font-size: .66rem; }.piar-source-list button[b-mcl2jgphjn], .piar-list-title button[b-mcl2jgphjn] { border: 0; color: var(--ad-violet); background: transparent; font-size: .68rem; font-weight: 800; cursor: pointer; }.piar-source-list button:disabled[b-mcl2jgphjn] { color: #166534; cursor: default; }.piar-source-actions[b-mcl2jgphjn] { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }.piar-source-actions a[b-mcl2jgphjn] { color: var(--ad-violet); font-size: .66rem; font-weight: 750; text-decoration: none; }
.piar-adjustment-flow[b-mcl2jgphjn] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }.piar-adjustment-flow span[b-mcl2jgphjn] { padding: 7px 9px; border-radius: 8px; color: var(--ad-teacher-ink); background: var(--ad-tint-sky); font-size: .68rem; font-weight: 800; }.piar-adjustment-flow b[b-mcl2jgphjn] { color: #94a3b8; }
.piar-valuation-tabs[b-mcl2jgphjn] { display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 8px; border-bottom: 1px solid var(--ad-border); }
.piar-valuation-tabs button[b-mcl2jgphjn], .piar-barrier-types button[b-mcl2jgphjn] { padding: 8px 10px; border: 1px solid var(--ad-border); border-radius: 8px; color: var(--ad-text-muted); background: white; font: inherit; font-size: .68rem; font-weight: 700; cursor: pointer; }
.piar-valuation-tabs button.is-selected[b-mcl2jgphjn], .piar-barrier-types button.is-selected[b-mcl2jgphjn] { border-color: var(--ad-violet); color: var(--ad-violet); background: var(--ad-bg-lilac); }
.piar-valuation-tabs button:focus-visible[b-mcl2jgphjn], .piar-barrier-types button:focus-visible[b-mcl2jgphjn] { outline: 2px solid var(--ad-violet); outline-offset: 2px; }
.piar-barrier-types[b-mcl2jgphjn] { display: grid; gap: 8px; }.piar-barrier-types > strong[b-mcl2jgphjn] { font-size: .72rem; }.piar-barrier-types > div[b-mcl2jgphjn] { display: flex; flex-wrap: wrap; gap: 7px; }
.piar-check[b-mcl2jgphjn] { grid-template-columns: auto 1fr !important; align-items: center; }.piar-check input[b-mcl2jgphjn] { width: 18px !important; min-height: 18px !important; }
.piar-primary-action[b-mcl2jgphjn], .piar-primary[b-mcl2jgphjn], .piar-secondary[b-mcl2jgphjn], .piar-link-button[b-mcl2jgphjn] { min-height: 39px; padding: 0 14px; border-radius: 9px; font: inherit; font-size: .72rem; font-weight: 800; cursor: pointer; text-decoration: none; }.piar-primary-action[b-mcl2jgphjn] { border: 0; color: white; background: var(--ad-teacher-petroleum); }.piar-secondary[b-mcl2jgphjn] { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--ad-border); color: var(--ad-violet); background: white; }.piar-link-button[b-mcl2jgphjn] { align-self: start; border: 0; color: var(--ad-violet); background: transparent; }.piar-primary-action:disabled[b-mcl2jgphjn], .piar-secondary:disabled[b-mcl2jgphjn], .piar-link-button:disabled[b-mcl2jgphjn] { opacity: .55; cursor: not-allowed; }
.piar-stage-actions[b-mcl2jgphjn] { display: flex; justify-content: space-between; gap: 10px; }.piar-help[b-mcl2jgphjn] { display: grid; gap: 7px; }.piar-help h2[b-mcl2jgphjn] { margin: 0 0 4px; font-size: .8rem; }.piar-help button[b-mcl2jgphjn] { padding: 9px; border: 1px solid var(--ad-border); border-radius: 8px; color: var(--ad-violet); background: white; font-size: .67rem; font-weight: 750; cursor: pointer; }.piar-help small[b-mcl2jgphjn] { margin-top: 5px; color: var(--ad-text-muted); font-size: .62rem; line-height: 1.45; }
.piar-message[b-mcl2jgphjn] { margin: 0; padding: 10px 12px; border-radius: 9px; font-size: .72rem; }.piar-message.is-success[b-mcl2jgphjn] { color: #166534; background: #dcfce7; }.piar-message.is-error[b-mcl2jgphjn] { color: #991b1b; background: #fee2e2; }
.piar-list-title[b-mcl2jgphjn] { display: flex; justify-content: space-between; gap: 12px; }.piar-record-button[b-mcl2jgphjn] { cursor: pointer; }.piar-review-grid[b-mcl2jgphjn] { overflow: hidden; border: 1px solid var(--ad-border); border-radius: var(--ad-radius-card); background: white; }.piar-review-row[b-mcl2jgphjn] { display: flex; justify-content: space-between; gap: 14px; padding: 11px 14px; border-bottom: 1px solid var(--ad-border); font-size: .74rem; }.piar-review-row:last-child[b-mcl2jgphjn] { border-bottom: 0; }.piar-review-row .is-ok[b-mcl2jgphjn] { color: #166534; }.piar-review-row .is-pending[b-mcl2jgphjn] { color: #c2410c; }.piar-review-actions[b-mcl2jgphjn] { display: flex; justify-content: flex-end; gap: 9px; }.piar-empty[b-mcl2jgphjn] { color: var(--ad-text-muted); font-size: .72rem; }
.piar-instrument-overview[b-mcl2jgphjn] { width: min(1180px, 100%); margin: 0 auto; display: grid; gap: 16px; }
.piar-overview-heading[b-mcl2jgphjn] { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; padding: 22px 24px; border: 1px solid var(--ad-border); border-radius: 14px; background: #FBFBF9; }
.piar-overview-heading p[b-mcl2jgphjn] { margin: 0 0 5px; color: var(--ad-teacher-petroleum); font-size: .66rem; font-weight: 850; letter-spacing: .09em; }
.piar-overview-heading h2[b-mcl2jgphjn] { margin: 0; color: var(--ad-teacher-ink); font-size: clamp(1.2rem, 2.2vw, 1.7rem); letter-spacing: -.025em; }
.piar-overview-heading > div:first-child > span[b-mcl2jgphjn] { display: block; max-width: 690px; margin-top: 7px; color: var(--ad-teacher-petroleum); font-size: .8rem; line-height: 1.5; }
.piar-readiness[b-mcl2jgphjn] { min-width: 150px; display: grid; gap: 2px; padding-left: 20px; border-left: 1px solid #d8e0e3; }
.piar-readiness strong[b-mcl2jgphjn] { color: var(--ad-teacher-petroleum); font-size: 1.15rem; }
.piar-readiness span[b-mcl2jgphjn] { color: var(--ad-teacher-petroleum); font-size: .68rem; }
.piar-overview-grid[b-mcl2jgphjn] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.piar-overview-card[b-mcl2jgphjn] { min-height: 265px; display: grid; grid-template-rows: auto auto 1fr auto; gap: 15px; padding: 20px; border: 1px solid #cfdadd; border-radius: 14px; background: #fff; }
.piar-overview-card > header[b-mcl2jgphjn] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.piar-overview-number[b-mcl2jgphjn] { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; color: var(--ad-teacher-ink); background: var(--ad-teacher-mist); font-size: .76rem; font-weight: 850; }
.piar-overview-state[b-mcl2jgphjn] { padding: 5px 9px; border-radius: 999px; color: #7b5b18; background: var(--ad-tint-mustard); font-size: .64rem; font-weight: 800; }
.piar-overview-card.is-ready .piar-overview-state[b-mcl2jgphjn] { color: #356862; background: var(--ad-tint-mint); }
.piar-overview-card h3[b-mcl2jgphjn] { margin: 0; color: var(--ad-teacher-ink); font-size: 1rem; }
.piar-overview-card p[b-mcl2jgphjn] { margin: 5px 0 0; color: var(--ad-teacher-petroleum); font-size: .75rem; line-height: 1.5; }
.piar-overview-card dl[b-mcl2jgphjn] { display: grid; align-content: start; gap: 8px; margin: 0; padding-top: 12px; border-top: 1px solid var(--ad-teacher-mist); }
.piar-overview-card dl div[b-mcl2jgphjn] { display: grid; grid-template-columns: 84px 1fr; gap: 8px; }
.piar-overview-card dt[b-mcl2jgphjn] { color: var(--ad-teacher-blue); font-size: .63rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.piar-overview-card dd[b-mcl2jgphjn] { margin: 0; color: var(--ad-teacher-petroleum); font-size: .7rem; }
.piar-overview-card > button[b-mcl2jgphjn], .piar-overview-card > a[b-mcl2jgphjn] { justify-self: start; padding: 0; border: 0; color: var(--ad-teacher-ink); background: transparent; font: inherit; font-size: .73rem; font-weight: 850; text-decoration: none; cursor: pointer; }
.piar-overview-card > button:hover[b-mcl2jgphjn], .piar-overview-card > a:hover[b-mcl2jgphjn] { text-decoration: underline; text-underline-offset: 3px; }
.piar-overview-actions[b-mcl2jgphjn] { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 20px; border: 1px solid var(--ad-teacher-mustard); border-radius: 14px; background: var(--ad-mustard-soft); }
.piar-overview-actions > div[b-mcl2jgphjn] { display: grid; gap: 3px; }
.piar-overview-actions strong[b-mcl2jgphjn] { color: var(--ad-teacher-ink); font-size: .82rem; }
.piar-overview-actions span[b-mcl2jgphjn] { color: var(--ad-teacher-petroleum); font-size: .7rem; }
.piar-overview-actions nav[b-mcl2jgphjn] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.piar-overview-actions .piar-secondary[b-mcl2jgphjn], .piar-overview-actions .piar-primary-action[b-mcl2jgphjn] { display: inline-flex; align-items: center; justify-content: center; }
.piar-context-workspace[b-mcl2jgphjn] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.piar-context-panel[b-mcl2jgphjn] { min-width: 0; display: grid; align-content: start; gap: 16px; padding: 18px; border: 1px solid #cfdadd; border-radius: 14px; background: #fff; }
.piar-context-panel.is-wide[b-mcl2jgphjn] { grid-column: 1 / -1; }
.piar-context-panel > header[b-mcl2jgphjn] { display: flex; align-items: flex-start; gap: 10px; }
.piar-context-panel > header > span[b-mcl2jgphjn] { width: 30px; height: 30px; flex: 0 0 30px; display: grid; place-items: center; border-radius: 50%; color: var(--ad-teacher-ink); background: var(--ad-teacher-mist); font-size: .72rem; font-weight: 850; }
.piar-context-panel > header h3[b-mcl2jgphjn] { margin: 0; color: var(--ad-teacher-ink); font-size: .95rem; }
.piar-context-panel > header p[b-mcl2jgphjn] { margin: 3px 0 0; color: var(--ad-teacher-petroleum); font-size: .7rem; line-height: 1.45; }
.piar-context-panel .piar-known-grid[b-mcl2jgphjn] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.piar-known-disability[b-mcl2jgphjn] { display: grid; gap: 3px; padding: 12px; border: 1px solid #d8e0e3; border-radius: 10px; background: #FBFBF9; }
.piar-known-disability span[b-mcl2jgphjn], .piar-known-disability small[b-mcl2jgphjn] { color: var(--ad-teacher-petroleum); font-size: .65rem; }
.piar-known-disability strong[b-mcl2jgphjn] { color: var(--ad-teacher-ink); font-size: .78rem; }
.piar-context-fields[b-mcl2jgphjn] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.piar-context-fields label[b-mcl2jgphjn], .piar-inline-other[b-mcl2jgphjn] { display: grid; gap: 6px; color: var(--ad-teacher-ink); font-size: .7rem; font-weight: 750; }
.piar-context-fields input[b-mcl2jgphjn], .piar-inline-other input[b-mcl2jgphjn] { width: 100%; min-height: 40px; padding: 9px 11px; border: 1px solid #cfdadd; border-radius: 9px; color: var(--ad-teacher-ink); background: #fff; font: inherit; font-weight: 500; }
.piar-choice-field[b-mcl2jgphjn] { min-width: 0; margin: 0; padding: 0; border: 0; }
.piar-choice-field legend[b-mcl2jgphjn] { margin-bottom: 8px; color: var(--ad-teacher-ink); font-size: .7rem; font-weight: 800; }
.piar-choice-grid[b-mcl2jgphjn] { display: flex; flex-wrap: wrap; gap: 7px; }
.piar-choice-grid button[b-mcl2jgphjn] { min-height: 36px; padding: 7px 11px; border: 1px solid #cfdadd; border-radius: 999px; color: var(--ad-teacher-petroleum); background: #fff; font: inherit; font-size: .68rem; font-weight: 750; cursor: pointer; }
.piar-choice-grid button:hover[b-mcl2jgphjn] { border-color: var(--ad-teacher-blue); background: #f6f9f9; }
.piar-choice-grid button.is-selected[b-mcl2jgphjn] { border-color: var(--ad-teacher-petroleum); color: #fff; background: var(--ad-teacher-petroleum); }
.piar-choice-grid button:focus-visible[b-mcl2jgphjn], .piar-context-fields input:focus[b-mcl2jgphjn], .piar-inline-other input:focus[b-mcl2jgphjn] { outline: 2px solid var(--ad-teacher-sky); outline-offset: 2px; }
.piar-characterization-grid[b-mcl2jgphjn] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 28px; }
.piar-progressive-grid[b-mcl2jgphjn] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.piar-progressive-grid details[b-mcl2jgphjn] { min-width: 0; align-self: start; border: 1px solid #d8e0e3; border-radius: 11px; background: #fff; }
.piar-progressive-grid summary[b-mcl2jgphjn] { display: flex; justify-content: space-between; gap: 10px; padding: 13px 14px; color: var(--ad-teacher-ink); font-size: .74rem; font-weight: 800; cursor: pointer; }
.piar-progressive-grid summary small[b-mcl2jgphjn] { color: var(--ad-teacher-blue); font-size: .62rem; font-weight: 700; }
.piar-progressive-grid details[open] summary[b-mcl2jgphjn] { border-bottom: 1px solid var(--ad-teacher-mist); background: #FBFBF9; }
.piar-progressive-grid details > div[b-mcl2jgphjn] { margin: 0; padding: 14px; }
.piar-field-action[b-mcl2jgphjn] { display: grid; grid-template-columns: 1fr auto; gap: 7px; }
.piar-field-action button[b-mcl2jgphjn] { padding: 0 10px; border: 1px solid #cfdadd; border-radius: 9px; color: var(--ad-teacher-petroleum); background: #fff; font: inherit; font-size: .64rem; font-weight: 750; cursor: pointer; }
.piar-guided-stage[b-mcl2jgphjn] { display: grid; gap: 14px; background: #fff; }
.piar-guided-stage > header[b-mcl2jgphjn] { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 12px 14px; border-bottom: 0; border-left: 5px solid var(--ad-teacher-petroleum); border-radius: 9px; background: var(--ad-blue-soft); }
.piar-guided-stage > header h3[b-mcl2jgphjn] { margin-bottom: 4px; }
.piar-guided-stage > header p[b-mcl2jgphjn] { max-width: 650px; margin: 0; color: var(--ad-teacher-ink); font-size: .72rem; line-height: 1.45; }
.piar-guided-stage > header > span[b-mcl2jgphjn] { max-width: 190px; color: var(--ad-teacher-petroleum); font-size: .65rem; font-weight: 750; line-height: 1.4; text-align: right; }
.piar-guided-grid[b-mcl2jgphjn] { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 9px; }
.piar-guided-grid[b-mcl2jgphjn]  .ad-guided-entry { min-width: 0; }
.piar-valuation-metadata[b-mcl2jgphjn] { border: 1px solid #d8e0e3; border-radius: 9px; background: #fff; }
.piar-valuation-metadata summary[b-mcl2jgphjn] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 13px; color: var(--ad-teacher-ink); font-size: .7rem; font-weight: 800; cursor: pointer; }
.piar-valuation-metadata summary small[b-mcl2jgphjn] { color: var(--ad-teacher-blue); font-size: .6rem; font-weight: 700; }
.piar-valuation-metadata[open] summary[b-mcl2jgphjn] { border-bottom: 1px solid var(--ad-teacher-mist); background: var(--ad-tint-lavender); }
.piar-valuation-metadata > div[b-mcl2jgphjn] { padding: 13px; }
@media (max-width: 1100px) { .piar-editor-shell[b-mcl2jgphjn] { grid-template-columns: minmax(0, 1fr); }.piar-editor-steps[b-mcl2jgphjn], .piar-help[b-mcl2jgphjn] { position: static; width: 100%; }.piar-help[b-mcl2jgphjn] { grid-template-columns: repeat(3, minmax(0, 1fr)); }.piar-help h2[b-mcl2jgphjn], .piar-help small[b-mcl2jgphjn] { grid-column: 1 / -1; } }
@media (max-width: 900px) { .piar-context-workspace[b-mcl2jgphjn] { grid-template-columns: 1fr; }.piar-context-panel.is-wide[b-mcl2jgphjn] { grid-column: auto; } }
@media (max-width: 760px) { .piar-overview-grid[b-mcl2jgphjn], .piar-characterization-grid[b-mcl2jgphjn], .piar-progressive-grid[b-mcl2jgphjn], .piar-guided-grid[b-mcl2jgphjn] { grid-template-columns: minmax(0, 1fr); }.piar-overview-heading[b-mcl2jgphjn], .piar-overview-actions[b-mcl2jgphjn], .piar-guided-stage > header[b-mcl2jgphjn] { align-items: stretch; flex-direction: column; }.piar-guided-stage > header > span[b-mcl2jgphjn] { max-width: none; text-align: left; }.piar-readiness[b-mcl2jgphjn] { padding: 12px 0 0; border-top: 1px solid #d8e0e3; border-left: 0; }.piar-overview-actions nav[b-mcl2jgphjn] { justify-content: stretch; }.piar-overview-actions nav > *[b-mcl2jgphjn] { flex: 1 1 180px; } }
@media (max-width: 680px) { .piar-editor-page[b-mcl2jgphjn] { padding: 14px 12px 54px; }.piar-editor-header[b-mcl2jgphjn] { grid-template-columns: 44px 1fr; }.piar-editor-header > a[b-mcl2jgphjn] { grid-column: 2; justify-self: start; }.piar-known-grid[b-mcl2jgphjn], .piar-form-grid[b-mcl2jgphjn], .piar-context-panel .piar-known-grid[b-mcl2jgphjn], .piar-context-fields[b-mcl2jgphjn] { grid-template-columns: 1fr; }.piar-form-grid .is-wide[b-mcl2jgphjn] { grid-column: auto; }.piar-stage-heading[b-mcl2jgphjn] { display: grid; }.piar-help[b-mcl2jgphjn] { grid-template-columns: 1fr; }.piar-help h2[b-mcl2jgphjn], .piar-help small[b-mcl2jgphjn] { grid-column: auto; }.piar-stage-actions[b-mcl2jgphjn], .piar-review-actions[b-mcl2jgphjn] { flex-direction: column-reverse; }.piar-stage-actions > *[b-mcl2jgphjn], .piar-review-actions > *[b-mcl2jgphjn] { width: 100%; }.piar-overview-heading[b-mcl2jgphjn], .piar-overview-card[b-mcl2jgphjn], .piar-overview-actions[b-mcl2jgphjn], .piar-context-panel[b-mcl2jgphjn] { padding: 16px; }.piar-overview-card[b-mcl2jgphjn] { min-height: 0; }.piar-overview-card dl div[b-mcl2jgphjn] { grid-template-columns: 1fr; gap: 2px; } }
/* /Components/Pages/Docente/PiarNuevo.razor.rz.scp.css */
.piar-new-page[b-vs5d9ryaip] { --ad-violet: var(--ad-teacher-petroleum); --ad-violet-2: var(--ad-teacher-blue); --ad-bg-soft: #fff; --ad-bg-lilac: var(--ad-teacher-mist); --ad-border: #d8e0e3; --ad-text: var(--ad-teacher-ink); --ad-text-muted: var(--ad-teacher-petroleum); flex: 1; min-width: 0; overflow-y: auto; padding-bottom: 56px; color: var(--ad-text); background: #fff; }
.piar-new-canvas[b-vs5d9ryaip] { width: min(850px, calc(100% - 48px)); margin: 22px auto; }
.piar-new-canvas nav[b-vs5d9ryaip] { margin-bottom: 20px; color: var(--ad-text-muted); font-size: .78rem; }
.piar-new-canvas nav a[b-vs5d9ryaip] { color: var(--ad-violet); text-decoration: none; }
.piar-new-canvas nav span[b-vs5d9ryaip] { padding: 0 7px; }
.piar-new-canvas header p[b-vs5d9ryaip] { margin: 0 0 5px; color: var(--ad-violet); font-size: .72rem; font-weight: 800; letter-spacing: .09em; }
.piar-new-canvas h1[b-vs5d9ryaip] { margin: 0 0 6px; font-size: clamp(1.55rem, 3vw, 2rem); }
.piar-new-canvas header span[b-vs5d9ryaip], .piar-new-card > p[b-vs5d9ryaip] { color: var(--ad-text-muted); font-size: .88rem; line-height: 1.5; }
.piar-new-card[b-vs5d9ryaip] { margin-top: 22px; padding: 26px; border: 1px solid var(--ad-border); border-radius: var(--ad-radius-card); background: white; box-shadow: none; }
.piar-new-card-primary[b-vs5d9ryaip] { border-color: #aeb9be; }
.piar-new-section-heading[b-vs5d9ryaip] { display: flex; align-items: flex-start; gap: 13px; }
.piar-new-section-heading p[b-vs5d9ryaip] { margin: 3px 0 0; color: var(--ad-text-muted); font-size: .8rem; }
.piar-new-step[b-vs5d9ryaip] { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 999px; color: white; background: var(--ad-violet); font-size: .78rem; font-weight: 800; }
.piar-new-card h2[b-vs5d9ryaip] { margin: 0 0 5px; font-size: 1rem; }
.piar-new-fields[b-vs5d9ryaip] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 21px; }
.piar-new-fields label[b-vs5d9ryaip] { display: grid; gap: 6px; font-size: .8rem; font-weight: 700; }
.piar-new-fields input[b-vs5d9ryaip] { width: 100%; min-height: 44px; box-sizing: border-box; padding: 9px 11px; border: 1px solid var(--ad-border); border-radius: 8px; font: inherit; font-weight: 400; }
.piar-new-fields input:focus-visible[b-vs5d9ryaip] { outline: 2px solid var(--ad-violet); outline-offset: 1px; }
.piar-new-card .piar-new-pending[b-vs5d9ryaip] { margin: 16px 0; padding: 11px 13px; border-radius: 9px; color: var(--ad-teacher-ink); background: var(--ad-tint-sky); font-size: .76rem; line-height: 1.45; }
.piar-new-filter[b-vs5d9ryaip] { display: grid; gap: 6px; margin-top: 17px; color: var(--ad-text); font-size: .8rem; font-weight: 700; }
.piar-new-filter input[b-vs5d9ryaip] { width: 100%; min-height: 42px; box-sizing: border-box; padding: 9px 11px; border: 1px solid var(--ad-border); border-radius: 8px; font: inherit; font-weight: 400; }
.piar-new-filter input:focus-visible[b-vs5d9ryaip] { outline: 2px solid var(--ad-violet); outline-offset: 1px; }
.piar-new-students[b-vs5d9ryaip] { display: grid; gap: 9px; margin-top: 16px; }
.piar-new-student[b-vs5d9ryaip] { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 11px; border: 1px solid var(--ad-border); border-radius: 9px; }
.piar-new-student div[b-vs5d9ryaip] { display: grid; gap: 3px; }
.piar-new-student strong[b-vs5d9ryaip] { font-size: .83rem; }
.piar-new-student small[b-vs5d9ryaip] { color: var(--ad-text-muted); }
.piar-new-error[b-vs5d9ryaip] { margin-top: 16px; padding: 12px 14px; border: 1px solid #fecaca; border-radius: 9px; color: #991b1b; background: #fef2f2; font-size: .8rem; }
.piar-new-actions[b-vs5d9ryaip] { display: flex; align-items: center; justify-content: flex-end; gap: 16px; }
.piar-new-actions a[b-vs5d9ryaip] { color: var(--ad-violet); font-size: .8rem; font-weight: 700; text-decoration: none; }
.piar-new-card button[b-vs5d9ryaip] { min-height: 42px; padding: 0 17px; border: 0; border-radius: 9px; color: white; background: var(--ad-violet); font: inherit; font-size: .8rem; font-weight: 800; cursor: pointer; }
.piar-new-card button:disabled[b-vs5d9ryaip] { opacity: .6; cursor: wait; }
.piar-new-card button:focus-visible[b-vs5d9ryaip] { outline: 2px solid var(--ad-violet); outline-offset: 3px; }
@media (max-width: 650px) { .piar-new-canvas[b-vs5d9ryaip] { width: min(100% - 28px, 850px); } .piar-new-card[b-vs5d9ryaip] { padding: 18px; } .piar-new-fields[b-vs5d9ryaip] { grid-template-columns: 1fr; } .piar-new-student[b-vs5d9ryaip] { align-items: stretch; flex-direction: column; } }
/* /Components/Pages/Docente/SeccionEnPreparacion.razor.rz.scp.css */
.ad-section[b-xjxozvlukb] {
    --ad-home-violet: var(--ad-teacher-petroleum);
    --ad-home-ink: var(--ad-teacher-ink);
    padding: 0 0 18px;
    color: var(--ad-home-ink);
    background: #fff;
}
.ad-section-canvas[b-xjxozvlukb] {
    max-width: 1180px;
    min-height: max(340px, calc(100dvh - 176px));
    margin: 24px auto 0;
    padding: 30px 32px;
    background: #fff;
    border: 1px solid #d8e0e3;
    border-radius: 18px;
}
.ad-section-title-row[b-xjxozvlukb] { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.ad-section-group[b-xjxozvlukb] { margin: 0 0 8px; color: #66728a; font-size: .6875rem; }
.ad-section-canvas h1[b-xjxozvlukb],
.ad-section-canvas h2[b-xjxozvlukb] { margin: 0; color: var(--ad-home-ink); font-size: 1.5rem; font-weight: 750; line-height: 1.35; letter-spacing: -.4px; overflow-wrap: anywhere; }
.ad-section-description[b-xjxozvlukb] { margin: 18px 0 0; font-size: .8125rem; line-height: 1.65; color: #66728a; }
.ad-section-demo[b-xjxozvlukb] { margin: 10px 0 0; padding-right: 190px; font-size: .625rem; line-height: 1.5; color: #66728a; }
.ad-section-back[b-xjxozvlukb] { display: inline-flex; align-items: center; min-height: 44px; margin-top: 20px; color: var(--ad-teacher-petroleum); text-decoration: underline; }
.ad-section-back:focus-visible[b-xjxozvlukb] { outline: 3px solid var(--ad-teacher-blue); outline-offset: 4px; }

.design-tool-heading[b-xjxozvlukb] { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 24px; border-bottom: 1px solid #d8e0e3; }
.design-tool-heading > div[b-xjxozvlukb] { max-width: 760px; }
.design-tool-heading .ad-section-group[b-xjxozvlukb] { color: var(--ad-teacher-petroleum); font-weight: 850; letter-spacing: .1em; }
.design-tool-heading h1[b-xjxozvlukb] { font-size: clamp(1.75rem, 3vw, 2.45rem); }
.design-tool-heading > div > p:last-child[b-xjxozvlukb] { margin: 8px 0 0; color: var(--ad-teacher-petroleum); font-size: .9rem; line-height: 1.65; }
.design-tool-promise[b-xjxozvlukb] { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 16px; margin-top: 24px; padding: 20px; color: var(--ad-teacher-ink); background: var(--ad-teacher-mist); border: 1px solid #aeb9be; border-radius: 14px; }
.design-tool-promise > span[b-xjxozvlukb] { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: #fff; background: var(--ad-teacher-petroleum); font-size: 1rem; font-weight: 850; }
.design-tool-promise p[b-xjxozvlukb] { margin: 0; font-size: .78rem; line-height: 1.55; }
.design-tool-promise div > p:first-child[b-xjxozvlukb] { margin-bottom: 3px; color: var(--ad-teacher-petroleum); font-size: .65rem; font-weight: 850; letter-spacing: .08em; }
.design-tool-promise h2[b-xjxozvlukb] { margin-bottom: 5px; font-size: 1.05rem; }
.design-tool-flow[b-xjxozvlukb] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.design-tool-flow article[b-xjxozvlukb] { display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: start; gap: 10px; padding: 18px; border: 1px solid #d8e0e3; border-radius: 12px; background: #fff; }
.design-tool-flow article > span[b-xjxozvlukb] { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--ad-teacher-ink); background: var(--ad-tint-sky); font-size: .72rem; font-weight: 850; }
.design-tool-flow strong[b-xjxozvlukb] { color: var(--ad-teacher-ink); font-size: .8rem; }
.design-tool-flow p[b-xjxozvlukb] { margin: 5px 0 0; color: var(--ad-teacher-petroleum); font-size: .74rem; line-height: 1.55; }
.design-tool-footer[b-xjxozvlukb] { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 14px; padding: 20px; border: 1px solid #d8e0e3; border-radius: 12px; background: #FBFBF9; }
.design-tool-footer strong[b-xjxozvlukb] { color: var(--ad-teacher-ink); font-size: .82rem; }
.design-tool-footer p[b-xjxozvlukb] { margin: 4px 0 0; color: var(--ad-teacher-petroleum); font-size: .74rem; line-height: 1.5; }
.design-tool-actions[b-xjxozvlukb] { display: flex; flex: none; flex-wrap: wrap; gap: 8px; }
.design-tool-actions a[b-xjxozvlukb] { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 14px; border-radius: 9px; font-size: .72rem; font-weight: 800; text-decoration: none; }
.design-tool-actions .is-secondary[b-xjxozvlukb] { color: var(--ad-teacher-petroleum); background: #fff; border: 1px solid #aeb9be; }
.design-tool-actions .is-primary[b-xjxozvlukb] { color: #fff; background: var(--ad-teacher-petroleum); border: 1px solid var(--ad-teacher-petroleum); }
.design-tool-actions a:focus-visible[b-xjxozvlukb] { outline: 3px solid var(--ad-teacher-sky); outline-offset: 3px; }

.dua-workspace-heading[b-xjxozvlukb] { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 22px; border-bottom: 1px solid #d8e0e3; }
.dua-workspace-heading > div:first-child[b-xjxozvlukb] { max-width: 650px; }
.dua-workspace-heading .ad-section-group[b-xjxozvlukb] { color: var(--ad-teacher-petroleum); font-weight: 850; letter-spacing: .1em; }
.dua-workspace-heading h1[b-xjxozvlukb] { font-size: clamp(1.75rem, 3vw, 2.45rem); }
.dua-workspace-heading > div:first-child > p:last-child[b-xjxozvlukb] { margin: 8px 0 0; color: var(--ad-teacher-petroleum); font-size: .9rem; line-height: 1.6; }
.dua-context[b-xjxozvlukb] { width: min(100%, 330px); padding: 14px 16px; color: var(--ad-teacher-ink); background: var(--ad-teacher-mist); border: 1px solid #aeb9be; border-radius: 12px; }
.dua-context span[b-xjxozvlukb], .dua-context strong[b-xjxozvlukb], .dua-context small[b-xjxozvlukb] { display: block; }
.dua-context span[b-xjxozvlukb] { font-size: .625rem; font-weight: 850; letter-spacing: .08em; }
.dua-context strong[b-xjxozvlukb] { margin-top: 5px; font-size: .82rem; }
.dua-context small[b-xjxozvlukb] { margin-top: 3px; font-size: .7rem; line-height: 1.45; }

.dua-progress[b-xjxozvlukb] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 20px 0; border-bottom: 1px solid #d8e0e3; }
.dua-progress span[b-xjxozvlukb] { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 0 8px 12px; color: #66728a; font-size: .7rem; }
.dua-progress b[b-xjxozvlukb] { display: grid; place-items: center; flex: 0 0 26px; width: 26px; height: 26px; color: var(--ad-teacher-ink); background: var(--ad-tint-sky); border-radius: 50%; }
.dua-progress .is-current[b-xjxozvlukb] { color: var(--ad-teacher-ink); font-weight: 800; border-bottom: 3px solid var(--ad-teacher-petroleum); }
.dua-progress .is-complete[b-xjxozvlukb] { color: var(--ad-teacher-ink); }
.dua-progress .is-complete b[b-xjxozvlukb] { color: #fff; background: var(--ad-teacher-petroleum); }

.dua-workspace[b-xjxozvlukb] { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr); gap: 24px; align-items: start; }
.dua-decision[b-xjxozvlukb] { min-width: 0; }
.dua-step-label[b-xjxozvlukb] { margin: 0 0 7px; color: var(--ad-teacher-petroleum); font-size: .65rem; font-weight: 850; letter-spacing: .08em; }
.dua-decision h2[b-xjxozvlukb] { max-width: 680px; font-size: clamp(1.25rem, 2.2vw, 1.75rem); }
.dua-step-help[b-xjxozvlukb] { margin: 7px 0 0; color: var(--ad-teacher-petroleum); font-size: .8rem; line-height: 1.55; }
.dua-selection-context[b-xjxozvlukb] { margin: 0 0 12px; color: var(--ad-teacher-petroleum); font-size: .75rem; }
.dua-options[b-xjxozvlukb] { display: grid; gap: 10px; margin-top: 20px; }
.dua-options button[b-xjxozvlukb] { display: grid; grid-template-columns: minmax(180px, .65fr) minmax(0, 1.35fr); align-items: center; gap: 16px; width: 100%; min-height: 66px; padding: 13px 15px; color: var(--ad-teacher-ink); text-align: left; background: #fff; border: 1px solid #aeb9be; border-radius: 10px; font: inherit; cursor: pointer; }
.dua-options button strong[b-xjxozvlukb] { font-size: .8rem; }
.dua-options button span[b-xjxozvlukb] { color: var(--ad-teacher-petroleum); font-size: .72rem; line-height: 1.45; }
.dua-options button:focus-visible[b-xjxozvlukb], .dua-workspace-actions button:focus-visible[b-xjxozvlukb], .dua-workspace-actions a:focus-visible[b-xjxozvlukb] { outline: 3px solid var(--ad-teacher-sky); outline-offset: 3px; }
.dua-area-options[b-xjxozvlukb] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dua-area-options button[b-xjxozvlukb] { grid-template-columns: 1fr; gap: 4px; }
.dua-learning-options button[b-xjxozvlukb] { grid-template-columns: 84px minmax(0, 1fr); }

.dua-live-result[b-xjxozvlukb] { padding-left: 22px; border-left: 1px solid #d8e0e3; }
.dua-live-result > p[b-xjxozvlukb] { margin: 0 0 5px; color: var(--ad-teacher-petroleum); font-size: .625rem; font-weight: 850; letter-spacing: .08em; }
.dua-live-result h2[b-xjxozvlukb] { font-size: .95rem; }
.dua-live-result ol[b-xjxozvlukb] { display: grid; gap: 0; margin: 14px 0 0; padding: 0; list-style: none; }
.dua-live-result li[b-xjxozvlukb] { display: grid; gap: 3px; padding: 12px 0; border-top: 1px solid #d8e0e3; }
.dua-live-result li span[b-xjxozvlukb] { color: #66728a; font-size: .65rem; }
.dua-live-result li strong[b-xjxozvlukb] { color: #889397; font-size: .74rem; font-weight: 700; }
.dua-live-result li.is-ready strong[b-xjxozvlukb] { color: var(--ad-teacher-ink); }

.dua-result[b-xjxozvlukb] { margin-top: 20px; padding: 18px; color: var(--ad-teacher-ink); background: var(--ad-teacher-mist); border: 1px solid #aeb9be; border-radius: 12px; }
.dua-result > span[b-xjxozvlukb] { display: block; margin-bottom: 5px; color: var(--ad-teacher-petroleum); font-size: .65rem; font-weight: 800; letter-spacing: .05em; }
.dua-result h3[b-xjxozvlukb] { margin: 0 0 14px; color: var(--ad-teacher-ink); font-size: .85rem; line-height: 1.5; }
.dua-result > strong[b-xjxozvlukb] { font-size: .82rem; }
.dua-result p[b-xjxozvlukb] { margin: 7px 0 0; font-size: .8rem; line-height: 1.6; }
.dua-result small[b-xjxozvlukb] { display: block; margin-top: 14px; padding-top: 12px; border-top: 1px solid #aeb9be; font-size: .7rem; line-height: 1.5; }
.dua-demo-warning[b-xjxozvlukb] { margin: 14px 0 0; color: #66728a; font-size: .68rem; line-height: 1.5; }
.dua-output-status[b-xjxozvlukb] { margin: 12px 0 0; padding: 10px 12px; color: var(--ad-teacher-ink); background: var(--ad-tint-mint); border-left: 3px solid var(--ad-teacher-mint); font-size: .72rem; line-height: 1.5; }
.dua-workspace-actions[b-xjxozvlukb] { display: flex; justify-content: flex-end; gap: 10px; min-height: 44px; margin-top: 22px; padding-top: 18px; border-top: 1px solid #d8e0e3; }
.dua-workspace-actions button[b-xjxozvlukb], .dua-workspace-actions a[b-xjxozvlukb] { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 9px 14px; color: var(--ad-teacher-petroleum); background: #fff; border: 1px solid #aeb9be; border-radius: 9px; font: inherit; font-size: .72rem; font-weight: 800; text-decoration: none; cursor: pointer; }
.dua-workspace-actions .is-primary[b-xjxozvlukb] { color: #fff; background: var(--ad-teacher-petroleum); border-color: var(--ad-teacher-petroleum); }
.dua-print-document[b-xjxozvlukb] { display: none; }

@media print {
    @page { size: Letter portrait; margin: .65in; }
    .dua-print-document[b-xjxozvlukb] { color: #26383f; font-family: Arial, sans-serif; }
    .dua-print-document > p:first-child[b-xjxozvlukb] { margin: 0 0 8px; font-size: 9pt; font-weight: 700; letter-spacing: .08em; }
    .dua-print-document h1[b-xjxozvlukb] { margin: 0 0 24px; font-size: 22pt; }
    .dua-print-document dl[b-xjxozvlukb] { margin: 0 0 28px; }
    .dua-print-document dl div[b-xjxozvlukb] { display: grid; grid-template-columns: 1.45in 1fr; gap: 14px; padding: 9px 0; border-bottom: 1px solid #d8e0e3; }
    .dua-print-document dt[b-xjxozvlukb] { font-size: 10pt; font-weight: 700; }
    .dua-print-document dd[b-xjxozvlukb] { margin: 0; font-size: 10pt; }
    .dua-print-document h2[b-xjxozvlukb] { margin: 0 0 8px; font-size: 14pt; }
    .dua-print-document > p:not(:first-child)[b-xjxozvlukb] { margin: 0; font-size: 11pt; line-height: 1.6; }
    .dua-print-document small[b-xjxozvlukb] { display: block; margin-top: 36px; color: var(--ad-teacher-petroleum); font-size: 8pt; }
}

.student-register-intro[b-xjxozvlukb] { max-width: 760px; }
.student-register-intro .ad-section-group[b-xjxozvlukb] { color: var(--ad-home-violet); font-weight: 800; letter-spacing: .08em; }
.student-register-intro h1[b-xjxozvlukb] { font-size: clamp(1.65rem, 2.4vw, 2rem); }
.student-register-intro > p:last-child[b-xjxozvlukb] { margin: 6px 0 0; color: #66728a; font-size: .8125rem; line-height: 1.6; }

.ad-section-canvas[b-xjxozvlukb]  .student-register-card,
.student-success-card[b-xjxozvlukb] {
    width: min(100%, 980px);
    margin-top: 22px;
    padding: 24px;
    background: #fff;
    border: 1px solid #e2e6ef;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(6, 20, 58, .05);
}
.student-card-heading[b-xjxozvlukb] { display: flex; align-items: flex-start; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid #edf0f5; }
.student-step[b-xjxozvlukb] { display: inline-grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; color: #fff; background: var(--ad-home-violet); font-size: .75rem; font-weight: 800; }
.student-card-heading h2[b-xjxozvlukb] { font-size: 1rem; }
.student-card-heading p[b-xjxozvlukb] { margin: 3px 0 0; color: #66728a; font-size: .75rem; line-height: 1.5; }
.ad-section-canvas[b-xjxozvlukb]  .student-validation-summary { margin: 16px 0 0; padding: 12px 14px; color: #922b2b; background: #fff4f4; border: 1px solid #f1caca; border-radius: 10px; font-size: .75rem; }
.ad-section-canvas[b-xjxozvlukb]  .student-validation-summary:empty { display: none; }
.ad-section-canvas[b-xjxozvlukb]  .student-validation-summary ul { margin: 0; padding-left: 18px; }
.student-form-grid[b-xjxozvlukb] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px 22px; margin-top: 22px; }
.student-field[b-xjxozvlukb] { min-width: 0; }
.student-field label[b-xjxozvlukb] { display: block; margin-bottom: 7px; color: #202b46; font-size: .75rem; font-weight: 700; }
.student-field label > span:not(.student-optional)[b-xjxozvlukb] { color: #a33a58; }
.student-optional[b-xjxozvlukb] { margin-left: 5px; color: #7b8498; font-size: .6875rem; font-weight: 500; }
.student-field[b-xjxozvlukb]  .student-input { display: block; width: 100%; min-height: 44px; padding: 10px 12px; color: #15213f; background: #fff; border: 1px solid #d9deea; border-radius: 9px; font: inherit; font-size: .8125rem; transition: border-color .15s ease, box-shadow .15s ease; }
.student-field[b-xjxozvlukb]  .student-input::placeholder { color: #8a92a3; }
.student-field[b-xjxozvlukb]  .student-input:hover:not(:disabled) { border-color: #aab3c6; }
.student-field[b-xjxozvlukb]  .student-input:focus { border-color: var(--ad-home-violet); outline: none; box-shadow: 0 0 0 3px rgba(101, 40, 247, .13); }
.student-field[b-xjxozvlukb]  .student-input.input-validation-error { border-color: #b33c4f; }
.student-field[b-xjxozvlukb]  .student-input-disabled { color: #6f788b; background: #f4f6f9; cursor: not-allowed; }
.student-field-help[b-xjxozvlukb] { display: block; margin-top: 5px; color: #737d91; font-size: .6875rem; line-height: 1.4; }
.student-field[b-xjxozvlukb]  .validation-message { display: block; margin-top: 5px; color: #a43245; font-size: .6875rem; }

.student-avatar-compact[b-xjxozvlukb] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 72px;
    padding: 10px 12px;
    background: #f7f5ff;
    border: 1px solid #e3ddff;
    border-radius: 12px;
}
.student-avatar-initials[b-xjxozvlukb] { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: #fff; background: #4f2bb8; font-size: .8125rem; font-weight: 800; letter-spacing: .03em; }
.student-avatar-copy[b-xjxozvlukb] { min-width: 0; }
.student-avatar-copy strong[b-xjxozvlukb],
.student-avatar-copy span[b-xjxozvlukb] { display: block; }
.student-avatar-copy strong[b-xjxozvlukb] { color: #202b46; font-size: .75rem; }
.student-avatar-copy span[b-xjxozvlukb] { margin-top: 2px; color: #6f788b; font-size: .6875rem; line-height: 1.35; }
.student-avatar-compact button[b-xjxozvlukb] { min-height: 38px; padding: 7px 10px; color: #766d89; background: #fff; border: 1px solid #d9d3eb; border-radius: 8px; font: inherit; font-size: .6875rem; font-weight: 700; cursor: not-allowed; }

.student-form-actions[b-xjxozvlukb] { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-top: 24px; padding-top: 20px; border-top: 1px solid #edf0f5; }
.student-submit-group[b-xjxozvlukb] { display: flex; align-items: center; gap: 14px; }
.student-submit-group > span[b-xjxozvlukb] { max-width: 220px; color: #737d91; font-size: .6875rem; line-height: 1.4; text-align: right; }
.student-button[b-xjxozvlukb] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; border-radius: 9px; font: inherit; font-size: .75rem; font-weight: 800; cursor: pointer; }
.student-success-next a.student-button[b-xjxozvlukb] { text-decoration: none; }
.student-button-secondary[b-xjxozvlukb] { color: #26324f; background: #fff; border: 1px solid #d8deea; }
.student-button-primary[b-xjxozvlukb] { color: #fff; background: var(--ad-home-violet); border: 1px solid var(--ad-home-violet); box-shadow: none; }
.student-button:hover[b-xjxozvlukb] { transform: translateY(-1px); }
.student-button:focus-visible[b-xjxozvlukb] { outline: 3px solid rgba(101, 40, 247, .32); outline-offset: 3px; }

.student-success-card[b-xjxozvlukb] { max-width: 920px; padding: 0; overflow: hidden; }
.student-success-heading[b-xjxozvlukb] { padding: 26px 28px 22px; text-align: center; background: #edf9f3; border-bottom: 1px solid #d2ecdf; }
.student-success-kicker[b-xjxozvlukb] { margin: 0 0 7px; color: #14714f; font-size: .6875rem; font-weight: 800; letter-spacing: .08em; }
.student-success-heading h2[b-xjxozvlukb] { font-size: clamp(1.5rem, 2.2vw, 1.875rem); }
.student-success-heading > p:last-child[b-xjxozvlukb] { margin: 6px 0 0; color: #4f675c; font-size: .8125rem; }
.student-success-content[b-xjxozvlukb] { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(240px, .65fr); gap: 24px; padding: 24px 28px 28px; }
.student-success-main[b-xjxozvlukb] { min-width: 0; }
.student-success-profile[b-xjxozvlukb] { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 14px; padding: 16px; background: #fff; border: 1px solid #e2e6ef; border-radius: 12px; }
.student-success-avatar[b-xjxozvlukb] { width: 58px; height: 58px; font-size: 1rem; }
.student-success-profile h3[b-xjxozvlukb] { margin: 0; color: #16213f; font-size: 1rem; font-weight: 800; }
.student-success-profile p[b-xjxozvlukb] { margin: 3px 0 0; color: #687286; font-size: .71875rem; line-height: 1.45; }
.student-success-message[b-xjxozvlukb] { margin-top: 16px; padding: 16px; color: #1c6148; background: #edf9f3; border: 1px solid #d2ecdf; border-radius: 12px; }
.student-success-message strong[b-xjxozvlukb] { font-size: .75rem; }
.student-success-message p[b-xjxozvlukb] { margin: 5px 0 0; font-size: .71875rem; line-height: 1.55; }
.student-success-next[b-xjxozvlukb] { display: flex; flex-direction: column; gap: 10px; padding-left: 24px; border-left: 1px solid #edf0f5; }
.student-success-next h3[b-xjxozvlukb] { margin: 0 0 4px; color: #172341; font-size: .875rem; font-weight: 800; }
.student-success-next .student-button[b-xjxozvlukb] { width: 100%; }
.student-success-next .student-button:disabled[b-xjxozvlukb] { color: #8a91a0; background: #f4f5f8; border-color: #e0e3ea; box-shadow: none; cursor: not-allowed; transform: none; }
.student-success-edit[b-xjxozvlukb] { min-height: 40px; margin-top: 2px; padding: 8px 12px; color: #5e2dcc; background: transparent; border: 0; border-radius: 8px; font: inherit; font-size: .71875rem; font-weight: 750; text-decoration: underline; cursor: pointer; }
.student-success-edit:focus-visible[b-xjxozvlukb] { outline: 3px solid rgba(101, 40, 247, .32); outline-offset: 2px; }
.student-pending-note[b-xjxozvlukb] { display: flex; flex-direction: column; gap: 3px; margin-top: 18px; padding: 14px 16px; color: #5f4a18; background: #fff8e6; border: 1px solid #eddda8; border-radius: 10px; }
.student-pending-note strong[b-xjxozvlukb] { font-size: .75rem; }
.student-pending-note span[b-xjxozvlukb] { font-size: .6875rem; line-height: 1.45; }
.student-pending-note.is-saved[b-xjxozvlukb] { color: #1c6148; background: var(--ad-tint-mint); border-color: var(--ad-teacher-mint); }
.student-register-error[b-xjxozvlukb] { margin: 16px 0 0; padding: 11px 13px; color: #8f2f2f; background: var(--ad-tint-orange); border: 1px solid var(--ad-teacher-orange); border-radius: 9px; font-size: .72rem; }

@media (min-width: 1024px) and (max-height: 760px) { .ad-section-canvas[b-xjxozvlukb] { min-height: max(300px, calc(100dvh - 146px)); } }
@media (max-width: 1023px) { .ad-section[b-xjxozvlukb] { padding-bottom: 90px; } .ad-section-canvas[b-xjxozvlukb] { min-height: 440px; } }
@media (max-width: 700px) {
    .ad-section[b-xjxozvlukb] { padding-left: 8px; padding-right: 8px; }
    .ad-section-canvas[b-xjxozvlukb] { padding: 24px 20px; min-height: 380px; }
    .ad-section-canvas h1[b-xjxozvlukb],
    .ad-section-canvas h2[b-xjxozvlukb] { font-size: 1.25rem; }
    .ad-section-demo[b-xjxozvlukb] { padding-right: 0; }
    .ad-section-canvas[b-xjxozvlukb]  .student-register-card,
    .student-success-card[b-xjxozvlukb] { margin-top: 18px; }
    .student-form-grid[b-xjxozvlukb] { grid-template-columns: 1fr; }
    .student-avatar-compact[b-xjxozvlukb] { grid-template-columns: 40px minmax(0, 1fr); }
    .student-avatar-initials[b-xjxozvlukb] { width: 40px; height: 40px; }
    .student-avatar-compact button[b-xjxozvlukb] { grid-column: 1 / -1; width: 100%; }
    .student-form-actions[b-xjxozvlukb] { align-items: stretch; flex-direction: column-reverse; }
    .student-submit-group[b-xjxozvlukb] { align-items: stretch; flex-direction: column; width: 100%; }
    .student-submit-group > span[b-xjxozvlukb] { max-width: none; text-align: left; }
    .student-button[b-xjxozvlukb] { width: 100%; }
    .student-success-heading[b-xjxozvlukb] { padding: 22px 18px 18px; text-align: left; }
    .student-success-content[b-xjxozvlukb] { grid-template-columns: 1fr; gap: 20px; padding: 18px 16px 20px; }
    .student-success-profile[b-xjxozvlukb] { grid-template-columns: 48px minmax(0, 1fr); padding: 14px; }
    .student-success-avatar[b-xjxozvlukb] { width: 48px; height: 48px; }
    .student-success-next[b-xjxozvlukb] { padding: 18px 0 0; border-top: 1px solid #edf0f5; border-left: 0; }
    .design-tool-heading[b-xjxozvlukb], .design-tool-footer[b-xjxozvlukb] { align-items: stretch; flex-direction: column; }
    .design-tool-flow[b-xjxozvlukb] { grid-template-columns: 1fr; }
    .design-tool-actions[b-xjxozvlukb] { width: 100%; }
    .design-tool-actions a[b-xjxozvlukb] { flex: 1 1 150px; }
    .dua-workspace-heading[b-xjxozvlukb] { align-items: stretch; flex-direction: column; }
    .dua-context[b-xjxozvlukb] { width: 100%; }
    .dua-progress[b-xjxozvlukb] { grid-template-columns: repeat(6, 1fr); }
    .dua-progress span[b-xjxozvlukb] { justify-content: center; padding: 0 2px 10px; font-size: 0; }
    .dua-progress b[b-xjxozvlukb] { font-size: .7rem; }
    .dua-workspace[b-xjxozvlukb] { grid-template-columns: 1fr; }
    .dua-options button[b-xjxozvlukb] { grid-template-columns: 1fr; gap: 4px; }
    .dua-area-options[b-xjxozvlukb] { grid-template-columns: 1fr; }
    .dua-live-result[b-xjxozvlukb] { padding: 18px 0 0; border-top: 1px solid #d8e0e3; border-left: 0; }
    .dua-workspace-actions[b-xjxozvlukb] { align-items: stretch; flex-direction: column-reverse; }
    .dua-workspace-actions button[b-xjxozvlukb], .dua-workspace-actions a[b-xjxozvlukb] { width: 100%; }
}

/* El estado pertenece a StatusPill; el ajuste sólo afecta esta plantilla. */
html.ad-a11y-high-contrast .ad-section-title-row[b-xjxozvlukb]  span {
    color: #fff !important;
    background: #000 !important;
    border: 1px solid #fff !important;
}
html.ad-a11y-high-contrast .ad-section-canvas[b-xjxozvlukb]  .student-register-card,
html.ad-a11y-high-contrast .student-success-card[b-xjxozvlukb],
html.ad-a11y-high-contrast .student-avatar-compact[b-xjxozvlukb],
html.ad-a11y-high-contrast .student-success-heading[b-xjxozvlukb],
html.ad-a11y-high-contrast .student-success-profile[b-xjxozvlukb],
html.ad-a11y-high-contrast .student-success-message[b-xjxozvlukb],
html.ad-a11y-high-contrast .student-pending-note[b-xjxozvlukb] {
    color: #fff !important;
    background: #000 !important;
    border-color: #fff !important;
}
html.ad-a11y-high-contrast .student-field[b-xjxozvlukb]  .student-input {
    color: #fff !important;
    background: #000 !important;
    border-color: #fff !important;
}
/* /Components/Pages/Docente/Suscripcion.razor.rz.scp.css */
.ad-subscription[b-u5qphvlqib] {
    --ad-home-violet: #6528f7;
    --ad-home-ink: #06143a;
    padding: 0 12px 80px;
    color: var(--ad-home-ink);
    background: #f8f9fc;
}
.ad-subscription-canvas[b-u5qphvlqib] { max-width: 1440px; margin: 0 auto; padding: 28px 30px 30px; background: #fff; border: 1px solid #eff0f5; border-radius: 18px; }
.ad-subscription-heading[b-u5qphvlqib] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.ad-subscription-eyebrow[b-u5qphvlqib] { margin: 0 0 8px; color: #66728a; font-size: .625rem; font-weight: 650; letter-spacing: .8px; }
.ad-subscription-heading h2[b-u5qphvlqib] { margin: 0; font-size: 1.75rem; font-weight: 750; line-height: 1.25; letter-spacing: -.6px; }
.ad-subscription-intro[b-u5qphvlqib] { margin: 9px 0 0; color: #52617e; font-size: .8125rem; line-height: 1.6; }
.ad-subscription-draft[b-u5qphvlqib] { display: inline-flex; padding: 7px 10px; border: 1px solid #e6ddfc; border-radius: 20px; color: #6534b4; background: #f8f5ff; font-size: .625rem; line-height: 1.5; white-space: nowrap; }
.ad-subscription-notice[b-u5qphvlqib] { margin: 20px 0 24px; padding: 11px 14px; border: 1px solid #eee5cd; border-radius: 10px; color: #6b5735; background: #fffbf0; font-size: .6875rem; line-height: 1.65; }
.ad-subscription-grid[b-u5qphvlqib] { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); align-items: start; gap: 30px; }
.ad-subscription-plan[b-u5qphvlqib] { padding: 24px; background: #f7f3ff; border: 1px solid #eae0ff; border-radius: 18px; min-width: 0; }
.ad-subscription-plan-top[b-u5qphvlqib] { display: flex; align-items: center; gap: 0; }
.ad-subscription-plan-copy[b-u5qphvlqib] { min-width: 0; flex: 1; position: relative; z-index: 1; }
.ad-subscription-crown[b-u5qphvlqib] { width: 46px; height: 46px; display: grid; place-items: center; color: #fff; background: #6528f7; border-radius: 14px; margin-bottom: 20px; }
.ad-subscription-kicker[b-u5qphvlqib] { margin: 0 0 6px; font-size: .5625rem; font-weight: 700; line-height: 1.6; letter-spacing: .65px; color: #724caf; }
.ad-subscription-plan h3[b-u5qphvlqib] { margin: 0; color: #6528f7; font-size: 2rem; font-weight: 750; line-height: 1.2; letter-spacing: -.6px; }
.ad-subscription-plan-copy > p:last-child[b-u5qphvlqib] { margin: 10px 0 0; max-width: 170px; font-size: .8125rem; line-height: 1.6; font-weight: 600; }
.ad-subscription-illustration[b-u5qphvlqib] { width: 46%; max-width: 210px; height: auto; flex: none; object-fit: contain; mix-blend-mode: multiply; }
.ad-subscription-plan-description[b-u5qphvlqib] { margin: 22px 0; max-width: 350px; color: #52617e; font-size: .75rem; line-height: 1.7; }
.ad-subscription-benefits[b-u5qphvlqib] { list-style: none; padding: 0; margin: 0; display: grid; gap: 19px; }
.ad-subscription-benefits li[b-u5qphvlqib] { display: flex; align-items: flex-start; gap: 12px; }
.ad-subscription-benefit-number[b-u5qphvlqib] { display: grid; place-items: center; width: 28px; height: 28px; flex: none; background: #ede4ff; border: 1px solid #e5d8fd; border-radius: 9px; color: #6534b4; font-size: .625rem; font-weight: 700; }
.ad-subscription-benefits h4[b-u5qphvlqib] { margin: 0; font-size: .8125rem; line-height: 1.5; font-weight: 700; }
.ad-subscription-benefits p[b-u5qphvlqib] { margin: 4px 0 0; font-size: .6875rem; line-height: 1.65; color: #52617e; }
.ad-subscription-scope[b-u5qphvlqib] { margin: 24px 0 0; padding-top: 15px; border-top: 1px solid #e4d9f6; color: #67557f; font-size: .625rem; line-height: 1.65; }
.ad-subscription-selection[b-u5qphvlqib] { padding: 6px 0 0; min-width: 0; }
.ad-subscription-selection h3[b-u5qphvlqib] { margin: 0; font-size: 1.25rem; line-height: 1.4; font-weight: 750; letter-spacing: -.3px; }
.ad-subscription-selection-description[b-u5qphvlqib] { margin: 8px 0 24px; font-size: .75rem; line-height: 1.7; color: #52617e; }
.ad-subscription-frequency[b-u5qphvlqib] { margin: 0; padding: 0; border: 0; min-width: 0; }
.ad-subscription-frequency legend[b-u5qphvlqib] { padding: 0; font-size: .75rem; font-weight: 700; line-height: 1.6; }
.ad-subscription-frequency legend span[b-u5qphvlqib] { font-weight: 400; color: #66728a; }
.ad-subscription-options[b-u5qphvlqib] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.ad-subscription-option[b-u5qphvlqib] { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; padding: 10px; border: 1px solid #dfe3ec; border-radius: 10px; color: #52617e; font-size: .8125rem; font-weight: 650; cursor: pointer; }
.ad-subscription-option.is-selected[b-u5qphvlqib] { background: #f6f1ff; color: #6528f7; border-color: #966df4; }
.ad-subscription-option input[b-u5qphvlqib] { width: 16px; height: 16px; margin: 0; accent-color: #6528f7; flex: none; }
.ad-subscription-option:focus-within[b-u5qphvlqib] { outline: 3px solid #6528f7; outline-offset: 3px; }
.ad-subscription-price[b-u5qphvlqib] { margin: 21px 0; padding: 18px; border: 1px solid #e9edf4; border-radius: 12px; background: #f8f9fc; }
.ad-subscription-price p[b-u5qphvlqib] { margin: 0; color: #52617e; font-size: .6875rem; line-height: 1.65; }
.ad-subscription-price strong[b-u5qphvlqib] { display: block; margin: 6px 0; font-size: 1.4375rem; line-height: 1.3; letter-spacing: -.4px; font-weight: 750; }
.ad-subscription-primary[b-u5qphvlqib] { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 46px; padding: 12px 18px; border: 1px solid #6528f7; border-radius: 12px; color: #fff; background: #6528f7; font-size: .8125rem; line-height: 1.5; font-weight: 700; cursor: pointer; }
.ad-subscription-primary:hover[b-u5qphvlqib] { background: #5121cc; }
.ad-subscription-primary svg[b-u5qphvlqib] { flex: none; }
.ad-subscription-primary:focus-visible[b-u5qphvlqib], .ad-subscription-back:focus-visible[b-u5qphvlqib], .ad-subscription-faq summary:focus-visible[b-u5qphvlqib] { outline: 3px solid #6528f7; outline-offset: 4px; }
.ad-subscription-action-note[b-u5qphvlqib] { margin: 9px 0 0; font-size: .625rem; line-height: 1.6; color: #66728a; text-align: center; }
.ad-subscription-preview[b-u5qphvlqib] { margin-top: 18px; padding: 16px; background: #f0faf7; border: 1px solid #c9e5db; border-radius: 12px; }
.ad-subscription-preview[hidden][b-u5qphvlqib] { display: none; }
.ad-subscription-preview h4[b-u5qphvlqib] { margin: 0 0 12px; font-size: .8125rem; font-weight: 700; }
.ad-subscription-preview dl[b-u5qphvlqib] { margin: 0; font-size: .6875rem; }
.ad-subscription-preview dl div[b-u5qphvlqib] { display: flex; justify-content: space-between; gap: 12px; margin-top: 8px; }
.ad-subscription-preview dt[b-u5qphvlqib] { color: #52617e; }
.ad-subscription-preview dd[b-u5qphvlqib] { margin: 0; text-align: right; font-weight: 700; }
.ad-subscription-preview p[b-u5qphvlqib] { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid #c9e5db; color: #256251; font-size: .625rem; line-height: 1.65; }
.ad-subscription-faq[b-u5qphvlqib] { margin-top: 21px; border-top: 1px solid #e9edf4; border-bottom: 1px solid #e9edf4; }
.ad-subscription-faq summary[b-u5qphvlqib] { min-height: 48px; padding: 14px 0; font-size: .6875rem; line-height: 1.7; font-weight: 650; cursor: pointer; }
.ad-subscription-faq p[b-u5qphvlqib] { margin: 0 0 15px; font-size: .6875rem; line-height: 1.7; color: #52617e; }
.ad-subscription-back[b-u5qphvlqib] { display: inline-flex; align-items: center; min-height: 44px; margin-top: 8px; color: #6528f7; font-size: .75rem; text-underline-offset: 3px; text-decoration: underline; }
.ad-subscription-demo[b-u5qphvlqib] { margin: 10px 0 0; padding-right: 185px; color: #66728a; font-size: .625rem; line-height: 1.6; }
@media (min-width: 1024px) and (max-width: 1199px) {
    .ad-subscription-canvas[b-u5qphvlqib] { padding: 26px 22px; }
    .ad-subscription-grid[b-u5qphvlqib] { gap: 22px; }
    .ad-subscription-plan[b-u5qphvlqib] { padding: 20px; }
}
@media (max-width: 850px) {
    .ad-subscription-grid[b-u5qphvlqib] { grid-template-columns: 1fr; gap: 28px; }
    .ad-subscription-selection[b-u5qphvlqib] { padding: 0; }
}
@media (max-width: 700px) {
    .ad-subscription[b-u5qphvlqib] { padding-left: 8px; padding-right: 8px; padding-bottom: 90px; }
    .ad-subscription-canvas[b-u5qphvlqib] { padding: 24px 18px; }
    .ad-subscription-heading[b-u5qphvlqib] { gap: 12px; }
    .ad-subscription-heading h2[b-u5qphvlqib] { font-size: 1.5rem; }
    .ad-subscription-notice[b-u5qphvlqib] { margin-top: 18px; margin-bottom: 20px; }
    .ad-subscription-plan[b-u5qphvlqib] { padding: 20px 16px; }
    .ad-subscription-plan h3[b-u5qphvlqib] { font-size: 1.75rem; }
    .ad-subscription-crown[b-u5qphvlqib] { margin-bottom: 15px; }
    .ad-subscription-demo[b-u5qphvlqib] { padding-right: 0; }
}
@media (prefers-reduced-motion: reduce) { .ad-subscription *[b-u5qphvlqib] { scroll-behavior: auto; } }
html.ad-a11y-high-contrast .ad-subscription-draft[b-u5qphvlqib],
html.ad-a11y-high-contrast .ad-subscription-notice[b-u5qphvlqib],
html.ad-a11y-high-contrast .ad-subscription-crown[b-u5qphvlqib],
html.ad-a11y-high-contrast .ad-subscription-benefit-number[b-u5qphvlqib],
html.ad-a11y-high-contrast .ad-subscription-option[b-u5qphvlqib],
html.ad-a11y-high-contrast .ad-subscription-price[b-u5qphvlqib],
html.ad-a11y-high-contrast .ad-subscription-preview[b-u5qphvlqib] {
    background: #000 !important; color: #fff !important; border: 1px solid #fff !important;
}
html.ad-a11y-high-contrast .ad-subscription-primary[b-u5qphvlqib] { background: #000 !important; color: #fff !important; border-color: #fff !important; }
html.ad-a11y-high-contrast .ad-subscription-option.is-selected[b-u5qphvlqib] { border: 2px solid #ff0 !important; }
html.ad-a11y-high-contrast .ad-subscription-option input[b-u5qphvlqib] { accent-color: #ff0; }
html.ad-a11y-high-contrast .ad-subscription-illustration[b-u5qphvlqib] { mix-blend-mode: normal; }
html.ad-a11y-high-contrast .ad-subscription-option:focus-within[b-u5qphvlqib],
html.ad-a11y-high-contrast .ad-subscription-primary:focus-visible[b-u5qphvlqib],
html.ad-a11y-high-contrast .ad-subscription-back:focus-visible[b-u5qphvlqib],
html.ad-a11y-high-contrast .ad-subscription-faq summary:focus-visible[b-u5qphvlqib] { outline-color: #ff0 !important; }
/* /Components/Pages/Docente/TalleresEspecializados.razor.rz.scp.css */
.ad-workshops[b-fij0m6symm] {
    --workshops-ink: #08163d;
    --workshops-violet: #6d28d9;
    padding: 0 12px 28px;
    color: var(--workshops-ink);
    background: #f8f9fc;
}

.ad-workshops-canvas[b-fij0m6symm] {
    width: min(100%, 1440px);
    min-height: max(560px, calc(100dvh - 176px));
    margin: 0 auto;
    padding: 32px;
    background: #fff;
    border: 1px solid #eceff5;
    border-radius: 20px;
    box-shadow: 0 12px 36px rgba(8, 22, 61, .035);
}

.ad-workshops-hero[b-fij0m6symm] { max-width: 840px; }
.ad-workshops-hero > p[b-fij0m6symm],
.ad-workshops-heading-row p[b-fij0m6symm],
.ad-workshop-card-top p[b-fij0m6symm],
.ad-workshop-dialog-kicker[b-fij0m6symm] {
    margin: 0;
    color: var(--workshops-violet);
    font-size: .65rem;
    font-weight: 850;
    letter-spacing: .09em;
}
.ad-workshops-hero h1[b-fij0m6symm] { margin: 5px 0 0; font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1.04; letter-spacing: -.045em; }
.ad-workshops-hero h2[b-fij0m6symm] { margin: 8px 0 0; font-size: clamp(1rem, 1.7vw, 1.3rem); line-height: 1.3; }
.ad-workshops-hero > span[b-fij0m6symm] { display: block; max-width: 720px; margin-top: 7px; color: #68738d; font-size: .8125rem; line-height: 1.65; }

.ad-workshops-tools[b-fij0m6symm] { display: flex; align-items: center; gap: 14px; margin-top: 26px; }
.ad-workshops-search[b-fij0m6symm] { position: relative; flex: 1 1 360px; min-width: 240px; }
.ad-workshops-search[b-fij0m6symm]  .bo-icon { position: absolute; left: 14px; top: 50%; z-index: 1; color: #77819a; transform: translateY(-50%); }
.ad-workshops-search input[b-fij0m6symm] { width: 100%; min-height: 46px; padding: 11px 15px 11px 43px; color: #142142; background: #fff; border: 1px solid #dce1eb; border-radius: 12px; font: inherit; font-size: .775rem; }
.ad-workshops-search input[b-fij0m6symm]::placeholder { color: #8790a4; }
.ad-workshops-search input:focus[b-fij0m6symm] { border-color: #8b5cf6; outline: 0; box-shadow: 0 0 0 3px rgba(109, 40, 217, .12); }

.ad-workshops-filters[b-fij0m6symm] { display: flex; align-items: center; gap: 7px; flex: 2 1 auto; overflow-x: auto; padding: 3px; scrollbar-width: thin; }
.ad-workshops-filters button[b-fij0m6symm] { flex: none; min-height: 38px; padding: 8px 13px; color: #616b82; background: #fff; border: 1px solid #e0e4ed; border-radius: 999px; font: inherit; font-size: .675rem; font-weight: 750; cursor: pointer; }
.ad-workshops-filters button:hover[b-fij0m6symm] { color: #5522b8; border-color: #c9b5f7; }
.ad-workshops-filters button.is-active[b-fij0m6symm] { color: #fff; background: var(--workshops-violet); border-color: var(--workshops-violet); box-shadow: 0 5px 14px rgba(109, 40, 217, .18); }
.ad-workshops-filters button:focus-visible[b-fij0m6symm] { outline: 3px solid rgba(109, 40, 217, .28); outline-offset: 2px; }

.ad-workshops-heading-row[b-fij0m6symm] { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-top: 30px; }
.ad-workshops-heading-row h2[b-fij0m6symm] { margin: 4px 0 0; font-size: 1.15rem; }
.ad-workshops-heading-row > span[b-fij0m6symm] { color: #768097; font-size: .7rem; }

.ad-workshops-grid[b-fij0m6symm] { display: grid; grid-template-columns: repeat(5, minmax(190px, 1fr)); gap: 14px; margin-top: 14px; }
.ad-workshop-card[b-fij0m6symm] { display: flex; min-width: 0; min-height: 330px; flex-direction: column; padding: 20px 18px 17px; background: linear-gradient(180deg, var(--workshop-soft) 0, #fff 39%); border: 1px solid color-mix(in srgb, var(--workshop-accent) 22%, #e4e7ef); border-radius: 18px; box-shadow: 0 8px 22px rgba(8, 22, 61, .045); }
.ad-workshop-card-top[b-fij0m6symm] { display: grid; grid-template-columns: minmax(0, 1fr) 48px; align-items: start; gap: 10px; }
.ad-workshop-card-top p[b-fij0m6symm] { color: var(--workshop-accent); }
.ad-workshop-card h3[b-fij0m6symm] { margin: 8px 0 0; color: #08163d; font-size: clamp(1.12rem, 1.35vw, 1.35rem); font-weight: 820; line-height: 1.08; letter-spacing: -.035em; text-wrap: balance; }
.ad-workshop-icon[b-fij0m6symm] { display: grid; place-items: center; width: 48px; height: 48px; color: var(--workshop-accent); background: #fff; border: 1px solid color-mix(in srgb, var(--workshop-accent) 25%, #fff); border-radius: 50%; box-shadow: 0 5px 14px rgba(8, 22, 61, .06); }
.ad-workshop-icon[b-fij0m6symm]  .bo-icon { width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; max-width: 22px !important; max-height: 22px !important; }
.ad-workshop-summary[b-fij0m6symm] { margin: 16px 0 0; color: #64708a; font-size: .72rem; line-height: 1.58; }
.ad-workshop-meta[b-fij0m6symm] { display: grid; grid-template-columns: 1fr; gap: 7px; margin: auto 0 15px; padding-top: 18px; }
.ad-workshop-meta div[b-fij0m6symm] { display: flex; align-items: baseline; justify-content: space-between; gap: 9px; padding-bottom: 6px; border-bottom: 1px solid #eef0f5; }
.ad-workshop-meta dt[b-fij0m6symm] { color: #8a92a5; font-size: .58rem; }
.ad-workshop-meta dd[b-fij0m6symm] { margin: 0; color: #263451; font-size: .62rem; font-weight: 750; text-align: right; }
.ad-workshop-action[b-fij0m6symm] { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 42px; padding: 9px 12px; color: #fff; background: var(--workshop-accent); border: 0; border-radius: 10px; font: inherit; font-size: .7rem; font-weight: 800; cursor: pointer; box-shadow: 0 6px 14px color-mix(in srgb, var(--workshop-accent) 24%, transparent); }
.ad-workshop-action:hover[b-fij0m6symm] { filter: brightness(.96); transform: translateY(-1px); }
.ad-workshop-action:focus-visible[b-fij0m6symm] { outline: 3px solid color-mix(in srgb, var(--workshop-accent) 30%, transparent); outline-offset: 3px; }

.ad-workshops-empty[b-fij0m6symm] { display: grid; justify-items: center; margin-top: 16px; padding: 50px 24px; text-align: center; background: #faf9ff; border: 1px dashed #cfc5e7; border-radius: 16px; }
.ad-workshops-empty[b-fij0m6symm]  .bo-icon { color: #6d28d9; }
.ad-workshops-empty h3[b-fij0m6symm] { margin: 12px 0 0; font-size: 1rem; }
.ad-workshops-empty p[b-fij0m6symm] { margin: 6px 0 0; color: #6d768a; font-size: .75rem; }
.ad-workshops-empty button[b-fij0m6symm] { margin-top: 16px; min-height: 42px; padding: 9px 16px; color: #fff; background: #6d28d9; border: 0; border-radius: 10px; font: inherit; font-size: .7rem; font-weight: 800; cursor: pointer; }

.ad-workshops-note[b-fij0m6symm] { display: flex; align-items: flex-start; gap: 10px; margin-top: 18px; padding: 14px 16px; color: #514474; background: #f8f5ff; border: 1px solid #e2daf8; border-radius: 12px; }
.ad-workshops-note[b-fij0m6symm]  .bo-icon { color: #6d28d9; }
.ad-workshops-note strong[b-fij0m6symm],
.ad-workshops-note span[b-fij0m6symm] { display: block; }
.ad-workshops-note strong[b-fij0m6symm] { font-size: .72rem; }
.ad-workshops-note span[b-fij0m6symm] { margin-top: 3px; font-size: .66rem; line-height: 1.5; }

.ad-workshop-dialog-backdrop[b-fij0m6symm] { position: fixed; z-index: 90; inset: 0; display: grid; place-items: center; padding: 24px; background: rgba(6, 15, 43, .5); backdrop-filter: blur(4px); }
.ad-workshop-dialog[b-fij0m6symm] { position: relative; width: min(100%, 560px); max-height: calc(100dvh - 48px); overflow-y: auto; padding: 30px; background: #fff; border: 1px solid #e7e1f2; border-radius: 20px; box-shadow: 0 26px 70px rgba(6, 15, 43, .24); }
.ad-workshop-dialog-close[b-fij0m6symm] { position: absolute; top: 14px; right: 14px; display: grid; place-items: center; width: 38px; height: 38px; color: #4c566e; background: #f5f6f9; border: 0; border-radius: 50%; font: inherit; font-size: 1.25rem; cursor: pointer; }
.ad-workshop-dialog h2[b-fij0m6symm] { max-width: 440px; margin: 7px 40px 0 0; font-size: clamp(1.45rem, 3vw, 2rem); line-height: 1.12; letter-spacing: -.035em; }
.ad-workshop-dialog > p:not(.ad-workshop-dialog-kicker)[b-fij0m6symm] { margin: 14px 0 0; color: #616d85; font-size: .8rem; line-height: 1.7; }
.ad-workshop-dialog-details[b-fij0m6symm] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 20px; }
.ad-workshop-dialog-details div[b-fij0m6symm] { padding: 12px; background: #f7f5ff; border: 1px solid #e7e0f7; border-radius: 11px; }
.ad-workshop-dialog-details span[b-fij0m6symm],
.ad-workshop-dialog-details strong[b-fij0m6symm] { display: block; }
.ad-workshop-dialog-details span[b-fij0m6symm] { color: #7b8497; font-size: .6rem; }
.ad-workshop-dialog-details strong[b-fij0m6symm] { margin-top: 4px; color: #24304d; font-size: .7rem; }
.ad-workshop-dialog-status[b-fij0m6symm] { margin-top: 18px; padding: 13px 14px; color: #6b531d; background: #fff8e6; border: 1px solid #ead9aa; border-radius: 10px; font-size: .68rem; line-height: 1.5; }
.ad-workshop-dialog-primary[b-fij0m6symm] { width: 100%; min-height: 44px; margin-top: 16px; padding: 10px 16px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: #fff; background: #6d28d9; border: 0; border-radius: 10px; font: inherit; font-size: .72rem; font-weight: 800; text-decoration: none; cursor: pointer; }
.ad-workshop-dialog-primary:hover[b-fij0m6symm] { background: #5b21b6; }

@media (max-width: 1279px) {
    .ad-workshops-grid[b-fij0m6symm] { grid-template-columns: repeat(3, minmax(210px, 1fr)); }
    .ad-workshops-tools[b-fij0m6symm] { align-items: stretch; flex-direction: column; }
    .ad-workshops-search[b-fij0m6symm] { flex-basis: auto; }
}

@media (max-width: 840px) {
    .ad-workshops-grid[b-fij0m6symm] { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}

@media (max-width: 700px) {
    .ad-workshops[b-fij0m6symm] { padding: 0 8px 90px; }
    .ad-workshops-canvas[b-fij0m6symm] { padding: 24px 18px; border-radius: 16px; }
    .ad-workshops-hero h1[b-fij0m6symm] { font-size: 2rem; }
    .ad-workshops-heading-row[b-fij0m6symm] { align-items: flex-start; }
    .ad-workshops-grid[b-fij0m6symm] { grid-template-columns: 1fr; }
    .ad-workshop-card[b-fij0m6symm] { min-height: 0; }
    .ad-workshop-dialog-backdrop[b-fij0m6symm] { padding: 12px; }
    .ad-workshop-dialog[b-fij0m6symm] { padding: 25px 20px 20px; border-radius: 16px; }
    .ad-workshop-dialog-details[b-fij0m6symm] { grid-template-columns: 1fr; }
}

html.ad-a11y-high-contrast .ad-workshops-canvas[b-fij0m6symm],
html.ad-a11y-high-contrast .ad-workshop-card[b-fij0m6symm],
html.ad-a11y-high-contrast .ad-workshops-search input[b-fij0m6symm],
html.ad-a11y-high-contrast .ad-workshops-filters button[b-fij0m6symm],
html.ad-a11y-high-contrast .ad-workshops-note[b-fij0m6symm],
html.ad-a11y-high-contrast .ad-workshop-dialog[b-fij0m6symm],
html.ad-a11y-high-contrast .ad-workshop-dialog-details div[b-fij0m6symm],
html.ad-a11y-high-contrast .ad-workshop-dialog-status[b-fij0m6symm] {
    color: #fff !important;
    background: #000 !important;
    border-color: #fff !important;
}
/* /Components/Pages/Docente/TallerUnaEscuelaParaTodas.razor.rz.scp.css */
.ad-workshop-detail[b-djizsk6k3v] {
    min-height: 100vh;
    background: #f6f7fb;
    color: #0a1641;
}

.ad-workshop-detail-canvas[b-djizsk6k3v] {
    width: min(1180px, calc(100% - 2rem));
    margin: 0 auto;
    padding: 1.25rem 0 4rem;
}

.ad-workshop-back[b-djizsk6k3v] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: 1rem;
    color: #5b21b6;
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none;
}

.ad-workshop-back:hover[b-djizsk6k3v] { text-decoration: underline; }

.ad-workshop-cover[b-djizsk6k3v] {
    --reveal: 54%;
    position: relative;
    min-height: 560px;
    overflow: hidden;
    border: 1px solid #dce2ef;
    border-radius: 1.8rem;
    background: #f5f0e7;
    box-shadow: 0 24px 65px rgba(16, 37, 81, .13);
    isolation: isolate;
}

.ad-workshop-cover-image[b-djizsk6k3v],
.ad-workshop-cover-shade[b-djizsk6k3v] {
    position: absolute;
    inset: 0;
}

.ad-workshop-cover-image[b-djizsk6k3v] {
    background: url('/recursos/talleres/una-escuela-para-todas/hero-una-escuela-para-todas.png') center / cover no-repeat;
}

.ad-workshop-cover-image.is-monochrome[b-djizsk6k3v] { filter: grayscale(1) contrast(.95); }

.ad-workshop-cover-image.is-color[b-djizsk6k3v] {
    clip-path: inset(0 calc(100% - var(--reveal)) 0 0);
    transition: clip-path 100ms linear;
}

.ad-workshop-cover-shade[b-djizsk6k3v] {
    z-index: 1;
    background: linear-gradient(90deg, rgba(255, 253, 247, .98) 0%, rgba(255, 253, 247, .94) 35%, rgba(255, 253, 247, .48) 54%, rgba(255, 253, 247, .05) 80%);
}

.ad-workshop-cover-copy[b-djizsk6k3v] {
    position: relative;
    z-index: 2;
    width: min(520px, 52%);
    min-height: 560px;
    padding: 4.8rem 2rem 4rem 4.2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.ad-workshop-cover-copy > p[b-djizsk6k3v],
.ad-workshop-purpose > p[b-djizsk6k3v],
.ad-workshop-kit-heading p[b-djizsk6k3v],
.ad-workshop-method > div p[b-djizsk6k3v] {
    margin: 0 0 .75rem;
    color: #6d28d9;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .16em;
}

.ad-workshop-cover-copy h1[b-djizsk6k3v] {
    max-width: 500px;
    margin: 0;
    color: #07163c;
    font-size: clamp(2.6rem, 5vw, 4.7rem);
    line-height: .96;
    letter-spacing: -.055em;
}

.ad-workshop-cover-copy h2[b-djizsk6k3v] {
    margin: 1.3rem 0 .5rem;
    color: #172554;
    font-size: clamp(1.05rem, 2vw, 1.35rem);
}

.ad-workshop-cover-copy > span[b-djizsk6k3v] {
    max-width: 455px;
    color: #526080;
    font-size: .96rem;
    line-height: 1.55;
}

.ad-workshop-cover-copy > a[b-djizsk6k3v] {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    margin-top: 1.5rem;
    padding: .9rem 1.3rem;
    border-radius: .85rem;
    background: #6d28d9;
    color: white;
    font-size: .9rem;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 12px 24px rgba(109, 40, 217, .22);
}

.ad-workshop-cover-copy > a:hover[b-djizsk6k3v] { background: #5b21b6; }

.ad-workshop-reveal[b-djizsk6k3v] {
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: 1.1rem;
    transform: translateX(-50%);
    width: min(600px, calc(100% - 2rem));
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .75rem;
    padding: .7rem .9rem;
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 999px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 10px 24px rgba(10, 22, 65, .14);
    backdrop-filter: blur(12px);
}

.ad-workshop-reveal span[b-djizsk6k3v] {
    color: #344067;
    font-size: .67rem;
    font-weight: 800;
}

.ad-workshop-reveal input[b-djizsk6k3v] {
    width: 100%;
    accent-color: #6d28d9;
    cursor: ew-resize;
}

.ad-workshop-purpose[b-djizsk6k3v] {
    padding: 4.5rem 4rem 3.5rem;
    text-align: center;
}

.ad-workshop-purpose h2[b-djizsk6k3v],
.ad-workshop-kit-heading h2[b-djizsk6k3v],
.ad-workshop-method h2[b-djizsk6k3v] {
    margin: 0;
    color: #07163c;
    font-size: clamp(1.85rem, 3vw, 2.7rem);
    letter-spacing: -.035em;
}

.ad-workshop-purpose span[b-djizsk6k3v] {
    display: block;
    max-width: 760px;
    margin: .9rem auto 0;
    color: #65708e;
    line-height: 1.7;
}

.ad-workshop-kit[b-djizsk6k3v] {
    padding: 2.5rem;
    border-radius: 1.8rem;
    background: #fff;
    border: 1px solid #e0e5f0;
    box-shadow: 0 16px 45px rgba(16, 37, 81, .08);
}

.ad-workshop-kit-heading[b-djizsk6k3v] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.ad-workshop-kit-heading > span[b-djizsk6k3v] { color: #76809a; font-size: .82rem; }

.ad-workshop-kit-grid[b-djizsk6k3v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.ad-workshop-kit-grid article[b-djizsk6k3v] {
    min-height: 255px;
    padding: 1.5rem;
    border: 1px solid #e2e6f0;
    border-top: 5px solid var(--kit-accent);
    border-radius: 1.15rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #fff;
}

.ad-workshop-kit-number[b-djizsk6k3v] {
    display: inline-grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    margin-bottom: 1.25rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--kit-accent) 12%, white);
    color: var(--kit-accent);
    font-size: .73rem;
    font-weight: 900;
}

.ad-workshop-kit-grid article p[b-djizsk6k3v] { margin: 0 0 .4rem; color: var(--kit-accent); font-size: .7rem; font-weight: 900; letter-spacing: .11em; }
.ad-workshop-kit-grid article h3[b-djizsk6k3v] { margin: 0 0 .55rem; color: #0a1641; font-size: 1.3rem; }
.ad-workshop-kit-grid article div > span[b-djizsk6k3v] { color: #67718d; font-size: .88rem; line-height: 1.55; }

.ad-workshop-kit-grid article > a[b-djizsk6k3v],
.ad-workshop-downloads a[b-djizsk6k3v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding: .72rem 1rem;
    border: 1px solid color-mix(in srgb, var(--kit-accent) 35%, white);
    border-radius: .72rem;
    color: var(--kit-accent);
    font-size: .78rem;
    font-weight: 900;
    text-decoration: none;
}

.ad-workshop-kit-grid article > a[b-djizsk6k3v] { gap: .55rem; }
.ad-workshop-kit-grid article > a:hover[b-djizsk6k3v],
.ad-workshop-downloads a:hover[b-djizsk6k3v] { background: color-mix(in srgb, var(--kit-accent) 8%, white); }

.ad-workshop-downloads[b-djizsk6k3v] { display: flex; gap: .55rem; margin-top: auto; }

.ad-workshop-method[b-djizsk6k3v] {
    margin-top: 1.25rem;
    padding: 2.5rem;
    display: grid;
    grid-template-columns: minmax(260px, .8fr) 1.2fr;
    gap: 2.5rem;
    align-items: center;
    border-radius: 1.8rem;
    background: #071a3a;
    color: white;
}

.ad-workshop-method h2[b-djizsk6k3v] { color: white; }
.ad-workshop-method ol[b-djizsk6k3v] { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(5, 1fr); gap: .55rem; }
.ad-workshop-method li[b-djizsk6k3v] { min-height: 92px; padding: .85rem .7rem; border-radius: .85rem; background: rgba(255,255,255,.08); }
.ad-workshop-method li strong[b-djizsk6k3v] { display: block; margin-bottom: .35rem; font-size: .88rem; }
.ad-workshop-method li span[b-djizsk6k3v] { color: #cbd5e1; font-size: .7rem; line-height: 1.35; }

@media (max-width: 900px) {
    .ad-workshop-cover-copy[b-djizsk6k3v] { width: 66%; padding-left: 2.5rem; }
    .ad-workshop-method[b-djizsk6k3v] { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .ad-workshop-detail-canvas[b-djizsk6k3v] { width: min(100% - 1rem, 1180px); }
    .ad-workshop-cover[b-djizsk6k3v] { min-height: 690px; }
    .ad-workshop-cover-shade[b-djizsk6k3v] { background: linear-gradient(180deg, rgba(255,253,247,.98) 0%, rgba(255,253,247,.91) 53%, rgba(255,253,247,.12) 83%); }
    .ad-workshop-cover-copy[b-djizsk6k3v] { width: 100%; min-height: 690px; padding: 3rem 1.25rem 250px; justify-content: flex-start; }
    .ad-workshop-cover-copy h1[b-djizsk6k3v] { font-size: clamp(2.5rem, 13vw, 4rem); }
    .ad-workshop-reveal[b-djizsk6k3v] { grid-template-columns: 1fr; border-radius: 1rem; }
    .ad-workshop-reveal span[b-djizsk6k3v] { text-align: center; }
    .ad-workshop-purpose[b-djizsk6k3v] { padding: 3rem 1rem; }
    .ad-workshop-kit[b-djizsk6k3v] { padding: 1.15rem; }
    .ad-workshop-kit-heading[b-djizsk6k3v] { align-items: flex-start; flex-direction: column; }
    .ad-workshop-kit-grid[b-djizsk6k3v] { grid-template-columns: 1fr; }
    .ad-workshop-method[b-djizsk6k3v] { padding: 1.4rem; }
    .ad-workshop-method ol[b-djizsk6k3v] { grid-template-columns: repeat(2, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
    .ad-workshop-cover-image.is-color[b-djizsk6k3v] { transition: none; }
}
/* /Components/Pages/Docente/ValoracionPedagogica.razor.rz.scp.css */
.luma-page[b-czz6sexx1q] { min-height: 100dvh; color: var(--ad-teacher-ink); background: #fff; }
.luma-shell[b-czz6sexx1q] { width: min(1120px, calc(100% - 40px)); margin: 0 auto; padding: 18px 0 56px; }
.luma-breadcrumb[b-czz6sexx1q] { display: flex; align-items: center; gap: 12px; min-height: 44px; padding-bottom: 14px; border-bottom: 1px solid #dbe5e8; color: var(--ad-teacher-petroleum); font-size: .78rem; font-weight: 800; }
.luma-breadcrumb img[b-czz6sexx1q] { width: 86px; height: 34px; object-fit: contain; object-position: left center; }
.luma-breadcrumb button[b-czz6sexx1q] { margin-left: auto; padding: 8px 12px; border: 1px solid #bbced4; border-radius: 8px; background: #fff; color: var(--ad-teacher-petroleum); font-size: .72rem; font-weight: 800; }
.luma-progress[b-czz6sexx1q] { display: flex; align-items: center; justify-content: center; padding: 16px 0; }
.luma-progress button[b-czz6sexx1q] { display: flex; align-items: center; gap: 7px; padding: 7px 10px; border: 0; background: transparent; color: #536971; font-size: .72rem; font-weight: 800; }
.luma-progress button span[b-czz6sexx1q] { display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid #aec2c9; border-radius: 999px; background: #fff; }
.luma-progress button.is-active[b-czz6sexx1q] { color: #6131a3; }
.luma-progress button.is-active span[b-czz6sexx1q] { border-color: var(--ad-teacher-lavender); color: #fff; background: var(--ad-teacher-lavender); }
.luma-progress button.is-complete span[b-czz6sexx1q] { border-color: var(--ad-teacher-mint); color: #fff; background: var(--ad-teacher-mint); }
.luma-progress i[b-czz6sexx1q] { width: 72px; height: 1px; background: #cbd9dd; }
.luma-kicker[b-czz6sexx1q] { display: block; margin-bottom: 6px; color: var(--ad-teacher-lavender); font-size: .68rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.luma-title-row[b-czz6sexx1q] { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.luma-title-row h1[b-czz6sexx1q], .luma-student-picker h1[b-czz6sexx1q], .luma-review h1[b-czz6sexx1q] { margin: 0; color: var(--ad-teacher-ink); font-family: var(--font-display, inherit); font-size: clamp(1.65rem, 3vw, 2.55rem); font-weight: 850; line-height: 1.08; letter-spacing: -.035em; }
.luma-title-row p[b-czz6sexx1q], .luma-student-picker > div:first-child p[b-czz6sexx1q], .luma-review > header p[b-czz6sexx1q] { max-width: 720px; margin: 8px 0 0; color: var(--ad-teacher-petroleum); font-size: .88rem; line-height: 1.55; }
.luma-person[b-czz6sexx1q] { display: grid; grid-template-columns: 42px auto; align-items: center; column-gap: 10px; min-width: 220px; padding: 10px 12px; border: 1px solid #cbd9dd; border-radius: 12px; background: #fff; }
.luma-person .luma-avatar[b-czz6sexx1q] { grid-row: 1 / 3; }
.luma-person strong[b-czz6sexx1q] { font-size: .76rem; }.luma-person small[b-czz6sexx1q] { color: var(--ad-teacher-petroleum); font-size: .66rem; }
.luma-avatar[b-czz6sexx1q] { display: grid; place-items: center; width: 42px; height: 42px; flex: none; border-radius: 999px; color: #51227f; background: var(--ad-tint-lavender); font-size: 1rem; font-weight: 900; }
.luma-avatar.is-large[b-czz6sexx1q] { width: 62px; height: 62px; font-size: 1.4rem; }
.luma-intention[b-czz6sexx1q] { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 12px; margin-top: 18px; padding: 11px 14px; border: 1px solid #d6c2ed; border-radius: 11px; background: var(--ad-tint-lavender); }.luma-intention img[b-czz6sexx1q] { width: 46px; height: 46px; object-fit: contain; }.luma-intention strong[b-czz6sexx1q], .luma-intention span[b-czz6sexx1q] { display: block; }.luma-intention strong[b-czz6sexx1q] { color: #51227f; font-size: .78rem; }.luma-intention span[b-czz6sexx1q] { margin-top: 2px; color: var(--ad-teacher-petroleum); font-size: .66rem; }.luma-intention b[b-czz6sexx1q] { padding: 7px 10px; border-radius: 999px; color: #fff; background: var(--ad-teacher-lavender); font-size: .66rem; white-space: nowrap; }
.luma-start-actions[b-czz6sexx1q] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 22px; }
.luma-start-actions button[b-czz6sexx1q] { display: grid; grid-template-columns: 32px 1fr; column-gap: 8px; min-height: 64px; padding: 11px 14px; border: 1px solid #cbd9dd; border-radius: 10px; text-align: left; color: var(--ad-teacher-ink); background: #fff; }
.luma-start-actions button > span[b-czz6sexx1q] { grid-row: 1 / 3; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; color: var(--ad-teacher-lavender); background: var(--ad-tint-lavender); font-weight: 900; }
.luma-start-actions strong[b-czz6sexx1q] { font-size: .75rem; }.luma-start-actions small[b-czz6sexx1q] { color: var(--ad-teacher-petroleum); font-size: .64rem; }
.luma-start-actions button.is-active[b-czz6sexx1q] { border-color: var(--ad-teacher-lavender); box-shadow: inset 0 -3px 0 var(--ad-teacher-lavender); }
.luma-perspectives[b-czz6sexx1q] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-top: 16px; }
.luma-perspectives > button[b-czz6sexx1q] { --tone: var(--ad-teacher-sky); --tint: var(--ad-tint-sky); display: grid; grid-template-columns: 34px minmax(0, 1fr) 18px; align-items: center; gap: 8px; min-height: 66px; padding: 11px; border: 1px solid #d1dfe3; border-radius: 10px; color: var(--ad-teacher-ink); background: #fff; text-align: left; }
.luma-perspectives > button.is-lavanda[b-czz6sexx1q] { --tone: var(--ad-teacher-lavender); --tint: var(--ad-tint-lavender); }.luma-perspectives > button.is-menta[b-czz6sexx1q] { --tone: var(--ad-teacher-mint); --tint: var(--ad-tint-mint); }.luma-perspectives > button.is-naranja[b-czz6sexx1q] { --tone: var(--ad-teacher-orange); --tint: var(--ad-tint-orange); }
.luma-perspectives > button > span:first-child[b-czz6sexx1q] { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; color: var(--tone); background: var(--tint); font-weight: 900; }
.luma-perspectives > button strong[b-czz6sexx1q], .luma-perspectives > button small[b-czz6sexx1q] { display: block; }.luma-perspectives > button strong[b-czz6sexx1q] { font-size: .72rem; }.luma-perspectives > button small[b-czz6sexx1q] { margin-top: 2px; color: var(--ad-teacher-petroleum); font-size: .61rem; }.luma-perspectives > button b[b-czz6sexx1q] { color: var(--tone); }
.luma-perspectives > button.is-active[b-czz6sexx1q] { border: 2px solid var(--ad-teacher-lavender); padding: 10px; }.luma-perspectives > button.is-confirmed[b-czz6sexx1q] { border-color: var(--ad-teacher-lavender); color: #3f176d; background: var(--ad-teacher-lavender); }.luma-perspectives > button.is-confirmed > span:first-child[b-czz6sexx1q] { color: #fff; background: #6f34ae; }.luma-perspectives > button.is-confirmed small[b-czz6sexx1q], .luma-perspectives > button.is-confirmed b[b-czz6sexx1q] { color: #fff; }.luma-perspectives > button.is-pending[b-czz6sexx1q] { border-color: var(--ad-teacher-orange); background: var(--ad-tint-orange); }.luma-perspectives > button.is-pending small[b-czz6sexx1q], .luma-perspectives > button.is-pending b[b-czz6sexx1q] { color: #9a3d17; font-weight: 850; }
.luma-direct-panel[b-czz6sexx1q] { --tone: var(--ad-teacher-sky); --tint: var(--ad-tint-sky); margin-top: 14px; overflow: hidden; border: 1px solid var(--tone); border-radius: 12px; background: #fff; }
.luma-direct-panel.is-lavanda[b-czz6sexx1q] { --tone: var(--ad-teacher-lavender); --tint: var(--ad-tint-lavender); }.luma-direct-panel.is-menta[b-czz6sexx1q] { --tone: var(--ad-teacher-mint); --tint: var(--ad-tint-mint); }.luma-direct-panel.is-naranja[b-czz6sexx1q] { --tone: var(--ad-teacher-orange); --tint: var(--ad-tint-orange); }
.luma-direct-panel > header[b-czz6sexx1q] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 14px 16px; background: var(--tint); }.luma-direct-panel > header > div[b-czz6sexx1q] { display: flex; gap: 10px; }.luma-direct-panel > header > div > span[b-czz6sexx1q] { color: var(--tone); font-size: 1.2rem; }.luma-direct-panel > header strong[b-czz6sexx1q], .luma-direct-panel > header small[b-czz6sexx1q] { display: block; }.luma-direct-panel > header strong[b-czz6sexx1q] { font-size: .86rem; }.luma-direct-panel > header small[b-czz6sexx1q] { margin-top: 3px; color: var(--ad-teacher-petroleum); font-size: .7rem; }.luma-direct-panel > header button[b-czz6sexx1q] { border: 0; background: transparent; color: var(--ad-teacher-petroleum); font-size: 1.3rem; }
.luma-clue-list[b-czz6sexx1q] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; padding: 14px 16px; }.luma-clue-list button[b-czz6sexx1q] { display: flex; align-items: center; gap: 9px; min-height: 46px; padding: 10px 12px; border: 1px solid #cad9dd; border-radius: 9px; color: var(--ad-teacher-ink); background: #fff; text-align: left; font-size: .72rem; line-height: 1.4; }.luma-clue-list button span[b-czz6sexx1q] { display: grid; place-items: center; width: 22px; height: 22px; flex: none; border-radius: 999px; color: var(--tone); background: var(--tint); font-weight: 900; }.luma-clue-list button.is-selected[b-czz6sexx1q] { border-color: var(--tone); background: var(--tint); }.luma-clue-list button.is-unknown[b-czz6sexx1q] { justify-content: center; color: var(--ad-teacher-petroleum); }
.luma-clue-list button.is-different[b-czz6sexx1q] { border-style: dashed; color: var(--ad-teacher-petroleum); }
.luma-selection-confirmation[b-czz6sexx1q] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 16px 14px; padding: 11px 12px; border-left: 4px solid var(--ad-teacher-lavender); border-radius: 8px; background: var(--ad-tint-lavender); }.luma-selection-confirmation strong[b-czz6sexx1q], .luma-selection-confirmation span[b-czz6sexx1q] { display: block; }.luma-selection-confirmation strong[b-czz6sexx1q] { color: #51227f; font-size: .73rem; }.luma-selection-confirmation span[b-czz6sexx1q] { margin-top: 2px; color: var(--ad-teacher-petroleum); font-size: .64rem; }.luma-selection-confirmation button[b-czz6sexx1q] { flex: none; padding: 8px 10px; border: 1px solid var(--ad-teacher-lavender); border-radius: 8px; color: #51227f; background: #fff; font-size: .65rem; font-weight: 850; }
.luma-direct-panel > footer[b-czz6sexx1q] { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 16px; border-top: 1px solid #dce6e9; }.luma-direct-panel > footer span[b-czz6sexx1q] { color: var(--ad-teacher-petroleum); font-size: .66rem; }.luma-direct-panel > footer button[b-czz6sexx1q], .luma-page-actions > button:not(.is-secondary)[b-czz6sexx1q], .luma-page-actions > a[b-czz6sexx1q] { min-height: 40px; padding: 10px 16px; border: 0; border-radius: 9px; color: #fff; background: var(--ad-teacher-petroleum); font-size: .73rem; font-weight: 850; text-decoration: none; }.luma-direct-panel > footer button[b-czz6sexx1q] { background: var(--tone); }
.luma-page-actions[b-czz6sexx1q] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 18px; padding-top: 15px; border-top: 1px solid #dce6e9; }.luma-page-actions > span[b-czz6sexx1q] { color: var(--ad-teacher-petroleum); font-size: .72rem; }.luma-page-actions .is-secondary[b-czz6sexx1q] { min-height: 40px; padding: 10px 14px; border: 1px solid #bdd0d6; border-radius: 9px; color: var(--ad-teacher-petroleum); background: #fff; font-size: .73rem; font-weight: 800; }
.luma-source-panel[b-czz6sexx1q] { margin-top: 14px; padding: 15px; border: 1px solid var(--ad-teacher-mint); border-radius: 12px; background: var(--ad-tint-mint); }.luma-source-panel > div:first-child strong[b-czz6sexx1q], .luma-source-panel > div:first-child span[b-czz6sexx1q] { display: block; }.luma-source-panel > div:first-child span[b-czz6sexx1q], .luma-source-panel > p[b-czz6sexx1q] { margin-top: 3px; color: var(--ad-teacher-petroleum); font-size: .7rem; }.luma-source-panel > div:last-child[b-czz6sexx1q] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 10px; }.luma-source-panel button[b-czz6sexx1q] { display: flex; justify-content: space-between; gap: 10px; padding: 10px; border: 1px solid #9bcfc8; border-radius: 8px; background: #fff; text-align: left; }.luma-source-panel button span strong[b-czz6sexx1q], .luma-source-panel button span small[b-czz6sexx1q] { display: block; }.luma-source-panel button span[b-czz6sexx1q] { font-size: .7rem; }.luma-source-panel button small[b-czz6sexx1q] { margin-top: 3px; color: var(--ad-teacher-petroleum); }.luma-source-panel button b[b-czz6sexx1q] { color: #116d62; font-size: .65rem; }
.luma-review[b-czz6sexx1q], .luma-portrait[b-czz6sexx1q], .luma-student-picker[b-czz6sexx1q] { padding: 22px; border: 1px solid #cfdee2; border-radius: 14px; background: #fff; }.luma-review-grid[b-czz6sexx1q] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 18px; }.luma-review-grid article[b-czz6sexx1q] { --tone: var(--ad-teacher-sky); --tint: var(--ad-tint-sky); padding: 14px; border-left: 4px solid var(--tone); border-radius: 9px; background: var(--tint); }.luma-review-grid article.is-lavanda[b-czz6sexx1q] { --tone: var(--ad-teacher-lavender); --tint: var(--ad-tint-lavender); }.luma-review-grid article.is-menta[b-czz6sexx1q] { --tone: var(--ad-teacher-mint); --tint: var(--ad-tint-mint); }.luma-review-grid article.is-naranja[b-czz6sexx1q] { --tone: var(--ad-teacher-orange); --tint: var(--ad-tint-orange); }.luma-review-grid article header[b-czz6sexx1q] { display: flex; align-items: center; gap: 8px; }.luma-review-grid article header span[b-czz6sexx1q] { color: var(--tone); }.luma-review-grid article header strong[b-czz6sexx1q] { font-size: .76rem; }.luma-review-grid article header button[b-czz6sexx1q] { margin-left: auto; border: 0; background: transparent; color: var(--ad-teacher-petroleum); font-size: .66rem; text-decoration: underline; }.luma-review-grid article p[b-czz6sexx1q] { margin: 10px 0; color: var(--ad-teacher-ink); font-size: .74rem; line-height: 1.5; }.luma-review-grid article small[b-czz6sexx1q] { color: var(--ad-teacher-petroleum); font-size: .61rem; }.luma-review > aside[b-czz6sexx1q] { display: flex; gap: 12px; margin-top: 14px; padding: 12px 14px; border-radius: 9px; color: #5b480a; background: var(--ad-tint-mustard); font-size: .7rem; }.luma-review > aside strong[b-czz6sexx1q] { flex: none; }
.luma-portrait-grid[b-czz6sexx1q] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 22px; }.luma-portrait-grid article[b-czz6sexx1q] { --tone: var(--ad-teacher-sky); --tint: var(--ad-tint-sky); min-height: 230px; padding: 20px; border-top: 5px solid var(--tone); border-radius: 12px; background: var(--tint); }.luma-portrait-grid article.is-lavanda[b-czz6sexx1q] { --tone: var(--ad-teacher-lavender); --tint: var(--ad-tint-lavender); }.luma-portrait-grid article.is-menta[b-czz6sexx1q] { --tone: var(--ad-teacher-mint); --tint: var(--ad-tint-mint); }.luma-portrait-grid article.is-naranja[b-czz6sexx1q] { --tone: var(--ad-teacher-orange); --tint: var(--ad-tint-orange); }.luma-portrait-grid article > span[b-czz6sexx1q] { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; color: #fff; background: var(--tone); }.luma-portrait-grid h2[b-czz6sexx1q] { margin: 14px 0 8px; font-size: .96rem; }.luma-portrait-grid p[b-czz6sexx1q] { margin: 0; font-size: .75rem; line-height: 1.55; }.luma-portrait-grid small[b-czz6sexx1q] { display: block; margin-top: 16px; color: var(--ad-teacher-petroleum); font-size: .62rem; line-height: 1.4; }
.luma-next[b-czz6sexx1q] { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 16px; padding: 16px; border: 1px solid #c6d7dc; border-radius: 11px; background: #fbfbf9; }.luma-next > div:first-child strong[b-czz6sexx1q], .luma-next > div:first-child span[b-czz6sexx1q] { display: block; }.luma-next > div:first-child span[b-czz6sexx1q] { margin-top: 3px; color: var(--ad-teacher-petroleum); font-size: .68rem; }.luma-next > div:last-child[b-czz6sexx1q] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }.luma-next a[b-czz6sexx1q], .luma-next button[b-czz6sexx1q] { padding: 8px 10px; border: 1px solid #aec5cc; border-radius: 8px; color: var(--ad-teacher-petroleum); background: #fff; font-size: .66rem; font-weight: 800; text-decoration: none; }
.luma-student-picker[b-czz6sexx1q] { margin-top: 18px; }.luma-student-grid[b-czz6sexx1q] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 20px 0 14px; }.luma-student-grid button[b-czz6sexx1q] { display: flex; align-items: center; gap: 11px; padding: 13px; border: 1px solid #cbd9dd; border-radius: 11px; background: #fff; text-align: left; }.luma-student-grid button > span:nth-child(2)[b-czz6sexx1q] { min-width: 0; }.luma-student-grid strong[b-czz6sexx1q], .luma-student-grid small[b-czz6sexx1q] { display: block; }.luma-student-grid strong[b-czz6sexx1q] { color: var(--ad-teacher-ink); font-size: .78rem; }.luma-student-grid small[b-czz6sexx1q] { margin-top: 3px; color: var(--ad-teacher-petroleum); font-size: .66rem; }.luma-student-grid b[b-czz6sexx1q] { margin-left: auto; color: var(--ad-teacher-lavender); }.luma-secondary-link[b-czz6sexx1q] { display: inline-flex; padding: 9px 13px; border: 1px solid var(--ad-teacher-petroleum); border-radius: 8px; color: var(--ad-teacher-petroleum); font-size: .72rem; font-weight: 800; text-decoration: none; }
.luma-state[b-czz6sexx1q], .luma-empty[b-czz6sexx1q] { display: flex; flex-direction: column; gap: 5px; margin-top: 18px; padding: 24px; border: 1px solid #cbd9dd; border-radius: 12px; background: #fff; }.luma-state span[b-czz6sexx1q], .luma-empty span[b-czz6sexx1q] { color: var(--ad-teacher-petroleum); font-size: .75rem; }.luma-state.is-error[b-czz6sexx1q] { border-color: #e7a184; background: var(--ad-tint-orange); }.luma-toast[b-czz6sexx1q] { position: fixed; right: 24px; bottom: 24px; z-index: 30; max-width: 360px; padding: 12px 16px; border-radius: 9px; color: #fff; background: var(--ad-teacher-petroleum); font-size: .72rem; font-weight: 800; }.luma-toast.is-error[b-czz6sexx1q] { background: #9f3c24; }
.luma-page[b-czz6sexx1q] (.ad-guided-entry) { margin: 14px 16px; box-shadow: none; }
.luma-page button:focus-visible[b-czz6sexx1q], .luma-page a:focus-visible[b-czz6sexx1q] { outline: 3px solid var(--ad-teacher-mustard); outline-offset: 2px; }
.luma-page button:disabled[b-czz6sexx1q] { cursor: not-allowed; opacity: .55; }
@media (max-width: 800px) { .luma-shell[b-czz6sexx1q] { width: min(100% - 24px, 720px); padding-top: 10px; }.luma-breadcrumb img[b-czz6sexx1q] { width: 74px; }.luma-progress i[b-czz6sexx1q] { width: 20px; }.luma-progress button[b-czz6sexx1q] { padding-inline: 4px; font-size: .65rem; }.luma-title-row[b-czz6sexx1q] { display: grid; }.luma-person[b-czz6sexx1q] { width: 100%; }.luma-intention[b-czz6sexx1q] { grid-template-columns: 42px 1fr; }.luma-intention b[b-czz6sexx1q] { grid-column: 1 / -1; width: max-content; }.luma-start-actions[b-czz6sexx1q], .luma-perspectives[b-czz6sexx1q], .luma-review-grid[b-czz6sexx1q], .luma-portrait-grid[b-czz6sexx1q], .luma-student-grid[b-czz6sexx1q], .luma-source-panel > div:last-child[b-czz6sexx1q] { grid-template-columns: 1fr; }.luma-clue-list[b-czz6sexx1q] { grid-template-columns: 1fr; }.luma-selection-confirmation[b-czz6sexx1q], .luma-page-actions[b-czz6sexx1q], .luma-next[b-czz6sexx1q] { align-items: stretch; flex-direction: column; }.luma-next > div:last-child[b-czz6sexx1q] { justify-content: stretch; }.luma-next a[b-czz6sexx1q], .luma-next button[b-czz6sexx1q] { flex: 1 1 46%; text-align: center; }.luma-portrait-grid article[b-czz6sexx1q] { min-height: 0; }.luma-review[b-czz6sexx1q], .luma-portrait[b-czz6sexx1q], .luma-student-picker[b-czz6sexx1q] { padding: 16px; }.luma-breadcrumb span[b-czz6sexx1q] { font-size: .7rem; }.luma-breadcrumb button[b-czz6sexx1q] { padding: 7px; }}
@media (prefers-reduced-motion: no-preference) { .luma-perspectives > button[b-czz6sexx1q], .luma-start-actions button[b-czz6sexx1q] { transition: border-color .16s ease, background-color .16s ease, transform .16s ease; }.luma-perspectives > button:hover[b-czz6sexx1q], .luma-start-actions button:hover[b-czz6sexx1q] { transform: translateY(-1px); } }
/* /Components/Pages/Home.razor.rz.scp.css */
/* AD-F-003 — estilos aislados de la Home pública.
   Prefijo ad3-* para evitar colisiones con CSS global heredado. */

.ad3-page[b-o1yrunbuze] {
    --ad3-navy: #07162f;
    --ad3-navy-2: #17134f;
    --ad3-violet: #6d28d9;
    --ad3-violet-2: #7c3aed;
    --ad3-ink: #0b1734;
    --ad3-muted: #526079;
    --ad3-border: #dce3ec;
    --ad3-soft: #f7f8fc;
    --ad3-lilac: #f4f0ff;
    --ad3-green: #13795b;
    --ad3-orange: #d97706;
    --ad3-warm: #fff9e8;
    background: #ffffff;
    color: var(--ad3-ink);
    min-height: 100vh;
    overflow-x: clip;
}

.ad3-page[b-o1yrunbuze],
.ad3-page *[b-o1yrunbuze] {
    box-sizing: border-box;
}

.ad3-page img[b-o1yrunbuze] {
    display: block;
    max-width: 100%;
    height: auto;
}

.ad3-shell[b-o1yrunbuze] {
    width: min(1280px, calc(100% - 48px));
    margin-inline: auto;
}

/* HEADER */
.ad3-header[b-o1yrunbuze] {
    position: sticky;
    top: 0;
    z-index: 50;
    background: #ffffff;
    border-bottom: 1px solid rgba(11, 23, 52, .06);
}

.ad3-header-inner[b-o1yrunbuze] {
    min-height: 82px;
    display: grid;
    grid-template-columns: 190px 1fr auto;
    align-items: center;
    gap: 28px;
}

.ad3-brand[b-o1yrunbuze] {
    display: inline-flex;
    align-items: center;
    width: auto;
    height: auto;
}

.ad3-logo[b-o1yrunbuze] {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 158px !important;
    max-width: 158px !important;
    height: auto !important;
    max-height: none !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
}

.ad3-nav[b-o1yrunbuze] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.ad3-nav a[b-o1yrunbuze],
.ad3-login[b-o1yrunbuze] {
    color: var(--ad3-ink);
    font-size: .96rem;
    font-weight: 650;
    text-decoration: none;
    white-space: nowrap;
}

.ad3-nav a:hover[b-o1yrunbuze] {
    color: var(--ad3-violet);
}

.ad3-header-actions[b-o1yrunbuze] {
    display: flex;
    align-items: center;
    gap: 18px;
}

.ad3-login[b-o1yrunbuze] {
    /* AD-F-004: ahora es un <button> real (antes <span aria-disabled>) que
       abre LoginModal. Reset mínimo para que siga viéndose igual que antes. */
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    transition: opacity var(--ad3-transition, 200ms ease);
}

.ad3-login:hover[b-o1yrunbuze] {
    opacity: .8;
}

.ad3-menu-btn[b-o1yrunbuze] {
    display: none;
    width: 44px;
    height: 44px;
    border: 1px solid var(--ad3-border);
    border-radius: 12px;
    background: #fff;
    padding: 10px;
}

.ad3-menu-btn span[b-o1yrunbuze] {
    display: block;
    height: 2px;
    margin: 5px 0;
    background: var(--ad3-ink);
}

.ad3-mobile-nav[b-o1yrunbuze] {
    display: none;
}

/* BUTTONS */
.ad3-btn[b-o1yrunbuze] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 22px;
    border-radius: 10px;
    font-weight: 750;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.ad3-btn:hover[b-o1yrunbuze] {
    transform: translateY(-1px);
}

.ad3-btn-primary[b-o1yrunbuze] {
    color: #fff;
    background: linear-gradient(135deg, var(--ad3-violet), #7f22ff);
    box-shadow: 0 10px 28px rgba(109, 40, 217, .2);
}

.ad3-btn-outline-light[b-o1yrunbuze] {
    color: #fff;
    border: 1px solid rgba(255,255,255,.72);
    background: transparent;
}

.ad3-btn-green[b-o1yrunbuze] {
    color: #fff;
    background: linear-gradient(135deg, var(--ad3-green), #16a34a);
    box-shadow: 0 10px 28px rgba(19, 121, 91, .22);
}

.ad3-btn-orange[b-o1yrunbuze] {
    color: #fff;
    background: linear-gradient(135deg, var(--ad3-orange), #f59e0b);
    box-shadow: 0 10px 28px rgba(217, 119, 6, .22);
}

.ad3-btn-small[b-o1yrunbuze] {
    min-height: 40px;
    padding-inline: 17px;
    font-size: .9rem;
}

/* HERO */
.ad3-hero[b-o1yrunbuze] {
    margin-top: 22px;
    margin-bottom: 10px;
    padding: 48px 46px;
    border-radius: 18px;
    background:
        radial-gradient(circle at 78% 42%, rgba(124,58,237,.25), transparent 30%),
        linear-gradient(135deg, var(--ad3-navy), var(--ad3-navy-2));
    color: #fff;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr);
    gap: 38px;
    overflow: hidden;
}

.ad3-hero-copy[b-o1yrunbuze] {
    min-width: 0;
}

.ad3-hero h1[b-o1yrunbuze] {
    margin: 0;
    max-width: 800px;
    font-size: clamp(2.2rem, 3.25vw, 4rem);
    line-height: 1.05;
    letter-spacing: -.04em;
    font-weight: 800;
}

.ad3-hero h1 span[b-o1yrunbuze] {
    color: #8b5cf6;
}

.ad3-hero-lead[b-o1yrunbuze] {
    max-width: 790px;
    margin: 22px 0 0;
    color: rgba(255,255,255,.88);
    font-size: 1.03rem;
    line-height: 1.7;
}

.ad3-topics[b-o1yrunbuze] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 30px;
    border-top: 1px solid rgba(255,255,255,.18);
    border-bottom: 1px solid rgba(255,255,255,.18);
}

.ad3-topic[b-o1yrunbuze] {
    min-width: 0;
    padding: 18px 14px;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,.18);
}

.ad3-topic:last-child[b-o1yrunbuze] {
    border-right: 0;
}

.ad3-topic-icon[b-o1yrunbuze] {
    margin-bottom: 8px;
    font-size: 1.7rem;
    line-height: 1;
}

.ad3-topic span[b-o1yrunbuze] {
    display: block;
    color: rgba(255,255,255,.9);
    font-size: .78rem;
    line-height: 1.35;
}

.ad3-actions[b-o1yrunbuze] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 28px;
}

.ad3-luma-card[b-o1yrunbuze] {
    min-width: 0;
    align-self: stretch;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 16px;
    padding: 28px 26px 16px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(170px, .9fr);
    align-items: center;
    gap: 16px;
    background: rgba(255,255,255,.04);
    overflow: hidden;
}

.ad3-eyebrow[b-o1yrunbuze] {
    color: #a78bfa;
    font-size: .88rem;
    font-weight: 850;
    letter-spacing: .04em;
}

.ad3-accent-line[b-o1yrunbuze] {
    width: 34px;
    height: 3px;
    margin: 10px 0 18px;
    background: #f59e0b;
    border-radius: 999px;
}

.ad3-luma-copy h2[b-o1yrunbuze] {
    margin: 0 0 14px;
    font-size: 1.35rem;
    line-height: 1.2;
}

.ad3-luma-copy p[b-o1yrunbuze] {
    margin: 0;
    color: rgba(255,255,255,.88);
    line-height: 1.65;
    font-size: .94rem;
}

.ad3-luma-visual[b-o1yrunbuze] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    overflow: hidden;
}

.ad3-luma-img[b-o1yrunbuze] {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: min(300px, 100%) !important;
    height: auto !important;
    max-height: 340px !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
}

/* SECTIONS */
.ad3-section[b-o1yrunbuze] {
    padding-block: 34px;
    scroll-margin-top: 96px;
}

.ad3-section-soft[b-o1yrunbuze] {
    background: var(--ad3-soft);
}

.ad3-section-heading[b-o1yrunbuze] {
    text-align: center;
    margin-bottom: 22px;
}

.ad3-section-heading h2[b-o1yrunbuze] {
    margin: 0;
    font-size: clamp(1.9rem, 2.3vw, 2.7rem);
    letter-spacing: -.035em;
}

.ad3-section-heading p[b-o1yrunbuze] {
    margin: 6px 0 0;
    color: var(--ad3-muted);
}

.ad3-grid-2[b-o1yrunbuze] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    max-width: 1040px;
    margin-inline: auto;
}

.ad3-grid-3[b-o1yrunbuze] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.ad3-card[b-o1yrunbuze] {
    min-width: 0;
    border: 1px solid var(--ad3-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(12, 27, 52, .04);
}

.ad3-service[b-o1yrunbuze] {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 20px;
    padding: 26px;
    min-height: 185px;
    align-items: start;
}

.ad3-card-icon[b-o1yrunbuze],
.ad3-audience-icon[b-o1yrunbuze] {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    font-size: 2rem;
    font-weight: 700;
}

.ad3-service-violet .ad3-card-icon[b-o1yrunbuze],
.ad3-icon-violet[b-o1yrunbuze] {
    background: #f0eaff;
    color: var(--ad3-violet);
}

.ad3-service-green .ad3-card-icon[b-o1yrunbuze],
.ad3-icon-green[b-o1yrunbuze] {
    background: #e9f8f1;
    color: var(--ad3-green);
}

.ad3-icon-blue[b-o1yrunbuze] {
    background: #e9f1ff;
    color: #2563eb;
}

.ad3-icon-orange[b-o1yrunbuze] {
    background: #fff1dc;
    color: var(--ad3-orange);
}

.ad3-service h3[b-o1yrunbuze],
.ad3-audience h3[b-o1yrunbuze],
.ad3-plan h3[b-o1yrunbuze],
.ad3-method-step h3[b-o1yrunbuze],
.ad3-difference h3[b-o1yrunbuze] {
    margin: 0 0 10px;
    color: var(--ad3-ink);
    line-height: 1.25;
}

.ad3-service-violet h3[b-o1yrunbuze] {
    color: var(--ad3-violet);
}

.ad3-service-green h3[b-o1yrunbuze] {
    color: var(--ad3-green);
}

.ad3-service p[b-o1yrunbuze],
.ad3-audience p[b-o1yrunbuze],
.ad3-plan p[b-o1yrunbuze],
.ad3-method-step p[b-o1yrunbuze],
.ad3-difference p[b-o1yrunbuze],
.ad3-who p[b-o1yrunbuze] {
    margin: 0;
    color: #35435f;
    line-height: 1.62;
}

.ad3-center-link[b-o1yrunbuze] {
    margin-top: 18px;
    text-align: center;
}

.ad3-audience[b-o1yrunbuze] {
    display: grid;
    grid-template-columns: 66px 1fr;
    gap: 20px;
    padding: 24px;
    min-height: 160px;
}

.ad3-audience strong[b-o1yrunbuze] {
    color: var(--ad3-ink);
    font-weight: 850;
}

/* ECOSYSTEM */
.ad3-ecosystem-wrap[b-o1yrunbuze] {
    background: linear-gradient(90deg, #fbfbff, #f7f5ff);
}

.ad3-ecosystem[b-o1yrunbuze] {
    display: grid;
    grid-template-columns: 1.15fr 2.25fr .8fr;
    gap: 28px;
    align-items: stretch;
}

.ad3-ecosystem-intro[b-o1yrunbuze] {
    padding: 18px 0;
}

.ad3-ecosystem-intro h2[b-o1yrunbuze] {
    margin: 0 0 14px;
    font-size: 1.75rem;
}

.ad3-ecosystem-intro p[b-o1yrunbuze] {
    color: #35435f;
    line-height: 1.58;
}

.ad3-strong[b-o1yrunbuze] {
    font-weight: 800;
    color: var(--ad3-ink) !important;
}

.ad3-method[b-o1yrunbuze] {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    align-items: stretch;
    gap: 10px;
}

.ad3-method-step[b-o1yrunbuze] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    padding: 12px 4px;
}

.ad3-method-icon[b-o1yrunbuze] {
    width: 56px;
    height: 56px;
    margin: 0 auto 12px;
    border-radius: 17px;
    display: grid;
    place-items: center;
    font-size: 1.7rem;
    font-weight: 800;
}

.ad3-method-number[b-o1yrunbuze] {
    display: block;
    margin-top: 2px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    color: var(--ad3-muted);
}

.ad3-method-step h3[b-o1yrunbuze] {
    margin-top: 6px;
    font-size: .95rem;
}

.ad3-method-step p[b-o1yrunbuze] {
    font-size: .79rem;
    line-height: 1.48;
}

.ad3-method-arrow[b-o1yrunbuze] {
    color: #8b7cc6;
    font-size: 1.9rem;
}

.ad3-difference[b-o1yrunbuze] {
    border-left: 1px solid #c7baf0;
    padding: 22px 0 22px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ad3-difference-mark[b-o1yrunbuze] {
    color: var(--ad3-violet);
    font-size: 2.5rem;
    line-height: 1;
    margin-bottom: 12px;
}

.ad3-difference h3[b-o1yrunbuze] {
    font-size: 1rem;
    text-transform: uppercase;
}

.ad3-ecosystem-cta[b-o1yrunbuze] {
    margin-top: 28px;
    text-align: center;
}

/* ECOSYSTEM — "Convertimos recursos en capacidad de acompañar" */
.ad3-eco-intro[b-o1yrunbuze] {
    max-width: 780px;
    margin: 0 auto 32px;
    text-align: center;
}

.ad3-eco-intro h2[b-o1yrunbuze] {
    margin: 0 0 14px;
    font-size: clamp(1.9rem, 3.6vw, 2.75rem);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -.02em;
}

.ad3-eco-intro p[b-o1yrunbuze] {
    margin: 0;
    color: var(--ad3-muted);
    font-size: 1.05rem;
    line-height: 1.6;
}

.ad3-eco-cards[b-o1yrunbuze] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.ad3-eco-card[b-o1yrunbuze] {
    padding: 26px 28px 28px;
    border: 1px solid var(--eco-card-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .05);
}

.ad3-eco-card-green[b-o1yrunbuze] { --eco-card-border: #bfe9d7; }
.ad3-eco-card-violet[b-o1yrunbuze] { --eco-card-border: #d5c8f7; }
.ad3-eco-card-orange[b-o1yrunbuze] { --eco-card-border: #f8d99a; }

.ad3-eco-icon[b-o1yrunbuze] {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 50%;
    display: grid;
    place-items: center;
}

.ad3-eco-icon svg[b-o1yrunbuze] {
    width: 30px;
    height: 30px;
}

.ad3-eco-card h3[b-o1yrunbuze] {
    margin: 0 0 8px;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.25;
    color: var(--ad3-ink);
}

.ad3-eco-card p[b-o1yrunbuze] {
    margin: 0;
    color: var(--ad3-muted);
    line-height: 1.55;
}

.ad3-eco-note[b-o1yrunbuze] {
    max-width: 640px;
    margin: 28px auto 8px;
    text-align: center;
    color: #35435f;
    line-height: 1.55;
}

.ad3-eco-quote[b-o1yrunbuze] {
    margin: 0;
    text-align: center;
    font-size: clamp(1.25rem, 2.4vw, 1.6rem);
    font-weight: 800;
    color: var(--ad3-violet);
}

@media (max-width: 760px) {
    .ad3-eco-cards[b-o1yrunbuze] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

/* PLANS */
.ad3-plan[b-o1yrunbuze] {
    position: static !important;
    min-height: 230px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ad3-plan-bar[b-o1yrunbuze] {
    height: 10px;
    border-radius: 999px;
    margin-bottom: 22px;
}

.ad3-plan-violet[b-o1yrunbuze] {
    background: #e8ddff;
}

.ad3-plan-green[b-o1yrunbuze] {
    background: #d5f5e7;
}

.ad3-plan-orange[b-o1yrunbuze] {
    background: #fff0be;
}

.ad3-plan-warm[b-o1yrunbuze] {
    border-color: #f7c75d;
    background: var(--ad3-warm);
}

.ad3-plan a[b-o1yrunbuze],
.ad3-plan button[b-o1yrunbuze] {
    margin-top: auto;
    align-self: flex-start;
}

/* WHO — cierre comercial, navy oscuro coherente con el hero */
.ad3-who[b-o1yrunbuze] {
    display: grid;
    grid-template-columns: 190px 1.15fr 1px 1.45fr;
    gap: 30px;
    align-items: center;
    padding: 32px 40px;
    border-radius: 18px;
    background: linear-gradient(135deg, #07162f, #17134f);
    color: #fff;
}

.ad3-who p[b-o1yrunbuze] {
    color: rgba(255, 255, 255, .78);
}

.ad3-who-luma[b-o1yrunbuze] {
    width: 180px;
    height: 170px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
}

.ad3-luma-small[b-o1yrunbuze] {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: 160px !important;
    height: auto !important;
    max-height: 160px !important;
    object-fit: contain !important;
    object-position: center bottom !important;
}

.ad3-who h2[b-o1yrunbuze] {
    margin: 0 0 10px;
    font-size: 1.75rem;
    letter-spacing: -.03em;
}

.ad3-who-divider[b-o1yrunbuze] {
    width: 1px;
    align-self: stretch;
    background: rgba(255, 255, 255, .20);
}

.ad3-final-copy[b-o1yrunbuze] {
    min-width: 0;
}

/* RESPONSIVE */
@media (max-width: 1180px) {
    .ad3-nav[b-o1yrunbuze] {
        gap: 18px;
    }

    .ad3-hero[b-o1yrunbuze] {
        grid-template-columns: 1fr;
    }

    .ad3-luma-card[b-o1yrunbuze] {
        grid-template-columns: 1fr 260px;
    }

    .ad3-ecosystem[b-o1yrunbuze] {
        grid-template-columns: 1fr;
    }

    .ad3-difference[b-o1yrunbuze] {
        border-left: 0;
        border-top: 1px solid #c7baf0;
        padding: 20px 0 0;
    }
}

@media (max-width: 980px) {
    .ad3-header-inner[b-o1yrunbuze] {
        grid-template-columns: 170px 1fr auto;
    }

    .ad3-nav[b-o1yrunbuze],
    .ad3-header-actions[b-o1yrunbuze] {
        display: none;
    }

    .ad3-menu-btn[b-o1yrunbuze] {
        display: block;
        justify-self: end;
    }

    .ad3-mobile-nav[b-o1yrunbuze] {
        display: grid;
        gap: 2px;
        width: min(100% - 32px, 560px);
        margin: 0 auto 14px;
        padding: 14px;
        background: #fff;
        border: 1px solid var(--ad3-border);
        border-radius: 14px;
        box-shadow: 0 16px 35px rgba(12, 27, 52, .12);
    }

    .ad3-mobile-nav a[b-o1yrunbuze],
    .ad3-mobile-login[b-o1yrunbuze] {
        padding: 11px 12px;
        color: var(--ad3-ink);
        text-decoration: none;
        font-weight: 700;
        border-radius: 8px;
    }

    .ad3-mobile-login[b-o1yrunbuze] {
        width: 100%;
        border: 0;
        background: transparent;
        font: inherit;
        text-align: left;
        cursor: pointer;
    }

    .ad3-grid-3[b-o1yrunbuze] {
        grid-template-columns: 1fr;
    }

    .ad3-who[b-o1yrunbuze] {
        grid-template-columns: 150px 1fr;
    }

    .ad3-who-divider[b-o1yrunbuze] {
        display: none;
    }

    .ad3-final-copy[b-o1yrunbuze] {
        grid-column: 1 / -1;
        padding-top: 20px;
        border-top: 1px solid rgba(255, 255, 255, .20);
    }
}

@media (max-width: 760px) {
    .ad3-shell[b-o1yrunbuze] {
        width: min(100% - 28px, 680px);
    }

    .ad3-header-inner[b-o1yrunbuze] {
        min-height: 72px;
    }

    .ad3-brand[b-o1yrunbuze] {
        width: 140px;
        height: 54px;
    }

    .ad3-logo[b-o1yrunbuze] {
        width: 136px !important;
        max-width: 136px !important;
        height: 50px !important;
        max-height: 50px !important;
    }

    .ad3-hero[b-o1yrunbuze] {
        margin-top: 14px;
        padding: 30px 22px;
        border-radius: 14px;
        gap: 28px;
    }

    .ad3-hero h1[b-o1yrunbuze] {
        font-size: clamp(2rem, 8vw, 3rem);
    }

    .ad3-topics[b-o1yrunbuze] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-bottom: 0;
    }

    .ad3-topic[b-o1yrunbuze] {
        border-bottom: 1px solid rgba(255,255,255,.18);
    }

    .ad3-topic:nth-child(2n)[b-o1yrunbuze] {
        border-right: 0;
    }

    .ad3-topic:last-child[b-o1yrunbuze] {
        grid-column: 1 / -1;
        border-right: 0;
    }

    .ad3-luma-card[b-o1yrunbuze] {
        grid-template-columns: 1fr;
        padding: 24px 20px 16px;
    }

    .ad3-luma-visual[b-o1yrunbuze] {
        height: 250px;
    }

    .ad3-luma-img[b-o1yrunbuze] {
        max-width: 220px !important;
        max-height: 240px !important;
    }

    .ad3-grid-2[b-o1yrunbuze] {
        grid-template-columns: 1fr;
    }

    .ad3-service[b-o1yrunbuze],
    .ad3-audience[b-o1yrunbuze] {
        grid-template-columns: 58px 1fr;
        padding: 20px;
    }

    .ad3-card-icon[b-o1yrunbuze],
    .ad3-audience-icon[b-o1yrunbuze] {
        width: 52px;
        height: 52px;
        border-radius: 14px;
        font-size: 1.5rem;
    }

    .ad3-method[b-o1yrunbuze] {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .ad3-method-arrow[b-o1yrunbuze] {
        transform: rotate(90deg);
        text-align: center;
        line-height: 1;
    }

    .ad3-who[b-o1yrunbuze] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .ad3-who-luma[b-o1yrunbuze] {
        width: 100%;
    }

    .ad3-final-copy[b-o1yrunbuze] {
        grid-column: auto;
    }
}

@media (max-width: 430px) {
    .ad3-shell[b-o1yrunbuze] {
        width: calc(100% - 20px);
    }

    .ad3-hero[b-o1yrunbuze] {
        padding: 26px 16px;
    }

    .ad3-topics[b-o1yrunbuze] {
        grid-template-columns: 1fr;
    }

    .ad3-topic[b-o1yrunbuze],
    .ad3-topic:nth-child(2n)[b-o1yrunbuze],
    .ad3-topic:last-child[b-o1yrunbuze] {
        grid-column: auto;
        border-right: 0;
    }

    .ad3-actions[b-o1yrunbuze] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ad3-btn[b-o1yrunbuze] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ad3-btn[b-o1yrunbuze] {
        transition: none;
    }
}

/* ==========================================================================
   INTEGRACIÓN VISUAL Y MICROINTERACCIONES (segunda pasada)
   Los símbolos Unicode se reemplazaron por SVG inline en el .razor;
   aquí solo se dimensionan y se agregan estados de hover/active/focus-visible.
   No se modifica ninguna regla estructural existente arriba de este bloque.
   ========================================================================== */

/* Tamaño de los SVG dentro de cada contenedor de icono ya existente */
.ad3-topic-icon svg[b-o1yrunbuze] {
    width: 28px;
    height: 28px;
    display: block;
    margin: 0 auto;
}

.ad3-card-icon svg[b-o1yrunbuze],
.ad3-audience-icon svg[b-o1yrunbuze] {
    width: 32px;
    height: 32px;
}

.ad3-method-icon svg[b-o1yrunbuze] {
    width: 26px;
    height: 26px;
}

.ad3-difference-mark svg[b-o1yrunbuze] {
    width: 40px;
    height: 40px;
}

.ad3-method-arrow[b-o1yrunbuze] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ad3-method-arrow svg[b-o1yrunbuze] {
    width: 22px;
    height: 22px;
}

/* Flecha de texto animada dentro de los CTA (misma copy, solo se envuelve en <span>) */
.ad3-arrow[b-o1yrunbuze] {
    display: inline-block;
    transition: transform 200ms ease;
}

.ad3-btn:hover .ad3-arrow[b-o1yrunbuze] {
    transform: translateX(3px);
}

/* Botones: hover / active / focus-visible */
.ad3-btn[b-o1yrunbuze] {
    transition: transform 200ms ease, box-shadow 200ms ease, background 200ms ease, filter 200ms ease;
}

.ad3-btn:hover[b-o1yrunbuze] {
    transform: translateY(-2px);
}

.ad3-btn-primary:hover[b-o1yrunbuze] {
    box-shadow: 0 14px 34px rgba(109, 40, 217, .28);
    filter: brightness(1.04);
}

.ad3-btn-green:hover[b-o1yrunbuze] {
    box-shadow: 0 14px 34px rgba(19, 121, 91, .30);
    filter: brightness(1.04);
}

.ad3-btn-orange:hover[b-o1yrunbuze] {
    box-shadow: 0 14px 34px rgba(217, 119, 6, .30);
    filter: brightness(1.04);
}

.ad3-btn-outline-light:hover[b-o1yrunbuze] {
    background: rgba(255, 255, 255, .1);
}

.ad3-btn:active[b-o1yrunbuze] {
    transform: translateY(0);
}

.ad3-btn:focus-visible[b-o1yrunbuze],
.ad3-nav a:focus-visible[b-o1yrunbuze],
.ad3-mobile-nav a:focus-visible[b-o1yrunbuze],
.ad3-mobile-login:focus-visible[b-o1yrunbuze],
.ad3-menu-btn:focus-visible[b-o1yrunbuze],
.ad3-brand:focus-visible[b-o1yrunbuze] {
    outline: 2px solid var(--ad3-violet);
    outline-offset: 2px;
    border-radius: 8px;
}

/* Tarjetas: microinteracción de hover */
.ad3-card[b-o1yrunbuze] {
    transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}

.ad3-card:hover[b-o1yrunbuze] {
    transform: translateY(-3px);
    box-shadow: 0 14px 32px rgba(12, 27, 52, .1);
    border-color: rgba(109, 40, 217, .28);
}

/* Método: cada paso responde como parte de una secuencia, no como carrusel */
.ad3-method-step[b-o1yrunbuze] {
    border-radius: 16px;
    background: rgba(109, 40, 217, .03);
    border: 1px solid transparent;
    transition: background 200ms ease, border-color 200ms ease;
}

.ad3-method-step:hover[b-o1yrunbuze] {
    background: rgba(109, 40, 217, .07);
    border-color: rgba(109, 40, 217, .18);
}

.ad3-method-icon[b-o1yrunbuze] {
    transition: transform 200ms ease;
}

.ad3-method-step:hover .ad3-method-icon[b-o1yrunbuze] {
    transform: translateY(-2px);
}

/* Panel de Luma en el hero: se integra al fondo navy en vez de leerse como
   tarjeta independiente pegada (borde más suave + tinte radial + glow). */
.ad3-luma-card[b-o1yrunbuze] {
    border-color: rgba(255, 255, 255, .14);
    background:
        radial-gradient(circle at 30% 20%, rgba(139, 92, 246, .12), transparent 55%),
        rgba(255, 255, 255, .02);
}

.ad3-luma-visual[b-o1yrunbuze] {
    position: relative;
}

/* Glow puramente decorativo detrás de la imagen (no toca el asset).
   z-index negativo: pinta detrás de .ad3-luma-img, que es position:static
   por regla explícita del archivo original y no se modifica. */
.ad3-luma-glow[b-o1yrunbuze] {
    position: absolute;
    inset: 8% 12%;
    background: radial-gradient(circle, rgba(139, 92, 246, .35), transparent 70%);
    filter: blur(28px);
    z-index: -1;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .ad3-btn[b-o1yrunbuze],
    .ad3-card[b-o1yrunbuze],
    .ad3-method-step[b-o1yrunbuze],
    .ad3-method-icon[b-o1yrunbuze],
    .ad3-arrow[b-o1yrunbuze] {
        transition: none;
    }
}

/* ¿Qué hacemos? — promesa, texto y cierre (contenido actualizado) */
.ad3-section-heading .ad3-what-promise[b-o1yrunbuze] {
    max-width: 780px;
    margin: 18px auto 0;
    color: var(--ad3-text, #0c1b34);
    font-size: clamp(1.2rem, 1.9vw, 1.6rem);
    font-weight: 600;
    line-height: 1.35;
}

.ad3-what-promise strong[b-o1yrunbuze] {
    color: var(--ad3-violet);
    font-weight: 700;
}

.ad3-section-heading .ad3-what-intro[b-o1yrunbuze] {
    max-width: 900px;
    margin: 16px auto 0;
    line-height: 1.65;
}

.ad3-what-closing[b-o1yrunbuze] {
    max-width: 780px;
    margin: 30px auto 0;
    text-align: center;
    color: var(--ad3-muted);
    font-size: 1.1rem;
    line-height: 1.6;
}

.ad3-what-closing strong[b-o1yrunbuze] {
    color: var(--ad3-text, #0c1b34);
    font-weight: 700;
}

/* ¿Para quién es Aula Diversa? — acento y tratamiento por escala */
.ad3-section-heading .ad3-accent[b-o1yrunbuze] {
    color: var(--ad3-violet);
}

.ad3-audience-inst[b-o1yrunbuze] {
    border-color: rgba(22, 163, 74, .28);
    background: #f4fcf7;
}

.ad3-audience-people[b-o1yrunbuze] {
    border-color: rgba(109, 40, 217, .22);
    background: #f7f3ff;
}

.ad3-audience-inst h3[b-o1yrunbuze] {
    color: var(--ad3-green);
}

.ad3-audience-people h3[b-o1yrunbuze] {
    color: var(--ad3-violet);
}

/* ==========================================================================
   PALETA PASTEL APROBADA — PORTADA PÚBLICA
   Capa final intencional: conserva estructura, contenido, logo y arquetipos;
   sustituye únicamente el tratamiento cromático por superficies planas.
   ========================================================================== */

.ad3-page[b-o1yrunbuze] {
    --ad3-navy: #516A74;
    --ad3-navy-2: #516A74;
    --ad3-violet: #6B4E8C;
    --ad3-violet-2: #C0A8D6;
    --ad3-ink: #34474F;
    --ad3-text: #34474F;
    --ad3-muted: #516A74;
    --ad3-border: #E6EEEF;
    --ad3-soft: #FAF8F3;
    --ad3-lilac: #F0EAF5;
    --ad3-green: #2E6E69;
    --ad3-orange: #9A4A2A;
    --ad3-warm: #FCF6E6;
    --ad3-petroleum-blue: #779FAE;
    --ad3-blue-gray: #AEB9BE;
    --ad3-orange-accent: #F8B494;
    --ad3-lavender-accent: #C0A8D6;
    --ad3-mint-accent: #8FC6C1;
    --ad3-mustard-accent: #F4DA95;
    --ad3-blue-accent: #9ABEDC;
    --ad3-orange-tint: #FDEDE5;
    --ad3-lavender-tint: #F0EAF5;
    --ad3-mint-tint: #E4F1F0;
    --ad3-mustard-tint: #FCF6E6;
    --ad3-blue-tint: #E7F0F6;
    background: #FFFFFF;
    color: var(--ad3-ink);
    font-family: "Plus Jakarta Sans", system-ui, sans-serif;
}

.ad3-page :is(h1, h2, h3)[b-o1yrunbuze] {
    font-family: "Outfit", "Plus Jakarta Sans", system-ui, sans-serif;
}

.ad3-header[b-o1yrunbuze] {
    background: #FFFFFF;
    border-bottom-color: #E6EEEF;
}

.ad3-nav a[b-o1yrunbuze],
.ad3-login[b-o1yrunbuze] {
    color: #34474F;
}

.ad3-nav a:hover[b-o1yrunbuze],
.ad3-login:hover[b-o1yrunbuze] {
    color: #6B4E8C;
    opacity: 1;
}

.ad3-menu-btn[b-o1yrunbuze],
.ad3-mobile-nav[b-o1yrunbuze] {
    background: #FAF8F3;
    border-color: #AEB9BE;
    box-shadow: none;
}

.ad3-mobile-nav a:hover[b-o1yrunbuze],
.ad3-mobile-login:hover[b-o1yrunbuze] {
    background: #F0EAF5;
    color: #6B4E8C;
}

.ad3-btn[b-o1yrunbuze],
.ad3-btn:hover[b-o1yrunbuze],
.ad3-btn:active[b-o1yrunbuze] {
    transform: none;
    box-shadow: none;
    filter: none;
}

.ad3-btn-primary[b-o1yrunbuze],
.ad3-btn-primary:hover[b-o1yrunbuze] {
    color: #FFFFFF;
    background: #6B4E8C;
    border-color: #6B4E8C;
    box-shadow: none;
    filter: none;
}

.ad3-btn-primary:hover[b-o1yrunbuze] {
    color: #FFFFFF;
    background: #6B4E8C;
}

.ad3-btn-outline-light[b-o1yrunbuze],
.ad3-btn-outline-light:hover[b-o1yrunbuze] {
    color: #34474F;
    border: 1px solid #516A74;
    background: #FFFFFF;
}

.ad3-btn-green[b-o1yrunbuze],
.ad3-btn-green:hover[b-o1yrunbuze] {
    color: #FFFFFF;
    background: #2E6E69;
    box-shadow: none;
    filter: none;
}

.ad3-btn-orange[b-o1yrunbuze],
.ad3-btn-orange:hover[b-o1yrunbuze] {
    color: #FFFFFF;
    background: #9A4A2A;
    box-shadow: none;
    filter: none;
}

.ad3-hero[b-o1yrunbuze] {
    background: #E7F0F6;
    color: #34474F;
    border: 1px solid #E6EEEF;
    box-shadow: none;
}

.ad3-hero h1[b-o1yrunbuze] {
    color: #34474F;
}

.ad3-hero h1 span[b-o1yrunbuze] {
    color: #6B4E8C;
}

.ad3-hero-lead[b-o1yrunbuze],
.ad3-topic span[b-o1yrunbuze] {
    color: #34474F;
}

.ad3-topics[b-o1yrunbuze] {
    border-color: #AEB9BE;
}

.ad3-topic[b-o1yrunbuze] {
    border-color: #AEB9BE;
}

.ad3-topic-icon[b-o1yrunbuze] {
    width: 48px;
    height: 48px;
    margin: 0 auto 10px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    color: #34474F;
}

.ad3-topic:nth-child(1) .ad3-topic-icon[b-o1yrunbuze] { background: #F8B494; }
.ad3-topic:nth-child(2) .ad3-topic-icon[b-o1yrunbuze] { background: #C0A8D6; }
.ad3-topic:nth-child(3) .ad3-topic-icon[b-o1yrunbuze] { background: #8FC6C1; }
.ad3-topic:nth-child(4) .ad3-topic-icon[b-o1yrunbuze] { background: #F4DA95; }
.ad3-topic:nth-child(5) .ad3-topic-icon[b-o1yrunbuze] { background: #9ABEDC; }

.ad3-luma-card[b-o1yrunbuze] {
    border-color: #C0A8D6;
    background: #F0EAF5;
    box-shadow: none;
}

.ad3-eyebrow[b-o1yrunbuze] {
    color: #6B4E8C;
}

.ad3-accent-line[b-o1yrunbuze] {
    background: #F4DA95;
}

.ad3-luma-copy h2[b-o1yrunbuze],
.ad3-luma-copy p[b-o1yrunbuze] {
    color: #34474F;
}

.ad3-luma-glow[b-o1yrunbuze] {
    display: none;
    background: none;
    filter: none;
}

.ad3-section-heading h2[b-o1yrunbuze],
.ad3-eco-intro h2[b-o1yrunbuze],
.ad3-who h2[b-o1yrunbuze] {
    color: #34474F;
}

.ad3-section-heading p[b-o1yrunbuze],
.ad3-service p[b-o1yrunbuze],
.ad3-audience p[b-o1yrunbuze],
.ad3-plan p[b-o1yrunbuze],
.ad3-method-step p[b-o1yrunbuze],
.ad3-difference p[b-o1yrunbuze],
.ad3-eco-intro p[b-o1yrunbuze],
.ad3-eco-card p[b-o1yrunbuze],
.ad3-eco-note[b-o1yrunbuze],
.ad3-what-closing[b-o1yrunbuze] {
    color: #516A74;
}

.ad3-section-soft[b-o1yrunbuze] {
    background: #E4F1F0;
}

.ad3-card[b-o1yrunbuze],
.ad3-eco-card[b-o1yrunbuze] {
    border-color: #E6EEEF;
    background: #FFFFFF;
    box-shadow: none;
}

.ad3-card:hover[b-o1yrunbuze],
.ad3-eco-card:hover[b-o1yrunbuze] {
    transform: none;
    border-color: #C0A8D6;
    box-shadow: none;
}

.ad3-service-violet[b-o1yrunbuze],
.ad3-audience-people[b-o1yrunbuze] {
    border-color: #C0A8D6;
    background: #F0EAF5;
}

.ad3-service-green[b-o1yrunbuze],
.ad3-audience-inst[b-o1yrunbuze] {
    border-color: #8FC6C1;
    background: #E4F1F0;
}

.ad3-service-violet .ad3-card-icon[b-o1yrunbuze],
.ad3-icon-violet[b-o1yrunbuze] {
    background: #C0A8D6;
    color: #6B4E8C;
}

.ad3-service-green .ad3-card-icon[b-o1yrunbuze],
.ad3-icon-green[b-o1yrunbuze] {
    background: #8FC6C1;
    color: #2E6E69;
}

.ad3-icon-blue[b-o1yrunbuze] {
    background: #9ABEDC;
    color: #3A6690;
}

.ad3-icon-orange[b-o1yrunbuze] {
    background: #F8B494;
    color: #9A4A2A;
}

.ad3-service-violet h3[b-o1yrunbuze],
.ad3-audience-people h3[b-o1yrunbuze],
.ad3-what-promise strong[b-o1yrunbuze],
.ad3-section-heading .ad3-accent[b-o1yrunbuze],
.ad3-eco-quote[b-o1yrunbuze] {
    color: #6B4E8C;
}

.ad3-service-green h3[b-o1yrunbuze],
.ad3-audience-inst h3[b-o1yrunbuze] {
    color: #2E6E69;
}

.ad3-ecosystem-wrap[b-o1yrunbuze] {
    background: #F0EAF5;
}

.ad3-eco-card-green[b-o1yrunbuze] {
    border-color: #8FC6C1;
    background: #E4F1F0;
}

.ad3-eco-card-violet[b-o1yrunbuze] {
    border-color: #C0A8D6;
    background: #F0EAF5;
}

.ad3-eco-card-orange[b-o1yrunbuze] {
    border-color: #F8B494;
    background: #FDEDE5;
}

.ad3-plan-violet[b-o1yrunbuze] { background: #C0A8D6; }
.ad3-plan-green[b-o1yrunbuze] { background: #8FC6C1; }
.ad3-plan-orange[b-o1yrunbuze] { background: #F8B494; }

.ad3-plan-warm[b-o1yrunbuze] {
    border-color: #F4DA95;
    background: #FCF6E6;
}

.ad3-who[b-o1yrunbuze] {
    background: #E7F0F6;
    color: #516A74;
    border: 1px solid #AEB9BE;
    box-shadow: none;
}

.ad3-who h2[b-o1yrunbuze] {
    color: #3A6690;
}

.ad3-who p[b-o1yrunbuze] {
    color: #516A74;
}

.ad3-who-divider[b-o1yrunbuze],
.ad3-final-copy[b-o1yrunbuze] {
    border-color: #AEB9BE;
}

.ad3-who-divider[b-o1yrunbuze] {
    background: #AEB9BE;
}

.ad3-method-step[b-o1yrunbuze],
.ad3-method-step:hover[b-o1yrunbuze] {
    border-color: #E6EEEF;
    background: #FAF8F3;
}

.ad3-btn:focus-visible[b-o1yrunbuze],
.ad3-nav a:focus-visible[b-o1yrunbuze],
.ad3-mobile-nav a:focus-visible[b-o1yrunbuze],
.ad3-mobile-login:focus-visible[b-o1yrunbuze],
.ad3-menu-btn:focus-visible[b-o1yrunbuze],
.ad3-brand:focus-visible[b-o1yrunbuze],
.ad3-login:focus-visible[b-o1yrunbuze] {
    outline-color: #6B4E8C;
}

@media (max-width: 760px) {
    .ad3-topic[b-o1yrunbuze],
    .ad3-topic:nth-child(2n)[b-o1yrunbuze],
    .ad3-topic:last-child[b-o1yrunbuze] {
        border-color: #AEB9BE;
    }
}

/* ==========================================================================
   AD-F-011 — integración local del nuevo bosquejo oficial.
   Capa aislada por prefijo ad4-*: conserva la lógica y los modales existentes.
   ========================================================================== */

.ad4-page[b-o1yrunbuze] {
    --ad4-blue: #1238c7;
    --ad4-violet: #7b13ee;
    --ad4-orange: #f36a3d;
    --ad4-green: #16aaa6;
    --ad4-yellow: #f0b928;
    --ad4-ink: #0d2aa8;
    --ad4-copy: #2b5fa7;
    --ad4-lavender: #f1ebff;
    --ad4-peach: #fff0e8;
    --ad4-mint: #e7f8f6;
    --ad4-soft-blue: #edf6ff;
    --ad4-border: #dce7f3;
    background: #fff;
    color: var(--ad4-ink);
}

.ad4-page :is(h1, h2, h3, p)[b-o1yrunbuze] {
    margin-top: 0;
}

.ad4-header[b-o1yrunbuze] {
    position: sticky;
    top: 0;
    z-index: 30;
    background: rgba(255, 255, 255, .98);
    border-bottom: 1px solid #dbe5ef;
}

.ad4-header-inner[b-o1yrunbuze] {
    min-height: 72px;
    gap: 24px;
}

.ad4-header .ad3-logo[b-o1yrunbuze] {
    width: 208px;
    max-height: 56px;
    object-fit: contain;
}

.ad4-nav[b-o1yrunbuze] {
    margin-left: auto;
    gap: 24px;
}

.ad4-nav a[b-o1yrunbuze],
.ad4-nav-button[b-o1yrunbuze] {
    position: relative;
    padding: 26px 0 22px;
    border: 0;
    color: var(--ad4-blue);
    background: transparent;
    font-size: 13px;
    font-weight: 700;
    font-family: inherit;
    line-height: inherit;
    cursor: pointer;
}

.ad4-nav a:hover[b-o1yrunbuze],
.ad4-nav-button:hover[b-o1yrunbuze],
.ad4-nav a:focus-visible[b-o1yrunbuze],
.ad4-nav-button:focus-visible[b-o1yrunbuze],
.ad4-nav-active[b-o1yrunbuze] {
    color: var(--ad4-violet) !important;
}

.ad4-nav-active[b-o1yrunbuze]::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    height: 2px;
    border-radius: 99px;
    background: var(--ad4-violet);
}

.ad4-header-actions[b-o1yrunbuze] {
    margin-left: 10px;
}

.ad4-login[b-o1yrunbuze] {
    min-height: 44px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #2a6dd3;
    border-radius: 999px;
    color: #2359b4;
    background: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
}

.ad4-login:hover[b-o1yrunbuze] {
    color: #fff;
    background: #2359b4;
}

.ad4-mobile-nav-button[b-o1yrunbuze] {
    width: 100%;
    padding: 11px 12px;
    border: 0;
    border-radius: 8px;
    color: var(--ad4-blue);
    background: transparent;
    font: inherit;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.ad4-mobile-nav-button:hover[b-o1yrunbuze] {
    color: var(--ad4-violet);
    background: var(--ad4-lavender);
}

.ad4-hero[b-o1yrunbuze] {
    position: relative;
    overflow: hidden;
    padding: 32px 0 56px;
    background: #fff;
}

.ad4-hero[b-o1yrunbuze]::after {
    content: "";
    position: absolute;
    right: -4%;
    bottom: -84px;
    left: -4%;
    height: 132px;
    border-radius: 50% 50% 0 0 / 70% 70% 0 0;
    background: linear-gradient(90deg, rgba(255, 170, 196, .22), rgba(132, 213, 246, .28), rgba(160, 230, 215, .24));
}

.ad4-hero-grid[b-o1yrunbuze] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .92fr);
    gap: clamp(40px, 5vw, 72px);
    align-items: stretch;
}

.ad4-hero-copy[b-o1yrunbuze],
.ad4-how[b-o1yrunbuze] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#como-lo-hacemos[b-o1yrunbuze],
#sobre-aula-diversa[b-o1yrunbuze] {
    scroll-margin-top: 96px;
}

.ad4-kicker[b-o1yrunbuze] {
    margin-bottom: 10px;
    color: #3278cf;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.ad4-hero-copy h1[b-o1yrunbuze] {
    max-width: 680px;
    margin-bottom: 16px;
    color: var(--ad4-blue);
    font-size: clamp(44px, 5vw, 72px);
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.045em;
}

.ad4-hero-copy h1 span[b-o1yrunbuze] {
    color: var(--ad4-violet);
}

.ad4-hero-lead[b-o1yrunbuze] {
    max-width: 640px;
    margin-bottom: 24px;
    color: #2b78c9;
    font-size: clamp(18px, 2vw, 25px);
    font-weight: 500;
    line-height: 1.32;
}

.ad4-primary-action[b-o1yrunbuze] {
    width: min(100%, 390px);
    min-height: 58px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: #6615e8;
    box-shadow: 0 10px 22px rgba(94, 25, 210, .25);
    font-size: 20px;
    font-weight: 700;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
}

.ad4-primary-action:hover[b-o1yrunbuze] {
    color: #fff;
    background: #5310c2;
}

.ad4-play[b-o1yrunbuze],
.ad4-circle-play[b-o1yrunbuze] {
    width: 36px;
    height: 36px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    color: var(--ad4-violet);
    background: #fff;
    font-size: 14px;
}

.ad4-how h2[b-o1yrunbuze] {
    margin-bottom: 16px;
    color: var(--ad4-blue);
    font-size: clamp(25px, 2.4vw, 38px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -.025em;
}

.ad4-how h2 span[b-o1yrunbuze] {
    color: var(--ad4-violet);
}

.ad4-how-list[b-o1yrunbuze] {
    display: grid;
    width: 100%;
    gap: 12px;
    margin-bottom: 22px;
}

.ad4-how-step[b-o1yrunbuze] {
    width: 100%;
    min-height: 78px;
    padding: 12px 18px;
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 14px;
    align-items: center;
    border-radius: 14px;
}

.ad4-how-step h3[b-o1yrunbuze] {
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: 800;
}

.ad4-how-step p[b-o1yrunbuze] {
    margin-bottom: 0;
    color: #5273a2;
    font-size: 13px;
    line-height: 1.35;
}

.ad4-step-icon[b-o1yrunbuze],
.ad4-service-icon[b-o1yrunbuze],
.ad4-resource-icon[b-o1yrunbuze] {
    display: grid;
    place-items: center;
}

.ad4-step-icon svg[b-o1yrunbuze],
.ad4-service-icon svg[b-o1yrunbuze],
.ad4-resource-icon svg[b-o1yrunbuze] {
    width: 32px;
    height: 32px;
}

.ad4-how-violet[b-o1yrunbuze] { color: var(--ad4-violet); background: var(--ad4-lavender); }
.ad4-how-orange[b-o1yrunbuze] { color: var(--ad4-orange); background: var(--ad4-peach); }
.ad4-how-green[b-o1yrunbuze] { color: var(--ad4-green); background: var(--ad4-mint); }

.ad4-hero-copy > .ad4-primary-action[b-o1yrunbuze],
.ad4-how > .ad4-primary-action[b-o1yrunbuze] {
    align-self: center;
    margin-top: auto;
}

.ad4-text-action[b-o1yrunbuze] {
    min-height: 48px;
    margin-top: 8px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 0;
    color: var(--ad4-blue);
    background: transparent;
    font-size: 16px;
    font-weight: 800;
}

.ad4-circle-play[b-o1yrunbuze] {
    width: 40px;
    height: 40px;
    border: 2px solid var(--ad4-blue);
    color: var(--ad4-blue);
}

.ad4-services[b-o1yrunbuze],
.ad4-method[b-o1yrunbuze] {
    padding-top: 26px;
    padding-bottom: 28px;
}

.ad4-anchor-alias[b-o1yrunbuze] {
    display: block;
    height: 0;
    scroll-margin-top: 96px;
}

.ad4-section-heading[b-o1yrunbuze] {
    margin-bottom: 22px;
    text-align: center;
}

.ad4-section-heading .ad4-kicker[b-o1yrunbuze] {
    margin-bottom: 6px;
}

.ad4-section-heading h2[b-o1yrunbuze] {
    margin-bottom: 4px;
    color: var(--ad4-blue);
    font-size: clamp(30px, 3.3vw, 46px);
    font-weight: 800;
    line-height: 1.05;
}

.ad4-section-heading > p:last-child[b-o1yrunbuze] {
    margin-bottom: 0;
    color: #2f72c3;
    font-size: 17px;
}

.ad4-service-grid[b-o1yrunbuze] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.ad4-audience-picker[b-o1yrunbuze] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.ad4-audience-option[b-o1yrunbuze] {
    min-height: 104px;
    padding: 18px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    border: 2px solid transparent;
    border-radius: 18px;
    color: #16428a;
    text-align: left;
    cursor: pointer;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.ad4-audience-option:hover[b-o1yrunbuze] {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(22, 66, 138, .1);
}

.ad4-audience-option:focus-visible[b-o1yrunbuze] {
    outline: 3px solid #ffb11a;
    outline-offset: 3px;
}

.ad4-audience-option.is-selected[b-o1yrunbuze] {
    border-color: currentColor;
    box-shadow: 0 8px 20px rgba(22, 66, 138, .12);
}

.ad4-audience-option strong[b-o1yrunbuze],
.ad4-audience-option small[b-o1yrunbuze] {
    display: block;
}

.ad4-audience-option strong[b-o1yrunbuze] {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.15;
}

.ad4-audience-option small[b-o1yrunbuze] {
    color: #476a9b;
    font-size: 13px;
    line-height: 1.35;
}

.ad4-audience-icon[b-o1yrunbuze] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #fff;
}

.ad4-audience-icon svg[b-o1yrunbuze] {
    width: 26px;
    height: 26px;
}

.ad4-audience-maestro[b-o1yrunbuze] { background: #fff0e8; }
.ad4-audience-maestro .ad4-audience-icon[b-o1yrunbuze] { background: #ee6c42; }
.ad4-audience-colegio[b-o1yrunbuze] { background: #f1e8ff; }
.ad4-audience-colegio .ad4-audience-icon[b-o1yrunbuze] { background: #8b42d9; }
.ad4-audience-organizacion[b-o1yrunbuze] { background: #e6f7f4; }
.ad4-audience-organizacion .ad4-audience-icon[b-o1yrunbuze] { background: #159d96; }

.ad4-audience-panel[b-o1yrunbuze] {
    margin-top: 18px;
    padding: 24px 26px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
    border: 1px solid #cdddf3;
    border-radius: 18px;
    background: #fff;
}

.ad4-audience-eyebrow[b-o1yrunbuze] {
    margin: 0 0 5px;
    color: #3278cf;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ad4-audience-panel h3[b-o1yrunbuze] {
    margin: 0 0 14px;
    color: var(--ad4-blue);
    font-size: clamp(20px, 2vw, 26px);
    line-height: 1.15;
}

.ad4-audience-benefits[b-o1yrunbuze] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ad4-audience-benefits span[b-o1yrunbuze] {
    padding: 8px 12px;
    border-radius: 999px;
    color: #315f99;
    background: #eff6ff;
    font-size: 13px;
    font-weight: 700;
}

.ad4-audience-action[b-o1yrunbuze] {
    min-height: 46px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: var(--ad4-blue);
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.ad4-audience-action:hover[b-o1yrunbuze] {
    color: #fff;
    background: #173eaa;
}

.ad4-service-card[b-o1yrunbuze] {
    min-height: 228px;
    padding: 0 28px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 18px;
    text-align: center;
}

.ad4-service-icon[b-o1yrunbuze] {
    width: 66px;
    height: 66px;
    margin-top: -18px;
    margin-bottom: 8px;
    border-radius: 50%;
    color: #fff;
}

.ad4-service-card h3[b-o1yrunbuze] {
    margin-bottom: 6px;
    color: var(--ad4-blue);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.08;
}

.ad4-service-card p[b-o1yrunbuze] {
    max-width: 280px;
    margin-bottom: 14px;
    color: #476a9b;
    font-size: 14px;
    line-height: 1.35;
}

.ad4-service-orange[b-o1yrunbuze] { background: var(--ad4-peach); }
.ad4-service-violet[b-o1yrunbuze] { background: var(--ad4-lavender); }
.ad4-service-green[b-o1yrunbuze] { background: var(--ad4-mint); }
.ad4-service-orange .ad4-service-icon[b-o1yrunbuze] { background: #ff7650; }
.ad4-service-violet .ad4-service-icon[b-o1yrunbuze] { background: #9b4cea; }
.ad4-service-green .ad4-service-icon[b-o1yrunbuze] { background: #25bbb3; }

.ad4-card-action[b-o1yrunbuze] {
    width: 100%;
    min-height: 40px;
    margin-top: auto;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 0;
    border-radius: 999px;
    color: currentColor;
    background: rgba(255, 255, 255, .42);
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.ad4-service-orange .ad4-card-action[b-o1yrunbuze] { color: #d74c25; }
.ad4-service-violet .ad4-card-action[b-o1yrunbuze] { color: #7719dc; }
.ad4-service-green .ad4-card-action[b-o1yrunbuze] { color: #138e89; }

.ad4-method[b-o1yrunbuze] {
    padding-top: 24px;
    padding-bottom: 32px;
}

.ad4-method-actions[b-o1yrunbuze] {
    display: flex;
    justify-content: center;
    margin-top: 28px;
}

.ad4-method-action[b-o1yrunbuze] {
    margin-top: 0;
    min-height: 44px;
    padding-inline: 24px;
    white-space: nowrap;
}

.ad4-archetypes-stage[b-o1yrunbuze] {
    position: relative;
    width: min(100%, 820px);
    margin: 0 auto;
    padding-bottom: 34px;
}

.ad4-archetypes-row[b-o1yrunbuze] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(8px, 2vw, 22px);
    align-items: end;
}

.ad4-archetype-portrait[b-o1yrunbuze] {
    --ad4-halo-rgb: 123, 19, 238;
    --ad4-character-delay: .45s;
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: .82;
    transform-origin: 50% 92%;
    animation:
        ad4-character-arrival-b-o1yrunbuze 9s ease-in-out var(--ad4-character-delay) infinite both,
        ad4-all-together-b-o1yrunbuze 9s ease-in-out infinite both;
}

.ad4-archetype-portrait-nara[b-o1yrunbuze] { --ad4-halo-rgb: 255, 112, 67; --ad4-character-delay: .45s; }
.ad4-archetype-portrait-kai[b-o1yrunbuze] { --ad4-halo-rgb: 33, 182, 168; --ad4-character-delay: 1.8s; }
.ad4-archetype-portrait-luma[b-o1yrunbuze] { --ad4-halo-rgb: 155, 54, 232; --ad4-character-delay: 3.15s; }
.ad4-archetype-portrait-tilo[b-o1yrunbuze] { --ad4-halo-rgb: 41, 122, 216; --ad4-character-delay: 4.5s; }
.ad4-archetype-portrait-eco[b-o1yrunbuze] { --ad4-halo-rgb: 255, 193, 31; --ad4-character-delay: 5.85s; }

.ad4-archetype-portrait[b-o1yrunbuze]::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 3% -5% 0;
    border-radius: 48%;
    background: radial-gradient(ellipse at center, rgba(var(--ad4-halo-rgb), .48) 0%, rgba(var(--ad4-halo-rgb), .2) 42%, transparent 72%);
    filter: blur(12px);
    opacity: 0;
    transform: scale(.82);
    pointer-events: none;
    animation: ad4-character-halo-b-o1yrunbuze 9s ease-in-out var(--ad4-character-delay) infinite both;
}

.ad4-archetype-portrait img[b-o1yrunbuze] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ad4-archetype-ghost[b-o1yrunbuze] {
    position: relative;
    z-index: 1;
    opacity: .2;
    filter:
        grayscale(.72)
        saturate(.62)
        brightness(1.18)
        drop-shadow(0 0 2px rgba(var(--ad4-halo-rgb), .42));
}

.ad4-archetype-reveal[b-o1yrunbuze] {
    position: absolute;
    z-index: 2;
    inset: 0;
    overflow: hidden;
    clip-path: inset(100% 0 0 0);
    opacity: 0;
    pointer-events: none;
    animation-duration: 9s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

.ad4-archetype-reveal img[b-o1yrunbuze] {
    width: 100%;
    height: 100%;
    filter:
        drop-shadow(0 0 4px rgba(var(--ad4-halo-rgb), .44))
        drop-shadow(0 0 10px rgba(var(--ad4-halo-rgb), .2));
}

.ad4-archetype-portrait-nara .ad4-archetype-reveal[b-o1yrunbuze] { animation-name: ad4-reveal-nara-b-o1yrunbuze; }
.ad4-archetype-portrait-kai .ad4-archetype-reveal[b-o1yrunbuze] { animation-name: ad4-reveal-kai-b-o1yrunbuze; }
.ad4-archetype-portrait-luma .ad4-archetype-reveal[b-o1yrunbuze] { animation-name: ad4-reveal-luma-b-o1yrunbuze; }
.ad4-archetype-portrait-tilo .ad4-archetype-reveal[b-o1yrunbuze] { animation-name: ad4-reveal-tilo-b-o1yrunbuze; }
.ad4-archetype-portrait-eco .ad4-archetype-reveal[b-o1yrunbuze] { animation-name: ad4-reveal-eco-b-o1yrunbuze; }

.ad4-luma-heart-pulse[b-o1yrunbuze] {
    position: absolute;
    z-index: 4;
    top: 58.5%;
    left: 35.3%;
    width: 30.4%;
    overflow: visible;
    transform-origin: 50% 50%;
    pointer-events: none;
    filter:
        drop-shadow(0 0 4px rgba(255, 255, 255, 1))
        drop-shadow(0 0 10px rgba(190, 63, 255, .94))
        drop-shadow(0 0 18px rgba(128, 34, 218, .62));
    animation:
        ad4-luma-heartbeat-b-o1yrunbuze 1.65s ease-in-out infinite both,
        ad4-luma-heart-tone-b-o1yrunbuze 9s ease-in-out infinite both;
}

.ad4-luma-heart-pulse path[b-o1yrunbuze] {
    fill: rgba(239, 213, 255, .48);
    stroke: rgba(255, 255, 255, .9);
    stroke-width: 1;
}

.ad4-reveal-front[b-o1yrunbuze] {
    position: absolute;
    z-index: 3;
    right: 7%;
    bottom: 2%;
    left: 7%;
    height: 16%;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, .98) 0%, rgba(var(--ad4-halo-rgb), .64) 34%, transparent 74%);
    filter: blur(7px);
    opacity: 0;
    transform: translateY(0) scaleX(.76);
    pointer-events: none;
    animation: ad4-reveal-front-b-o1yrunbuze 9s ease-in-out var(--ad4-character-delay) infinite both;
}

.ad4-archetype-portrait[b-o1yrunbuze]::after {
    content: "";
    position: absolute;
    right: 12%;
    bottom: 2%;
    left: 12%;
    height: 8%;
    border-radius: 50%;
    background: rgba(22, 56, 105, .12);
    filter: blur(8px);
}

.ad4-archetypes-line[b-o1yrunbuze] {
    position: absolute;
    right: 3%;
    bottom: 0;
    left: 3%;
    width: 94%;
    height: 28px;
    overflow: visible;
}

.ad4-archetypes-line path[b-o1yrunbuze] {
    fill: none;
    stroke: url(#ad4-archetypes-gradient);
    stroke-width: 4.5;
    stroke-linecap: round;
}

.ad4-archetypes-line-base[b-o1yrunbuze] {
    opacity: .2;
    filter: none;
}

.ad4-archetypes-line-progress[b-o1yrunbuze] {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    opacity: 0;
    filter:
        drop-shadow(0 0 3px rgba(255, 255, 255, .95))
        drop-shadow(0 0 7px rgba(111, 75, 255, .82));
    animation: ad4-path-progress-b-o1yrunbuze 9s ease-in-out infinite both;
}

@keyframes ad4-character-arrival-b-o1yrunbuze {
    0%, 13%, 100% { transform: translateY(0) scale(1); }
    5.5%, 8% { transform: translateY(-7px) scale(1.045); }
}

@keyframes ad4-character-halo-b-o1yrunbuze {
    0%, 13%, 100% { opacity: 0; transform: scale(.82); }
    5.5%, 8% { opacity: .78; transform: scale(1.04); }
}

@keyframes ad4-reveal-nara-b-o1yrunbuze {
    0%, 4% { clip-path: inset(100% 0 0 0); opacity: 0; }
    12%, 94% { clip-path: inset(0 0 0 0); opacity: 1; }
    97% { clip-path: inset(0 0 0 0); opacity: 0; }
    98%, 100% { clip-path: inset(100% 0 0 0); opacity: 0; }
}

@keyframes ad4-reveal-kai-b-o1yrunbuze {
    0%, 19% { clip-path: inset(100% 0 0 0); opacity: 0; }
    27%, 94% { clip-path: inset(0 0 0 0); opacity: 1; }
    97% { clip-path: inset(0 0 0 0); opacity: 0; }
    98%, 100% { clip-path: inset(100% 0 0 0); opacity: 0; }
}

@keyframes ad4-reveal-luma-b-o1yrunbuze {
    0%, 34% { clip-path: inset(100% 0 0 0); opacity: 0; }
    42%, 94% { clip-path: inset(0 0 0 0); opacity: 1; }
    97% { clip-path: inset(0 0 0 0); opacity: 0; }
    98%, 100% { clip-path: inset(100% 0 0 0); opacity: 0; }
}

@keyframes ad4-reveal-tilo-b-o1yrunbuze {
    0%, 49% { clip-path: inset(100% 0 0 0); opacity: 0; }
    57%, 94% { clip-path: inset(0 0 0 0); opacity: 1; }
    97% { clip-path: inset(0 0 0 0); opacity: 0; }
    98%, 100% { clip-path: inset(100% 0 0 0); opacity: 0; }
}

@keyframes ad4-reveal-eco-b-o1yrunbuze {
    0%, 64% { clip-path: inset(100% 0 0 0); opacity: 0; }
    72%, 94% { clip-path: inset(0 0 0 0); opacity: 1; }
    97% { clip-path: inset(0 0 0 0); opacity: 0; }
    98%, 100% { clip-path: inset(100% 0 0 0); opacity: 0; }
}

@keyframes ad4-reveal-front-b-o1yrunbuze {
    0%, 3%, 14%, 100% { bottom: 2%; opacity: 0; transform: scaleX(.76); }
    4% { bottom: 2%; opacity: .9; transform: scaleX(.82); }
    10% { bottom: 83%; opacity: .72; transform: scaleX(1); }
    13% { bottom: 90%; opacity: 0; transform: scaleX(.9); }
}

@keyframes ad4-luma-heartbeat-b-o1yrunbuze {
    0%, 100% { opacity: .64; transform: scale(.94); }
    42% { opacity: 1; transform: scale(1.08); }
    58% { opacity: .78; transform: scale(1); }
}

@keyframes ad4-luma-heart-tone-b-o1yrunbuze {
    0%, 34%, 98%, 100% {
        filter:
            drop-shadow(0 0 4px rgba(255, 255, 255, 1))
            drop-shadow(0 0 10px rgba(190, 63, 255, .94))
            drop-shadow(0 0 18px rgba(128, 34, 218, .62));
    }
    42%, 94% {
        filter:
            drop-shadow(0 0 3px rgba(255, 255, 255, .96))
            drop-shadow(0 0 7px rgba(224, 80, 255, .7))
            drop-shadow(0 0 12px rgba(155, 54, 232, .32));
    }
}

@keyframes ad4-all-together-b-o1yrunbuze {
    0%, 80%, 94%, 100% { filter: none; }
    85%, 90% {
        filter:
            drop-shadow(0 0 5px rgba(var(--ad4-halo-rgb), .5))
            drop-shadow(0 0 11px rgba(var(--ad4-halo-rgb), .32));
    }
}

@keyframes ad4-path-progress-b-o1yrunbuze {
    0%, 4% { stroke-dashoffset: 100; opacity: 0; }
    12% { stroke-dashoffset: 82; opacity: 1; }
    27% { stroke-dashoffset: 62; opacity: 1; }
    42% { stroke-dashoffset: 42; opacity: 1; }
    57% { stroke-dashoffset: 22; opacity: 1; }
    72%, 91% { stroke-dashoffset: 0; opacity: 1; }
    96%, 100% { stroke-dashoffset: 0; opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .ad4-archetype-portrait[b-o1yrunbuze],
    .ad4-archetype-portrait[b-o1yrunbuze]::before,
    .ad4-archetype-reveal[b-o1yrunbuze],
    .ad4-reveal-front[b-o1yrunbuze],
    .ad4-luma-heart-pulse[b-o1yrunbuze],
    .ad4-archetypes-line-progress[b-o1yrunbuze] {
        animation: none !important;
    }

    .ad4-archetype-portrait[b-o1yrunbuze] { transform: none; filter: none; }
    .ad4-archetype-portrait[b-o1yrunbuze]::before { opacity: .24; transform: scale(.94); }
    .ad4-archetype-ghost[b-o1yrunbuze] { opacity: 0; }
    .ad4-archetype-reveal[b-o1yrunbuze] { clip-path: inset(0); opacity: 1; }
    .ad4-reveal-front[b-o1yrunbuze] { opacity: 0; }
    .ad4-luma-heart-pulse[b-o1yrunbuze] {
        opacity: .82;
        transform: scale(1);
        filter:
            drop-shadow(0 0 3px rgba(255, 255, 255, .96))
            drop-shadow(0 0 7px rgba(224, 80, 255, .7));
    }
    .ad4-archetypes-line-progress[b-o1yrunbuze] { stroke-dashoffset: 0; opacity: .82; }
}

.ad4-resources[b-o1yrunbuze] {
    margin-top: 10px;
    margin-bottom: 18px;
    padding: 22px 26px;
    display: grid;
    grid-template-columns: 1.35fr 1.65fr;
    gap: 28px;
    align-items: center;
    border: 1px solid var(--ad4-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(35, 77, 139, .09);
}

.ad4-resource-promise h2[b-o1yrunbuze] {
    margin-bottom: 6px;
    color: var(--ad4-blue);
    font-size: clamp(24px, 2.3vw, 34px);
    font-weight: 800;
    line-height: 1.06;
}

.ad4-resource-promise > p:last-child[b-o1yrunbuze] {
    margin-bottom: 0;
    color: #3b74bc;
    font-size: 16px;
}

.ad4-resource-grid[b-o1yrunbuze] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.ad4-resource-card[b-o1yrunbuze] {
    min-height: 150px;
    padding: 8px 18px;
    text-align: center;
    border-left: 1px solid var(--ad4-border);
    color: inherit;
    text-decoration: none;
    transition: transform .18s ease, background-color .18s ease;
}

.ad4-resource-card:hover[b-o1yrunbuze] {
    transform: translateY(-2px);
    background: rgba(244, 240, 255, .48);
}

.ad4-resource-card > span[b-o1yrunbuze] {
    display: inline-flex;
    gap: 6px;
    margin-top: 10px;
    color: var(--ad4-violet);
    font-size: 12px;
    font-weight: 800;
}

.ad4-resource-icon[b-o1yrunbuze] {
    width: 48px;
    height: 48px;
    margin: 0 auto 8px;
    border-radius: 50%;
    color: #2576d7;
    background: var(--ad4-soft-blue);
}

.ad4-resource-grid h3[b-o1yrunbuze] {
    margin-bottom: 4px;
    color: var(--ad4-blue);
    font-size: 15px;
    font-weight: 800;
}

.ad4-resource-grid p[b-o1yrunbuze] {
    margin-bottom: 0;
    color: #50709c;
    font-size: 12px;
    line-height: 1.3;
}

.ad4-final-cta[b-o1yrunbuze] {
    min-height: 68px;
    margin-bottom: 18px;
    padding: 10px 24px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 22px;
    align-items: center;
    border-radius: 14px;
    background: #e7dafa;
}

.ad4-color-dots[b-o1yrunbuze] {
    display: flex;
    gap: 18px;
}

.ad4-color-dots span[b-o1yrunbuze] {
    width: 31px;
    height: 31px;
    border-radius: 50%;
}

.ad4-color-dots span:nth-child(1)[b-o1yrunbuze] { background: #ff825c; }
.ad4-color-dots span:nth-child(2)[b-o1yrunbuze] { background: #35c5b7; }
.ad4-color-dots span:nth-child(3)[b-o1yrunbuze] { background: #ac63e9; }
.ad4-color-dots span:nth-child(4)[b-o1yrunbuze] { background: #377bd8; }
.ad4-color-dots span:nth-child(5)[b-o1yrunbuze] { background: #ffd34e; }

.ad4-final-cta h2[b-o1yrunbuze] {
    margin-bottom: 0;
    color: var(--ad4-blue);
    font-size: clamp(23px, 2.6vw, 34px);
    font-weight: 800;
    white-space: nowrap;
}

.ad4-contact-action[b-o1yrunbuze] {
    min-width: 150px;
    min-height: 44px;
    justify-self: end;
    border: 0;
    border-radius: 999px;
    color: var(--ad4-blue);
    background: #fff;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 5px 16px rgba(43, 34, 124, .12);
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.ad4-contact-action:hover[b-o1yrunbuze] {
    transform: translateY(-2px);
    background: #fbfaff;
    box-shadow: 0 9px 22px rgba(43, 34, 124, .2);
}

.ad4-contact-action:active[b-o1yrunbuze] {
    transform: translateY(0);
}

.ad4-page :is(a, button):focus-visible[b-o1yrunbuze] {
    outline: 3px solid #ffb11a;
    outline-offset: 3px;
}

@media (max-width: 1080px) {
    .ad4-nav[b-o1yrunbuze] { display: none; }
    .ad4-header-actions[b-o1yrunbuze] { margin-left: auto; }
    .ad4-header .ad3-menu-btn[b-o1yrunbuze] { display: grid; }
    .ad4-hero-grid[b-o1yrunbuze] { grid-template-columns: 1fr 1fr; gap: 34px; }
    .ad4-resources[b-o1yrunbuze] { grid-template-columns: 1fr; }
    .ad4-resource-card:first-child[b-o1yrunbuze] { border-left: 0; }
}

@media (max-width: 820px) {
    .ad4-header .ad3-logo[b-o1yrunbuze] { width: 178px; }
    .ad4-hero[b-o1yrunbuze] { padding: 22px 0 52px; }
    .ad4-hero-grid[b-o1yrunbuze] { grid-template-columns: 1fr; gap: 36px; }
    .ad4-hero-copy[b-o1yrunbuze] { text-align: center; }
    .ad4-hero-copy[b-o1yrunbuze],
    .ad4-how[b-o1yrunbuze] { align-items: center; }
    .ad4-how[b-o1yrunbuze] { width: 100%; }
    .ad4-how :is(h2, .ad4-kicker)[b-o1yrunbuze] { text-align: center; }
    .ad4-how-step[b-o1yrunbuze] { text-align: left; }
    .ad4-hero-copy h1[b-o1yrunbuze],
    .ad4-hero-lead[b-o1yrunbuze],
    .ad4-primary-action[b-o1yrunbuze] { margin-right: auto; margin-left: auto; }
    .ad4-service-grid[b-o1yrunbuze] { grid-template-columns: 1fr; gap: 34px; }
    .ad4-audience-picker[b-o1yrunbuze] { grid-template-columns: 1fr; }
    .ad4-audience-panel[b-o1yrunbuze] { grid-template-columns: 1fr; }
    .ad4-audience-action[b-o1yrunbuze] { justify-self: start; }
    .ad4-service-card[b-o1yrunbuze] { min-height: 210px; }
    .ad4-resource-grid[b-o1yrunbuze] { grid-template-columns: 1fr; }
    .ad4-resource-card[b-o1yrunbuze] { min-height: auto; border-left: 0; border-top: 1px solid var(--ad4-border); }
    .ad4-resource-card:first-child[b-o1yrunbuze] { border-top: 0; }
    .ad4-final-cta[b-o1yrunbuze] { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .ad4-contact-action[b-o1yrunbuze] { justify-self: center; }
}

@media (max-width: 560px) {
    .ad4-header-inner[b-o1yrunbuze] { min-height: 64px; gap: 10px; }
    .ad4-header .ad3-logo[b-o1yrunbuze] { width: 145px; }
    .ad4-header-actions[b-o1yrunbuze] { display: none; }
    .ad4-hero-copy h1[b-o1yrunbuze] { font-size: 43px; }
    .ad4-hero-lead[b-o1yrunbuze] { font-size: 18px; }
    .ad4-how-step[b-o1yrunbuze] { grid-template-columns: 42px 1fr; padding: 12px; }
    .ad4-services[b-o1yrunbuze],
    .ad4-method[b-o1yrunbuze] { padding-right: 18px; padding-left: 18px; }
    .ad4-resources[b-o1yrunbuze] { margin-right: 16px; margin-left: 16px; padding: 20px 18px; }
    .ad4-final-cta[b-o1yrunbuze] { margin-right: 16px; margin-left: 16px; }
    .ad4-color-dots[b-o1yrunbuze] { gap: 10px; }
    .ad4-color-dots span[b-o1yrunbuze] { width: 26px; height: 26px; }
    .ad4-method-action[b-o1yrunbuze] { white-space: normal; }
}
/* /Components/Pages/Planes.razor.rz.scp.css */
.ad-plans[b-gnrq1ll9ay] { --plans-violet: #6d28d9; --plans-ink: #0b1734; color: var(--plans-ink); background: #f8f9fd; min-height: 80vh; }
.ad-plans-header[b-gnrq1ll9ay] { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 8px max(24px, calc((100% - 1280px) / 2)); background: #fff; border-bottom: 1px solid #e9e6f0; }
.ad-plans-brand[b-gnrq1ll9ay] { display: inline-flex; flex: none; }
.ad-plans-brand img[b-gnrq1ll9ay] { display: block; width: 116px; height: 56px; object-fit: contain; }
.ad-plans-return[b-gnrq1ll9ay] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #526079; font-size: .8125rem; font-weight: 650; text-decoration: none; }
.ad-plans-return:hover[b-gnrq1ll9ay] { color: var(--plans-violet); text-decoration: underline; }
.ad-plans-main[b-gnrq1ll9ay] { width: min(1200px, calc(100% - 48px)); margin: 0 auto; padding: 20px 0 84px; }
.ad-plans-audience[b-gnrq1ll9ay] { display: flex; justify-content: center; gap: 6px; width: fit-content; max-width: 100%; margin: 0 auto; padding: 5px; border: 1px solid #e1deec; border-radius: 30px; background: #fff; }
.ad-plans-audience a[b-gnrq1ll9ay] { display: flex; align-items: center; justify-content: center; min-height: 38px; padding: 7px 22px; border-radius: 24px; color: #526079; font-size: .8125rem; font-weight: 650; text-decoration: none; }
.ad-plans-audience a[aria-current="page"][b-gnrq1ll9ay] { color: #fff; background: var(--plans-violet); }
.ad-plans-heading[b-gnrq1ll9ay] { max-width: 780px; margin: 22px auto 18px; text-align: center; }
.ad-plans-eyebrow[b-gnrq1ll9ay] { margin: 0 0 10px; font-size: .625rem; font-weight: 750; letter-spacing: 1.1px; line-height: 1.7; color: #716287; }
.ad-plans-heading h1[b-gnrq1ll9ay] { margin: 0; font-size: clamp(1.75rem, 3vw, 2.25rem); font-weight: 750; line-height: 1.2; letter-spacing: -1px; }
.ad-plans-heading > p:last-of-type[b-gnrq1ll9ay] { max-width: 640px; margin: 10px auto 0; color: #526079; font-size: .9375rem; line-height: 1.75; }
.ad-plans-frequency[b-gnrq1ll9ay] { margin: 0 auto; padding: 0; border: 0; max-width: 400px; min-width: 0; }
.ad-plans-frequency legend[b-gnrq1ll9ay] { width: 100%; text-align: center; margin-bottom: 8px; font-size: .625rem; color: #66728a; }
.ad-plans-frequency > div[b-gnrq1ll9ay] { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 2px solid #e2dceb; }
.ad-plans-frequency label[b-gnrq1ll9ay] { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 45px; padding: 10px; border-bottom: 3px solid transparent; margin-bottom: -2px; cursor: pointer; color: #66728a; font-size: .875rem; font-weight: 650; }
.ad-plans-frequency label.is-selected[b-gnrq1ll9ay] { color: var(--plans-violet); border-color: var(--plans-violet); }
.ad-plans-frequency input[b-gnrq1ll9ay] { width: 16px; height: 16px; margin: 0; accent-color: var(--plans-violet); flex: none; }
.ad-plans-notice[b-gnrq1ll9ay] { max-width: 900px; margin: 14px auto 18px; color: #766647; font-size: .6875rem; line-height: 1.75; text-align: center; }
.ad-plans-grid[b-gnrq1ll9ay] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; align-items: stretch; }
.ad-plans-card[b-gnrq1ll9ay] { display: flex; flex-direction: column; min-width: 0; min-height: 410px; padding: 22px 26px 22px; border: 1px solid #dfe3ee; border-radius: 20px; background: #fff; box-shadow: 0 8px 22px #231a4b04; }
.ad-plans-card-pro[b-gnrq1ll9ay] { border: 2px solid #956cf0; padding: 21px 25px 21px; background: #faf7ff; box-shadow: 0 10px 28px #6d28d90c; }
.ad-plans-card-label[b-gnrq1ll9ay] { display: flex; min-height: 25px; margin-bottom: 12px; }
.ad-plans-card-label span[b-gnrq1ll9ay] { align-self: flex-start; padding: 5px 9px; border-radius: 7px; background: #f2f4f8; color: #64718a; font-size: .625rem; font-weight: 650; line-height: 1.5; }
.ad-plans-card-pro .ad-plans-card-label span[b-gnrq1ll9ay] { background: #eee5ff; color: #6527c5; }
.ad-plans-card h2[b-gnrq1ll9ay] { margin: 0; font-size: 1.75rem; font-weight: 750; line-height: 1.3; letter-spacing: -.6px; }
.ad-plans-price[b-gnrq1ll9ay] { margin: 14px 0 16px; padding-bottom: 16px; border-bottom: 1px solid #e8e6ee; }
.ad-plans-price strong[b-gnrq1ll9ay] { display: block; font-size: 1.25rem; font-weight: 700; line-height: 1.4; }
.ad-plans-price p[b-gnrq1ll9ay] { margin: 6px 0 0; color: #66728a; font-size: .625rem; line-height: 1.6; }
.ad-plans-description[b-gnrq1ll9ay] { margin: 0 0 18px; font-size: .8125rem; line-height: 1.75; color: #526079; }
.ad-plans-pending[b-gnrq1ll9ay] { padding: 14px; background: #f8f9fc; border: 1px dashed #dbe0ea; border-radius: 10px; margin-bottom: 22px; }
.ad-plans-pending h3[b-gnrq1ll9ay] { margin: 0; font-size: .75rem; line-height: 1.5; font-weight: 650; }
.ad-plans-pending p[b-gnrq1ll9ay] { margin: 7px 0 0; color: #66728a; font-size: .6875rem; line-height: 1.75; }
.ad-plans-features[b-gnrq1ll9ay] { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; font-size: .75rem; line-height: 1.7; }
.ad-plans-features li[b-gnrq1ll9ay] { display: flex; align-items: baseline; gap: 8px; }
.ad-plans-features li span[b-gnrq1ll9ay] { color: #6d28d9; font-weight: 750; flex: none; }
.ad-plans-card-note[b-gnrq1ll9ay] { margin: 14px 0 20px; color: #66728a; font-size: .625rem; line-height: 1.7; }
.ad-plans-select[b-gnrq1ll9ay] { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 46px; padding: 12px 16px; border: 1px solid #cab7ee; border-radius: 10px; background: #fff; color: #6527c5; font-size: .8125rem; font-weight: 750; cursor: pointer; }
.ad-plans-select:hover[b-gnrq1ll9ay] { background: #f3edff; }
.ad-plans-card-pro .ad-plans-select[b-gnrq1ll9ay] { background: var(--plans-violet); color: #fff; border-color: var(--plans-violet); }
.ad-plans-card-pro .ad-plans-select:hover[b-gnrq1ll9ay] { background: #5720b2; }
.ad-plans-footnote[b-gnrq1ll9ay] { margin: 19px 0 0; text-align: center; font-size: .6875rem; color: #66728a; line-height: 1.7; }
.ad-plans-summary[b-gnrq1ll9ay] { padding: 24px; margin-top: 24px; border: 1px solid #cfbeed; border-radius: 16px; background: #fff; scroll-margin-top: 24px; }
.ad-plans-summary[hidden][b-gnrq1ll9ay] { display: none; }
.ad-plans-summary-head[b-gnrq1ll9ay] { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.ad-plans-summary h2[b-gnrq1ll9ay] { margin: 0; font-size: 1.25rem; font-weight: 750; }
.ad-plans-summary > p[b-gnrq1ll9ay] { margin: 12px 0 0; font-size: .8125rem; line-height: 1.75; color: #526079; }
.ad-plans-summary p.ad-plans-summary-note[b-gnrq1ll9ay], .ad-plans-summary-note[b-gnrq1ll9ay] { font-size: .6875rem; line-height: 1.75; color: #66728a; }
.ad-plans-summary-close[b-gnrq1ll9ay] { min-height: 44px; padding: 10px 14px; border: 1px solid #d8cbea; border-radius: 8px; background: #fff; color: #6527c5; font-size: .75rem; font-weight: 650; cursor: pointer; }
.ad-plans-institution[b-gnrq1ll9ay] { display: grid; grid-template-columns: 1.15fr 1fr; gap: 35px; max-width: 1040px; margin: 38px auto 0; padding: 40px; border: 1px solid #d9e8e2; border-radius: 22px; background: #fff; }
.ad-plans-institution-tag[b-gnrq1ll9ay] { display: inline-block; padding: 7px 10px; border-radius: 7px; background: #e9f7f1; color: #13795b; font-size: .625rem; font-weight: 750; letter-spacing: .6px; }
.ad-plans-institution h2[b-gnrq1ll9ay] { margin: 20px 0 14px; font-size: 1.625rem; line-height: 1.35; font-weight: 750; letter-spacing: -.5px; }
.ad-plans-institution p[b-gnrq1ll9ay] { font-size: .875rem; line-height: 1.75; color: #526079; }
.ad-plans-institution-back[b-gnrq1ll9ay] { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin-top: 20px; font-size: .8125rem; font-weight: 650; line-height: 1.6; color: #13795b; text-decoration: underline; text-underline-offset: 3px; }
.ad-plans-institution-pending[b-gnrq1ll9ay] { align-self: center; padding: 25px; border: 1px dashed #c9ddd5; border-radius: 16px; background: #f4faf7; }
.ad-plans-institution-pending h3[b-gnrq1ll9ay] { margin: 0 0 12px; font-size: 1.125rem; line-height: 1.5; font-weight: 750; }
.ad-plans-institution-pending p[b-gnrq1ll9ay] { font-size: .75rem; }
.ad-plans-institution-pending .ad-plans-summary-note[b-gnrq1ll9ay] { padding-top: 13px; border-top: 1px solid #d7e7df; margin-top: 18px; font-size: .6875rem; }
.ad-plans a:focus-visible[b-gnrq1ll9ay], .ad-plans button:focus-visible[b-gnrq1ll9ay], .ad-plans-frequency label:focus-within[b-gnrq1ll9ay], .ad-plans-summary:focus[b-gnrq1ll9ay] { outline: 3px solid #6d28d9; outline-offset: 4px; }
@media (max-width: 1000px) {
    .ad-plans-grid[b-gnrq1ll9ay] { gap: 14px; }
    .ad-plans-card[b-gnrq1ll9ay] { padding: 21px 18px; }
    .ad-plans-card-pro[b-gnrq1ll9ay] { padding: 20px 17px; }
    .ad-plans-institution[b-gnrq1ll9ay] { padding: 28px; gap: 25px; }
}
@media (max-width: 760px) {
    .ad-plans-main[b-gnrq1ll9ay] { width: min(540px, calc(100% - 32px)); padding-top: 24px; }
    .ad-plans-header[b-gnrq1ll9ay] { padding: 10px 18px; }
    .ad-plans-brand img[b-gnrq1ll9ay] { width: 102px; height: 50px; }
    .ad-plans-heading[b-gnrq1ll9ay] { margin-top: 28px; }
    .ad-plans-heading h1[b-gnrq1ll9ay] { letter-spacing: -.5px; }
    .ad-plans-heading > p:last-of-type[b-gnrq1ll9ay] { font-size: .8125rem; }
    .ad-plans-audience a[b-gnrq1ll9ay] { padding: 9px 14px; font-size: .75rem; }
    .ad-plans-grid[b-gnrq1ll9ay] { grid-template-columns: 1fr; gap: 20px; }
    .ad-plans-card[b-gnrq1ll9ay] { min-height: 0; padding: 24px; }
    .ad-plans-card-pro[b-gnrq1ll9ay] { padding: 23px; }
    .ad-plans-summary[b-gnrq1ll9ay] { padding: 20px; }
    .ad-plans-summary-head[b-gnrq1ll9ay] { gap: 12px; }
    .ad-plans-institution[b-gnrq1ll9ay] { grid-template-columns: 1fr; gap: 24px; margin-top: 26px; padding: 24px; }
    .ad-plans-institution h2[b-gnrq1ll9ay] { font-size: 1.375rem; }
    .ad-plans-institution-pending[b-gnrq1ll9ay] { padding: 20px; }
}
@media (max-width: 360px) {
    .ad-plans-audience a[b-gnrq1ll9ay] { padding-left: 10px; padding-right: 10px; }
    .ad-plans-card[b-gnrq1ll9ay] { padding: 21px; }
    .ad-plans-card-pro[b-gnrq1ll9ay] { padding: 20px; }
    .ad-plans-institution[b-gnrq1ll9ay] { padding: 20px; }
}
html.ad-a11y-high-contrast .ad-plans[b-gnrq1ll9ay],
html.ad-a11y-high-contrast .ad-plans-audience[b-gnrq1ll9ay],
html.ad-a11y-high-contrast .ad-plans-card[b-gnrq1ll9ay],
html.ad-a11y-high-contrast .ad-plans-card-label span[b-gnrq1ll9ay],
html.ad-a11y-high-contrast .ad-plans-pending[b-gnrq1ll9ay],
html.ad-a11y-high-contrast .ad-plans-summary[b-gnrq1ll9ay],
html.ad-a11y-high-contrast .ad-plans-summary-close[b-gnrq1ll9ay],
html.ad-a11y-high-contrast .ad-plans-select[b-gnrq1ll9ay],
html.ad-a11y-high-contrast .ad-plans-institution[b-gnrq1ll9ay],
html.ad-a11y-high-contrast .ad-plans-institution-tag[b-gnrq1ll9ay],
html.ad-a11y-high-contrast .ad-plans-institution-pending[b-gnrq1ll9ay] { background: #000 !important; color: #fff !important; border-color: #fff !important; }
html.ad-a11y-high-contrast .ad-plans-audience a[aria-current="page"][b-gnrq1ll9ay] { background: #000 !important; outline: 1px solid #ff0; }
html.ad-a11y-high-contrast .ad-plans-frequency label.is-selected[b-gnrq1ll9ay] { border-color: #ff0 !important; }
html.ad-a11y-high-contrast .ad-plans a:focus-visible[b-gnrq1ll9ay],
html.ad-a11y-high-contrast .ad-plans button:focus-visible[b-gnrq1ll9ay],
html.ad-a11y-high-contrast .ad-plans-frequency label:focus-within[b-gnrq1ll9ay],
html.ad-a11y-high-contrast .ad-plans-summary:focus[b-gnrq1ll9ay] { outline-color: #ff0 !important; }
/* /Components/Pages/Propuestas.razor.rz.scp.css */
.propuestas-page[b-kkiapzu170] {
    color: #0b1734;
    background: #f7f8fc;
    min-height: 85vh;
}

.propuestas-header[b-kkiapzu170] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px max(24px, calc((100% - 1080px) / 2));
    background: #fff;
    border-bottom: 1px solid #dce3ec;
}

.propuestas-header img[b-kkiapzu170] { width: 170px; height: auto; }
.propuestas-salir[b-kkiapzu170] {
    background: #fff;
    border: 1px solid #dce3ec;
    border-radius: 999px;
    padding: 10px 18px;
    color: #526079;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}
.propuestas-salir:hover[b-kkiapzu170] { color: #6d28d9; border-color: #6d28d9; }
.propuestas-page a:focus-visible[b-kkiapzu170],
.propuestas-page button:focus-visible[b-kkiapzu170] { outline: 3px solid #d97706; outline-offset: 4px; }
.propuestas-content[b-kkiapzu170] { width: min(1080px, calc(100% - 48px)); margin: auto; padding: 52px 0 28px; }
.propuestas-intro[b-kkiapzu170] { position: relative; padding: 0 0 42px; }
.propuestas-eyebrow[b-kkiapzu170] { color: #6d28d9; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 14px; }
.propuestas-intro h1[b-kkiapzu170] { font-family: "Outfit", sans-serif; font-size: clamp(36px, 5vw, 58px); line-height: 1.1; letter-spacing: -.025em; font-weight: 600; margin: 0 0 18px; }
.propuestas-intro h1 span[b-kkiapzu170] { color: #6d28d9; }
.propuestas-lead[b-kkiapzu170] { color: #526079; font-size: 17px; line-height: 1.7; max-width: 600px; margin: 0; }
.propuestas-section-head[b-kkiapzu170] { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.propuestas-section-head h2[b-kkiapzu170] { font-family: "Outfit", sans-serif; font-size: 23px; font-weight: 600; margin: 0; }
.propuestas-section-head p[b-kkiapzu170] { color: #526079; font-size: 13px; margin: 0; }
.propuestas-grid[b-kkiapzu170] { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.propuestas-card[b-kkiapzu170] { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid #dce3ec; border-radius: 24px; padding: 28px; }
.propuestas-number[b-kkiapzu170] { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 16px; background: #f4f0ff; color: #6d28d9; font-family: "Outfit", sans-serif; font-size: 21px; font-weight: 600; margin-bottom: 28px; }
.propuestas-card:nth-child(2) .propuestas-number[b-kkiapzu170] { background: #e7f8f6; color: #13795b; }
.propuestas-status[b-kkiapzu170] { position: absolute; top: 32px; right: 28px; color: #526079; border: 1px solid #dce3ec; border-radius: 999px; padding: 5px 10px; font-size: 11px; }
.propuestas-card h3[b-kkiapzu170] { font-family: "Outfit", sans-serif; font-size: 25px; font-weight: 600; margin: 0 0 10px; }
.propuestas-card p[b-kkiapzu170] { color: #526079; line-height: 1.7; font-size: 14px; margin: 0 0 26px; max-width: 330px; }
.propuestas-open[b-kkiapzu170] { display: flex; justify-content: space-between; align-items: center; width: 100%; border: 1px solid #6d28d9; border-radius: 12px; padding: 14px 18px; margin-top: auto; background: #6d28d9; color: #fff; font: inherit; font-size: 13px; font-weight: 600; text-decoration: none; }
.propuestas-open:hover[b-kkiapzu170] { background: #5b21b6; }
.propuestas-open span[b-kkiapzu170] { font-size: 19px; }
.propuestas-help[b-kkiapzu170] { color: #526079; font-size: 12px; margin: 16px 0 0; }
.propuestas-note[b-kkiapzu170] { color: #526079; font-size: 12px; text-align: center; margin: 30px 0 0; }

@media (max-width: 640px) {
    .propuestas-header[b-kkiapzu170] { padding: 18px 20px; gap: 16px; }
    .propuestas-header img[b-kkiapzu170] { width: 130px; }
    .propuestas-salir[b-kkiapzu170] { padding: 9px 12px; font-size: 12px; }
    .propuestas-content[b-kkiapzu170] { width: calc(100% - 40px); padding-top: 32px; }
    .propuestas-grid[b-kkiapzu170] { grid-template-columns: 1fr; }
    .propuestas-section-head[b-kkiapzu170] { align-items: flex-start; flex-direction: column; gap: 6px; }
    .propuestas-card[b-kkiapzu170] { padding: 24px; }
    .propuestas-intro[b-kkiapzu170] { padding-bottom: 32px; }
}
/* /Components/Pages/RecuperarContrasena.razor.rz.scp.css */
.recovery-page[b-lbpkjns7vi] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
    background: #f3f5fb;
    color: #122d4d;
}

.recovery-card[b-lbpkjns7vi] {
    width: min(100%, 460px);
    padding: 28px;
    border: 1px solid #dce5f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(27, 50, 85, .1);
}

.recovery-brand[b-lbpkjns7vi] { display: inline-flex; }
.recovery-brand img[b-lbpkjns7vi] { width: 150px; height: auto; }
.recovery-card h1[b-lbpkjns7vi] { margin: 24px 0 8px; font-size: 1.7rem; }
.recovery-card > p[b-lbpkjns7vi] { color: #526b86; line-height: 1.55; }
.recovery-card form[b-lbpkjns7vi] { display: grid; gap: 9px; margin-top: 20px; }
.recovery-card label[b-lbpkjns7vi] { margin-top: 7px; font-size: .82rem; font-weight: 700; }
.recovery-card input[b-lbpkjns7vi] { min-height: 44px; padding: 0 12px; border: 1px solid #cbd9e7; border-radius: 10px; font: inherit; }
.recovery-card button[b-lbpkjns7vi] { min-height: 44px; margin-top: 8px; border: 0; border-radius: 10px; background: #6423f2; color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.recovery-alert[b-lbpkjns7vi] { padding: 12px; border-radius: 10px; background: #edf8f2; color: #087443 !important; }
.recovery-back[b-lbpkjns7vi] { display: inline-flex; align-items: center; min-height: 44px; margin-top: 14px; color: #6423f2; font-weight: 700; }

@media (max-width: 430px) {
    .recovery-page[b-lbpkjns7vi] { padding: 12px; }
    .recovery-card[b-lbpkjns7vi] { padding: 22px 18px; }
}
/* /Components/Pages/RecursosGratis.razor.rz.scp.css */
.ad-free-feature[b-03gqwybz4o] {
    margin-top: 38px;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);
    overflow: hidden;
    border: 1px solid #d9ddea;
    border-radius: 24px;
    background: #fffdf8;
    text-align: left;
}

.ad-free-feature-image[b-03gqwybz4o] {
    --reveal: 54%;
    position: relative;
    min-height: 410px;
    overflow: hidden;
}

.ad-free-feature-image img[b-03gqwybz4o] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.ad-free-feature-image .is-monochrome[b-03gqwybz4o] {
    filter: grayscale(1) contrast(.95);
}

.ad-free-feature-image .is-color[b-03gqwybz4o] {
    clip-path: inset(0 calc(100% - var(--reveal)) 0 0);
    transition: clip-path 100ms linear;
}

.ad-free-reveal[b-03gqwybz4o] {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 18px;
    width: min(560px, calc(100% - 28px));
    padding: 10px 14px;
    display: grid;
    grid-template-columns: auto minmax(90px, 1fr) auto;
    align-items: center;
    gap: 10px;
    transform: translateX(-50%);
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 999px;
    color: #26365c;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 10px 26px rgba(12, 33, 79, .2);
}

.ad-free-reveal span[b-03gqwybz4o] {
    font-size: .68rem;
    font-weight: 850;
    white-space: nowrap;
}

.ad-free-reveal input[b-03gqwybz4o] {
    width: 100%;
    min-height: 30px;
    accent-color: #6517ed;
    cursor: ew-resize;
}

.ad-free-feature-copy[b-03gqwybz4o] {
    padding: clamp(30px, 5vw, 52px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.ad-free-feature-copy > p[b-03gqwybz4o],
.ad-free-kit-heading > p[b-03gqwybz4o],
.ad-free-kit article > p[b-03gqwybz4o] {
    margin: 0 0 10px;
    color: #6d28d9;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ad-free-feature-copy h2[b-03gqwybz4o] {
    margin: 0;
    color: #0c214f;
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: .98;
    letter-spacing: -.04em;
}

.ad-free-feature-copy h3[b-03gqwybz4o] {
    margin: 22px 0 8px;
    color: #14366c;
    font-size: 1.15rem;
}

.ad-free-feature-copy > span[b-03gqwybz4o] {
    color: #4e6585;
    font-size: .95rem;
    line-height: 1.6;
}

.ad-free-feature-copy > a[b-03gqwybz4o] {
    min-height: 46px;
    margin-top: 24px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 999px;
    color: #fff;
    background: #6517ed;
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none;
}

.ad-free-kit[b-03gqwybz4o] {
    margin-top: 42px;
    scroll-margin-top: 24px;
    text-align: left;
}

.ad-free-kit-heading[b-03gqwybz4o] {
    max-width: 680px;
    margin: 0 auto 24px;
    text-align: center;
}

.ad-free-kit-heading h2[b-03gqwybz4o] {
    margin: 0 0 10px;
    color: #0c214f;
    font-size: clamp(1.65rem, 3vw, 2.35rem);
    line-height: 1.08;
}

.ad-free-kit-heading > span[b-03gqwybz4o] {
    color: #526b8e;
    line-height: 1.55;
}

.ad-free-kit-grid[b-03gqwybz4o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ad-free-kit article[b-03gqwybz4o] {
    position: relative;
    min-height: 250px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #dce4ef;
    border-top: 5px solid var(--kit-color);
    border-radius: 18px;
    background: var(--kit-bg);
}

.ad-free-kit article.is-violet[b-03gqwybz4o] { --kit-color: #6d28d9; --kit-bg: #f5efff; }
.ad-free-kit article.is-mint[b-03gqwybz4o] { --kit-color: #178f89; --kit-bg: #ecf9f6; }
.ad-free-kit article.is-orange[b-03gqwybz4o] { --kit-color: #e85e27; --kit-bg: #fff2ea; }
.ad-free-kit article.is-mustard[b-03gqwybz4o] { --kit-color: #a76f00; --kit-bg: #fff8df; }

.ad-free-kit-number[b-03gqwybz4o] {
    position: absolute;
    top: 18px;
    right: 20px;
    color: var(--kit-color);
    font-size: 1.6rem;
    font-weight: 900;
}

.ad-free-kit article > p[b-03gqwybz4o] { color: var(--kit-color); }

.ad-free-kit article h3[b-03gqwybz4o] {
    max-width: calc(100% - 46px);
    margin: 0 0 9px;
    color: #102a56;
    font-size: 1.12rem;
}

.ad-free-kit article > span:not(.ad-free-kit-number)[b-03gqwybz4o] {
    color: #536a89;
    font-size: .88rem;
    line-height: 1.55;
}

.ad-free-kit article > a[b-03gqwybz4o],
.ad-free-downloads[b-03gqwybz4o] {
    margin-top: auto;
    padding-top: 22px;
}

.ad-free-kit article a[b-03gqwybz4o] {
    min-height: 40px;
    padding: 8px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--kit-color);
    border-radius: 999px;
    color: var(--kit-color);
    background: #fff;
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
}

.ad-free-downloads[b-03gqwybz4o] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ad-free-kit-note[b-03gqwybz4o] {
    margin: 20px 0 0;
    padding: 16px 20px;
    border-radius: 14px;
    color: #405f83;
    background: #eef7ff;
    font-size: .9rem;
    line-height: 1.55;
    text-align: center;
}

.ad-free-feature a:focus-visible[b-03gqwybz4o],
.ad-free-kit a:focus-visible[b-03gqwybz4o] {
    outline: 3px solid #ffb11a;
    outline-offset: 3px;
}

@media (max-width: 760px) {
    .ad-free-feature[b-03gqwybz4o] { grid-template-columns: 1fr; }
    .ad-free-feature-image[b-03gqwybz4o] { min-height: 340px; }
    .ad-free-reveal[b-03gqwybz4o] {
        bottom: 12px;
        grid-template-columns: 1fr;
        gap: 2px;
        border-radius: 16px;
        text-align: center;
    }
    .ad-free-reveal input[b-03gqwybz4o] { min-height: 36px; }
    .ad-free-feature-copy[b-03gqwybz4o] { padding: 30px 24px; }
    .ad-free-kit-grid[b-03gqwybz4o] { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .ad-free-feature-image .is-color[b-03gqwybz4o] { transition: none; }
}

html.ad-a11y-high-contrast .ad-free-feature[b-03gqwybz4o],
html.ad-a11y-high-contrast .ad-free-kit article[b-03gqwybz4o],
html.ad-a11y-high-contrast .ad-free-kit-note[b-03gqwybz4o] {
    color: #fff !important;
    background: #000 !important;
    border-color: #fff !important;
}
/* /Components/Pages/RestablecerContrasena.razor.rz.scp.css */
.activation-page[b-awgzsgff5k]{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f3f5fb;color:#122d4d}.activation-card[b-awgzsgff5k]{width:min(100%,460px);padding:28px;border:1px solid #dce5f0;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(27,50,85,.1)}.activation-brand[b-awgzsgff5k]{display:inline-flex}.activation-brand img[b-awgzsgff5k]{width:150px;height:auto}.activation-card h1[b-awgzsgff5k]{margin:24px 0 8px;font-size:1.7rem}.activation-card h1:focus-visible[b-awgzsgff5k]{outline:2px solid #7c3aed;outline-offset:4px;border-radius:4px}.activation-card>p[b-awgzsgff5k]{color:#526b86;line-height:1.55}.activation-card form[b-awgzsgff5k]{display:grid;gap:9px;margin-top:20px}.activation-card label[b-awgzsgff5k]{margin-top:7px;font-size:.82rem;font-weight:700}.activation-card input[b-awgzsgff5k]{min-height:44px;padding:0 12px;border:1px solid #cbd9e7;border-radius:10px;font:inherit}.activation-help[b-awgzsgff5k]{margin:4px 0 8px;color:#617791;font-size:.76rem}.activation-card button[b-awgzsgff5k]{min-height:44px;border:0;border-radius:10px;background:#6423f2;color:#fff;font:inherit;font-weight:800;cursor:pointer}.activation-alert[b-awgzsgff5k]{padding:11px 12px;border-radius:10px;font-size:.82rem}.activation-alert.error[b-awgzsgff5k]{background:#fff0ef;color:#9b2720}
/* /Components/Pages/SeParte.razor.rz.scp.css */
.ad-join-page[b-y3rxrnp3go] {
    min-height: 78vh;
    color: #092994;
    background: #fff;
}

.ad-join-header[b-y3rxrnp3go] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 8px max(24px, calc((100% - 1280px) / 2));
    border-bottom: 1px solid #e9e6f0;
    background: #fff;
}

.ad-join-brand[b-y3rxrnp3go] { display: inline-flex; flex: none; }
.ad-join-brand img[b-y3rxrnp3go] { display: block; width: 116px; height: 56px; object-fit: contain; }

.ad-join-header-return[b-y3rxrnp3go] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    color: #526079;
    font-size: .8125rem;
    font-weight: 700;
    text-decoration: none;
}

.ad-join-header-return:hover[b-y3rxrnp3go] { color: #7c19e6; text-decoration: underline; }

.ad-join-main[b-y3rxrnp3go] {
    width: min(980px, calc(100% - 48px));
    margin: 0 auto;
    padding: clamp(46px, 7vw, 88px) 0 clamp(62px, 9vw, 110px);
}

.ad-join-card[b-y3rxrnp3go] { text-align: center; }

.ad-join-kicker[b-y3rxrnp3go] {
    margin: 0 0 18px;
    color: #1774c7;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: 2.3px;
    text-transform: uppercase;
}

.ad-join-title-frame[b-y3rxrnp3go] {
    max-width: 820px;
    margin: 0 auto;
    padding: 12px 30px 14px;
    border: 2px solid #161616;
    border-radius: 5px;
    background: #fff;
}

.ad-join-title-frame h1[b-y3rxrnp3go] {
    margin: 0;
    color: #092994;
    font-size: clamp(2.3rem, 5.6vw, 4.35rem);
    font-weight: 850;
    line-height: .98;
    letter-spacing: -2.6px;
}

.ad-join-summary[b-y3rxrnp3go] {
    margin: 22px auto 0;
    color: #50709c;
    font-size: clamp(1rem, 2vw, 1.25rem);
    line-height: 1.55;
}

.ad-join-options[b-y3rxrnp3go] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    max-width: 820px;
    margin: 28px auto 0;
    padding: 0;
    border: 0;
}

.ad-join-options legend[b-y3rxrnp3go] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.ad-join-option[b-y3rxrnp3go] {
    position: relative;
    min-height: 112px;
    padding: 24px 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 2px dashed #d8baf4;
    border-radius: 12px;
    color: #092994;
    background: #fdfaff;
    cursor: pointer;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ad-join-option:hover[b-y3rxrnp3go] {
    transform: translateY(-2px);
    border-color: #9b55e6;
    background: #faf3ff;
}

.ad-join-option.is-selected[b-y3rxrnp3go] {
    border-style: solid;
    border-color: #7c19e6;
    background: #f5eaff;
    box-shadow: 0 10px 28px rgba(124, 25, 230, .14);
}

.ad-join-option input[b-y3rxrnp3go] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 18px;
    height: 18px;
    accent-color: #7c19e6;
}

.ad-join-option strong[b-y3rxrnp3go] { font-size: .95rem; font-weight: 800; line-height: 1.35; }
.ad-join-option span[b-y3rxrnp3go] { color: #6a7192; font-size: .78rem; line-height: 1.45; }

.ad-join-actions[b-y3rxrnp3go] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}

.ad-join-primary[b-y3rxrnp3go] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 224px;
    min-height: 50px;
    padding: 12px 28px;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: #7416e8;
    font-family: inherit;
    font-size: .85rem;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 10px 25px rgba(116, 22, 232, .3);
    transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.ad-join-primary:hover:not(:disabled)[b-y3rxrnp3go] {
    transform: translateY(-2px);
    background: #6411cf;
    box-shadow: 0 14px 30px rgba(116, 22, 232, .35);
}

.ad-join-primary:disabled[b-y3rxrnp3go] {
    color: #f1e9fa;
    background: #b39acb;
    box-shadow: none;
    cursor: not-allowed;
}

.ad-join-hint[b-y3rxrnp3go] {
    min-height: 18px;
    margin: 9px 0 0;
    color: #6a7192;
    font-size: .7rem;
    line-height: 1.45;
}

.ad-join-return[b-y3rxrnp3go] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    margin-top: 2px;
    color: #176ad0;
    font-size: .75rem;
    font-weight: 700;
    text-decoration: none;
}

.ad-join-return:hover[b-y3rxrnp3go] { text-decoration: underline; }

.ad-join-modal-backdrop[b-y3rxrnp3go] {
    position: fixed;
    z-index: 70;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
    overflow-y: auto;
    background: rgba(10, 18, 46, .58);
}

.ad-join-modal[b-y3rxrnp3go] {
    width: min(100%, 560px);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    padding: 26px;
    border: 1px solid #e3d7f2;
    border-radius: 22px;
    color: #16244a;
    background: #fff;
    box-shadow: 0 24px 70px rgba(24, 15, 62, .24);
}

.ad-join-modal-head[b-y3rxrnp3go] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid #ece7f3;
}

.ad-join-modal-kicker[b-y3rxrnp3go] {
    margin: 0 0 5px;
    color: #7c19e6;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.ad-join-modal h2[b-y3rxrnp3go] { margin: 0; color: #092994; font-size: 1.55rem; font-weight: 800; line-height: 1.2; }

.ad-join-modal-close[b-y3rxrnp3go] {
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid #ddd4e8;
    border-radius: 9px;
    color: #59647d;
    background: #fff;
    font-family: inherit;
    font-size: .75rem;
    font-weight: 700;
    cursor: pointer;
}

.ad-join-form-shell[b-y3rxrnp3go]  .ad-join-form { display: grid; gap: 17px; padding-top: 21px; }
.ad-join-field[b-y3rxrnp3go] { display: grid; gap: 7px; text-align: left; }
.ad-join-field label[b-y3rxrnp3go] { color: #263657; font-size: .78rem; font-weight: 750; }

.ad-join-field input[b-y3rxrnp3go],
.ad-join-field textarea[b-y3rxrnp3go] {
    width: 100%;
    min-height: 46px;
    padding: 11px 13px;
    border: 1px solid #d9dce7;
    border-radius: 11px;
    color: #17213d;
    background: #fafbfe;
    font: inherit;
    font-size: .86rem;
}

.ad-join-field textarea[b-y3rxrnp3go] { min-height: 104px; resize: vertical; line-height: 1.55; }
.ad-join-field input:focus[b-y3rxrnp3go],
.ad-join-field textarea:focus[b-y3rxrnp3go] { border-color: #7c19e6; outline: 3px solid rgba(124, 25, 230, .16); background: #fff; }

.ad-join-field-meta[b-y3rxrnp3go] {
    min-height: 18px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    color: #75809a;
    font-size: .67rem;
}

.ad-join-field-error[b-y3rxrnp3go] { color: #b42318; font-size: .7rem; line-height: 1.4; }
.ad-join-submit-error[b-y3rxrnp3go] { margin: 0; color: #b42318; font-size: .76rem; line-height: 1.5; text-align: center; }

.ad-join-form-submit[b-y3rxrnp3go] {
    min-height: 48px;
    padding: 11px 24px;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: #7416e8;
    font-family: inherit;
    font-size: .84rem;
    font-weight: 800;
    cursor: pointer;
}

.ad-join-form-submit:disabled[b-y3rxrnp3go] { opacity: .65; cursor: wait; }
.ad-join-form-note[b-y3rxrnp3go] { margin: -7px 0 0; color: #68738c; font-size: .67rem; line-height: 1.5; text-align: center; }

.ad-join-success[b-y3rxrnp3go] { padding: 34px 8px 8px; text-align: center; }
.ad-join-success strong[b-y3rxrnp3go] { display: block; color: #092994; font-size: 1.25rem; }
.ad-join-success p[b-y3rxrnp3go] { max-width: 390px; margin: 12px auto 24px; color: #5e6982; font-size: .83rem; line-height: 1.65; }

.ad-join-page a:focus-visible[b-y3rxrnp3go],
.ad-join-page button:focus-visible[b-y3rxrnp3go],
.ad-join-option:focus-within[b-y3rxrnp3go] {
    outline: 3px solid #ffb11a;
    outline-offset: 4px;
}

@media (max-width: 640px) {
    .ad-join-header[b-y3rxrnp3go] { padding: 8px 18px; }
    .ad-join-brand img[b-y3rxrnp3go] { width: 102px; height: 50px; }
    .ad-join-main[b-y3rxrnp3go] { width: min(100% - 32px, 980px); padding-top: 38px; }
    .ad-join-title-frame[b-y3rxrnp3go] { padding: 18px 16px; }
    .ad-join-title-frame h1[b-y3rxrnp3go] { font-size: clamp(2rem, 11vw, 3rem); letter-spacing: -1.5px; }
    .ad-join-options[b-y3rxrnp3go] { grid-template-columns: 1fr; gap: 14px; margin-top: 24px; }
    .ad-join-option[b-y3rxrnp3go] { min-height: 104px; }
    .ad-join-modal-backdrop[b-y3rxrnp3go] { padding: 14px; align-items: start; }
    .ad-join-modal[b-y3rxrnp3go] { margin-top: 14px; max-height: calc(100vh - 28px); padding: 21px 18px; border-radius: 18px; }
    .ad-join-modal h2[b-y3rxrnp3go] { font-size: 1.35rem; }
}

@media (prefers-reduced-motion: reduce) {
    .ad-join-option[b-y3rxrnp3go],
    .ad-join-primary[b-y3rxrnp3go] { transition: none; }
}

html.ad-a11y-high-contrast .ad-join-page[b-y3rxrnp3go],
html.ad-a11y-high-contrast .ad-join-header[b-y3rxrnp3go],
html.ad-a11y-high-contrast .ad-join-title-frame[b-y3rxrnp3go],
html.ad-a11y-high-contrast .ad-join-option[b-y3rxrnp3go],
html.ad-a11y-high-contrast .ad-join-modal[b-y3rxrnp3go],
html.ad-a11y-high-contrast .ad-join-field input[b-y3rxrnp3go],
html.ad-a11y-high-contrast .ad-join-field textarea[b-y3rxrnp3go] {
    color: #fff !important;
    background: #000 !important;
    border-color: #fff !important;
}

html.ad-a11y-high-contrast .ad-join-primary[b-y3rxrnp3go] {
    color: #000 !important;
    background: #ff0 !important;
}