@import '_content/Ubot.UI/Ubot.UI.capcwoy3ux.bundle.scp.css';

/* /Components/ConfirmarEntregaDialog.razor.rz.scp.css */
h2[b-eeey1fd979] { margin: 0 0 16px; font-size: var(--font-title); font-weight: 700; line-height: 1.4; }
p[b-eeey1fd979] { margin: 0; font-size: var(--font-body); line-height: 1.6; }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.study-layout[b-gx9a6nfarf] { display: flex; min-height: 100dvh; padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px); }
.study-sidebar[b-gx9a6nfarf] { position: sticky; top: env(safe-area-inset-top, 0px); width: 256px; flex-shrink: 0; height: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); }
.study-page[b-gx9a6nfarf] { flex: 1; min-width: 0; padding-bottom: env(safe-area-inset-bottom, 0px); }
.study-page:has(.tutor-page)[b-gx9a6nfarf] { display: flex; flex-direction: column; height: var(--study-viewport-height, 100dvh); overflow: hidden; }
.study-page:has(.tutor-page) > main[b-gx9a6nfarf] { flex: 1; min-height: 0; }
main:focus[b-gx9a6nfarf] { outline: none; }
.study-mobile-header[b-gx9a6nfarf], .study-bottom-nav[b-gx9a6nfarf] { display: none; }
.study-mobile-brand[b-gx9a6nfarf] { display: flex; align-items: center; gap: 16px; color: inherit; text-decoration: none; font-size: var(--font-headline); font-weight: 700; font-family: var(--mud-typography-h6-family); letter-spacing: .5px; }
.study-mobile-product[b-gx9a6nfarf] { display: block; font-weight: 600; letter-spacing: normal; font-size: var(--font-label); }
.analytics-preferences[b-gx9a6nfarf] { margin: 16px; padding: 8px; min-height: 48px; border: 0; background: transparent; color: var(--app-study-link); text-decoration: underline; cursor: pointer; }
.analytics-consent[b-gx9a6nfarf] { position: fixed; inset: auto 16px calc(var(--bottom-nav-clearance) + 16px) auto; z-index: 1250; width: min(480px, calc(100vw - 32px)); max-height: 64dvh; overflow-y: auto; padding: 24px; border: 1px solid var(--mud-palette-text-secondary); border-radius: 8px; background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); box-shadow: none; }
.analytics-consent h2[b-gx9a6nfarf] { margin: 0 0 16px; font-size: var(--font-title); }
.analytics-consent p[b-gx9a6nfarf] { margin: 0 0 16px; }
.analytics-consent a[b-gx9a6nfarf] { color: var(--app-study-link); }
.analytics-consent-actions[b-gx9a6nfarf] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.analytics-consent-actions button[b-gx9a6nfarf] { min-height: 48px; padding: 8px 16px; border: 1px solid var(--mud-palette-divider); border-radius: 8px; background: var(--mud-palette-background); color: inherit; cursor: pointer; }
@media (max-width: 950px) {
    .study-sidebar[b-gx9a6nfarf] { display: none; }
    .study-page[b-gx9a6nfarf] { padding-bottom: var(--bottom-nav-clearance); }
    .study-mobile-header[b-gx9a6nfarf] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 16px; background: var(--mud-palette-background); flex-shrink: 0; }
    .study-bottom-nav[b-gx9a6nfarf] { position: fixed; inset: auto 0 0; display: flex; align-items: stretch; min-height: var(--bottom-nav-height); padding: 8px 8px calc(8px + env(safe-area-inset-bottom, 0px)); background: var(--mud-palette-surface); z-index: 1200; }
    .study-bottom-nav[b-gx9a6nfarf]  .bottom-nav-item { gap: 8px; padding: 8px 0; min-width: 48px; min-height: 64px; border-radius: 8px; font-size: var(--font-body); }
    .study-bottom-nav[b-gx9a6nfarf]  .bottom-nav-item span { font-size: var(--font-micro); }
    .study-bottom-nav[b-gx9a6nfarf]  .bottom-nav-item.active { background: var(--mud-palette-background-gray); color: var(--mud-palette-text-primary); font-weight: 700; }
}

.study-mobile-brand:focus-visible[b-gx9a6nfarf] { outline: 2px solid var(--mud-palette-text-primary); outline-offset: -8px; }
.study-mobile-brand img[b-gx9a6nfarf] { border-radius: 50%; }

/* The tutor owns its scroll area; preferences remain available on Cuenta. */
.study-page:has(.tutor-page) > .analytics-preferences[b-gx9a6nfarf] { display:none; }
@media (max-width:950px) {
    .study-page:has(.tutor-page) .study-mobile-header[b-gx9a6nfarf] { display:none; }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.study-menu[b-19qbczvkh7] { display: flex; flex-direction: column; min-height: 0; height: 100%; color: var(--mud-palette-text-primary); background: var(--mud-palette-background); }
.menu-header[b-19qbczvkh7] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 24px 16px; }
.menu-brand[b-19qbczvkh7] { display: flex; align-items: center; gap: 16px; color: inherit; text-decoration: none; font-size: var(--font-headline); font-weight: 700; font-family: var(--mud-typography-h6-family); letter-spacing: .5px; }
.menu-product[b-19qbczvkh7] { display: block; font-weight: 600; letter-spacing: normal; font-size: var(--font-label); }
.menu-routes[b-19qbczvkh7] { flex: 1; min-height: 0; overflow-y: auto; padding: 16px; scrollbar-width: thin; scrollbar-color: var(--mud-palette-text-secondary) var(--mud-palette-background); }
.menu-routes[b-19qbczvkh7]  .menu-link { display: flex; align-items: center; gap: 16px; min-height: 48px; padding: 8px; margin-bottom: 8px; border-radius: 8px; color: inherit; text-decoration: none; font-size: var(--font-body); font-weight: 400; }
.menu-routes[b-19qbczvkh7]  .menu-link .mud-icon-root { color: inherit; flex-shrink: 0; }
.menu-routes[b-19qbczvkh7]  .menu-link:hover { text-decoration: underline; }
.menu-routes[b-19qbczvkh7]  .menu-link.active { background: var(--mud-palette-background-gray); font-weight: 600; }
.menu-brand:focus-visible[b-19qbczvkh7], .menu-routes[b-19qbczvkh7]  .menu-link:focus-visible { outline: 2px solid var(--mud-palette-text-primary); outline-offset: -8px; }
.menu-footer[b-19qbczvkh7] { flex-shrink: 0; padding: 16px; }
.menu-user[b-19qbczvkh7] { display: flex; align-items: center; gap: 16px; margin: 0 0 16px; padding: 0; color: inherit; text-decoration: none; }
.menu-user[b-19qbczvkh7]  .menu-user-avatar { flex-shrink: 0; width: 48px; height: 48px; border: 0; border-radius: 50%; box-shadow: none; }
.menu-user[b-19qbczvkh7]  .menu-user-avatar .mud-image { width: 100%; height: 100%; object-fit: cover; }
.menu-user-details[b-19qbczvkh7] { min-width: 0; overflow-wrap: anywhere; }
.menu-user-name[b-19qbczvkh7] { display: block; font-size: var(--font-nav-user); font-weight: 600; font-family: var(--mud-typography-body1-family); line-height: 1.4; }
.menu-user-plan[b-19qbczvkh7] { display: block; margin-top: 8px; font-size: var(--font-nav-meta); font-weight: 400; font-family: var(--mud-typography-caption-family); }
.menu-actions[b-19qbczvkh7] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.menu-actions[b-19qbczvkh7]  .menu-auth { flex: 1; min-height: 48px; padding: 8px; }
.menu-actions[b-19qbczvkh7]  .menu-theme { width: 48px; height: 48px; flex-shrink: 0; }
.menu-program[b-19qbczvkh7] { flex-shrink: 0; padding: 8px 16px; }
.menu-program-link[b-19qbczvkh7] { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 8px; color: inherit; text-decoration: underline; font-size: var(--font-label); }
.menu-program-link:focus-visible[b-19qbczvkh7], .menu-user:focus-visible[b-19qbczvkh7] { outline: 2px solid var(--mud-palette-text-primary); outline-offset: -8px; }

.menu-brand img[b-19qbczvkh7] { border-radius: 50%; }
/* /Pages/Account.razor.rz.scp.css */
.mobile-account-actions[b-10kldbh96i] { display: none; }
@media (max-width: 950px) {
    .mobile-account-actions[b-10kldbh96i] { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 32px; }
    .mobile-account-actions h2[b-10kldbh96i] { margin: 0; font-size: var(--font-title); font-weight: 700; }
    .mobile-account-actions a[b-10kldbh96i] { display: inline-flex; align-items: center; min-height: 48px; padding: 8px 16px; }
}
/* /Pages/InicioMatematicas.razor.rz.scp.css */
.home-lobby[b-0grtz8x0bu] { max-width: 960px; width: calc(100% - 48px); margin: 0 auto; padding: 32px 0; }
.lobby-heading[b-0grtz8x0bu] { margin-bottom: 24px; }
h1[b-0grtz8x0bu] { font-size: var(--font-headline); font-weight: 800; margin: 0 0 8px; line-height: 1.35; }
h2[b-0grtz8x0bu] { font-size: var(--font-title); font-weight: 700; margin: 0 0 16px; line-height: 1.4; }
p[b-0grtz8x0bu] { margin: 0; }
.training-lobby[b-0grtz8x0bu] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); gap: 16px; }
.practice-stage[b-0grtz8x0bu], .lobby-side[b-0grtz8x0bu] { min-width: 0; }
.topic-picker[b-0grtz8x0bu] { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; border: 0; min-width: 0; }
.topic-picker legend[b-0grtz8x0bu] { margin-bottom: 16px; font-weight: 600; font-size: var(--font-label); }
.topic-choice[b-0grtz8x0bu] { display: flex; width: 100%; align-items: center; gap: 16px; min-height: 64px; padding: 16px; border: 1px solid var(--mud-palette-divider); border-radius: 8px; color: inherit; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.topic-choice.is-selected[b-0grtz8x0bu] { border-color: var(--app-study-link); background: var(--mud-palette-surface); }
.topic-copy[b-0grtz8x0bu] { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 8px; overflow-wrap: anywhere; }
.topic-copy strong[b-0grtz8x0bu] { font-weight: 600; font-size: var(--font-body-sm); }
.topic-check[b-0grtz8x0bu] { display: flex; flex-shrink: 0; }
.stage-footer[b-0grtz8x0bu] { margin-top: 24px; }
.selected-topic[b-0grtz8x0bu] { margin-bottom: 16px; }
.lobby-side[b-0grtz8x0bu] { display: flex; flex-direction: column; gap: 16px; }
.stop-copy p[b-0grtz8x0bu] { margin: 0 0 16px; font-size: var(--font-body-sm); line-height: 1.6; }
.materials-stop[b-0grtz8x0bu] { margin-top: 16px; }
.section-heading[b-0grtz8x0bu] { display: flex; align-items: baseline; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; }
.section-heading h2[b-0grtz8x0bu] { margin: 0; }
.materials-list[b-0grtz8x0bu] { list-style: none; padding: 0; margin: 0; }
.material-link[b-0grtz8x0bu] { display: flex; gap: 16px; align-items: center; min-height: 64px; padding: 16px 0; color: var(--app-study-link); text-decoration: none; }
.material-copy[b-0grtz8x0bu] { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 8px; overflow-wrap: anywhere; }
.material-copy strong[b-0grtz8x0bu] { font-weight: 600; font-size: var(--font-body-sm); }
.material-copy > span[b-0grtz8x0bu] { color: var(--mud-palette-text-primary); font-size: var(--font-label); }
.material-symbol[b-0grtz8x0bu] { display: flex; }
.material-link:hover strong[b-0grtz8x0bu] { text-decoration: underline; }
.lobby-footer[b-0grtz8x0bu] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 16px; }
.result-link[b-0grtz8x0bu] { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; font-size: var(--font-label); }
.home-disclaimer[b-0grtz8x0bu] { flex-basis: 100%; max-width: 72ch; font-size: var(--font-label); line-height: 1.6; }
.lobby-state[b-0grtz8x0bu] { padding: 24px 0; }
.lobby-loading[b-0grtz8x0bu] { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; }
.loading-stage[b-0grtz8x0bu] { height: 320px; }
.loading-side[b-0grtz8x0bu] { display: grid; gap: 16px; }
.sr-only[b-0grtz8x0bu] { position: absolute; width: 8px; height: 8px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.home-lobby :is(a, button, summary):focus-visible[b-0grtz8x0bu] { outline: 2px solid var(--mud-palette-text-primary); outline-offset: 8px; }
@media (max-width: 768px) {
    .home-lobby[b-0grtz8x0bu] { width: calc(100% - 32px); padding-top: 24px; }
    .training-lobby[b-0grtz8x0bu], .lobby-loading[b-0grtz8x0bu] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .lobby-side[b-0grtz8x0bu] { gap: 16px; }
    .loading-side[b-0grtz8x0bu] { min-height: 192px; }
}

.practice-intro[b-0grtz8x0bu] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.practice-intro > div[b-0grtz8x0bu] { min-width: 0; }
.practice-intro h2[b-0grtz8x0bu] { margin-bottom: 8px; }
.practice-mascot[b-0grtz8x0bu] { flex-shrink: 0; width: 112px; height: 160px; object-fit: contain; pointer-events: none; animation: mascot-arrive-b-0grtz8x0bu 450ms ease-out both; }
@keyframes mascot-arrive-b-0grtz8x0bu { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 480px) { .practice-mascot[b-0grtz8x0bu] { width: 80px; height: 112px; } }
@media (prefers-reduced-motion: reduce) { .practice-mascot[b-0grtz8x0bu] { animation: none; } }
.pilot-hint[b-0grtz8x0bu] { display: inline-flex; }
.pilot-hint-button[b-0grtz8x0bu] { min-height: 48px; padding: 8px 0; border: 0; background: transparent; color: var(--app-study-link); font: inherit; font-size: var(--font-label); text-decoration: underline; text-underline-offset: 8px; cursor: pointer; }
.pilot-hint-content[b-0grtz8x0bu] { max-width: min(288px, calc(100vw - 64px)); white-space: normal; font-size: var(--font-body-sm); font-weight: 400; line-height: 1.6; }
.pilot-hint-content p + p[b-0grtz8x0bu] { margin-top: 8px; }

.stage-footer[b-0grtz8x0bu]  .home-tutor-action { margin-top:8px; }
/* /Pages/PracticaMatematicas.razor.rz.scp.css */
.practica-mock[b-1e1ovyubqs] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.practica-subtitulo[b-1e1ovyubqs] {
    margin: 0 0 16px;
    font-size: var(--font-title);
    font-weight: 700;
}

.practica-config[b-1e1ovyubqs] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.practica-acciones-secundarias[b-1e1ovyubqs] {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.practica-barra[b-1e1ovyubqs] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    align-items: baseline;
    font-variant-numeric: tabular-nums;
}

.practica-barra[b-1e1ovyubqs]  .mud-progress-linear {
    grid-column: 1 / -1;
}

.practica-enlace-fila[b-1e1ovyubqs] {
    font-size: var(--font-label);
}

.practica-pregunta-card[b-1e1ovyubqs] {
    margin: 0;
}

.pregunta-meta[b-1e1ovyubqs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.pregunta-numero[b-1e1ovyubqs] {
    font-size: var(--font-label);
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

.pregunta-enunciado[b-1e1ovyubqs] {
    margin: 0 0 16px;
    font-size: var(--font-body);
    font-weight: 600;
    line-height: 1.6;
}

.practica-mock[b-1e1ovyubqs]  .practica-opciones .mud-radio-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}

.practica-mock[b-1e1ovyubqs]  .mud-radio {
    min-height: 48px;
    width: 100%;
    margin: 0;
    padding-right: 16px;
    border: var(--app-border);
    border-radius: var(--app-border-radius-sm);
    overflow-wrap: anywhere;
}

.practica-mock[b-1e1ovyubqs]  .mud-radio:has(input:checked) {
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-background-gray);
}

.practica-mock[b-1e1ovyubqs]  .mud-radio:focus-within {
    outline: 2px solid var(--mud-palette-text-primary);
    outline-offset: 8px;
}

.practica-acciones-entrega[b-1e1ovyubqs] {
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
}

.practica-aviso[b-1e1ovyubqs] {
    margin: 8px 0 0;
    font-size: var(--font-label);
    color: var(--mud-palette-text-secondary);
}

@media (max-width: 600px) {
    .practica-acciones-entrega[b-1e1ovyubqs]  .mud-button-root {
        width: 100%;
    }
}

@media (max-width: 400px) {
    .practica-barra[b-1e1ovyubqs] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 952px) {
    .practica-mock[b-1e1ovyubqs] {
        padding-bottom: calc(16px + var(--bottom-nav-compact-clearance));
    }
}

.practica-enlace-fila[b-1e1ovyubqs] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; }
.attempt-link-fallback[b-1e1ovyubqs] { width: 100%; min-height: 48px; padding: 8px 16px; border: 1px solid var(--mud-palette-divider); border-radius: 8px; background: var(--mud-palette-surface); color: inherit; font: inherit; }
/* /Pages/RepasoMatematicas.razor.rz.scp.css */
.repaso-mock[b-4v6saryamw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Tarjeta volteable: botón nativo (teclado gratis), sin animación si el
   usuario prefiere reducir movimiento (red global en app.css). */
.flashcard[b-4v6saryamw] {
    position: relative;
    min-height: 184px;
    padding: 24px 24px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--app-border-radius-lg);
    background: transparent;
    color: inherit;
    font-size: var(--font-title);
    text-align: center;
    cursor: pointer;
}

.flashcard-reverso[b-4v6saryamw] {
    display: none;
}

.flashcard:focus-visible[b-4v6saryamw] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 8px;
}

.flashcard.volteada .flashcard-frente[b-4v6saryamw] {
    display: none;
}

.flashcard.volteada .flashcard-reverso[b-4v6saryamw] {
    display: inline;
}

.flashcard-fuente[b-4v6saryamw] {
    font-size: var(--font-label);
    color: var(--mud-palette-text-secondary);
}

.flashcard-nav[b-4v6saryamw] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.flashcard[b-4v6saryamw] {
    background: var(--mud-palette-surface);
    line-height: 1.65;
}

.flashcard-nav[b-4v6saryamw] {
    flex-wrap: wrap;
    justify-content: space-between;
}

.flashcard.volteada[b-4v6saryamw] {
    border-color: var(--mud-palette-primary);
}

.flashcard-frente[b-4v6saryamw],
.flashcard-reverso[b-4v6saryamw] {
    white-space: pre-line;
}
/* /Pages/ResultadoMatematicas.razor.rz.scp.css */
.resultado-mock[b-m24uop6gtd] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.resumen-numero[b-m24uop6gtd] {
    margin: 0;
    font-size: var(--font-result-score);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.resumen-meta[b-m24uop6gtd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.resumen-desglose[b-m24uop6gtd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;

}

.resumen-tema-item[b-m24uop6gtd] {
    margin: 0;
    font-size: var(--font-body-sm);
    color: var(--mud-palette-text-secondary);
}

.resultado-acciones-secundarias[b-m24uop6gtd] {
    display: flex;
    justify-content: center;
}

.revision-lista h2[b-m24uop6gtd] {
    margin: 0 0 16px;
    font-size: var(--font-title);
    font-weight: 700;
}

.revision-card[b-m24uop6gtd] {
    margin-bottom: 16px;
}

.revision-cabecera[b-m24uop6gtd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.revision-numero[b-m24uop6gtd] {
    font-size: var(--font-label);
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

.revision-enunciado[b-m24uop6gtd] {
    margin: 0 0 16px;
    font-size: var(--font-body);
    font-weight: 600;
    line-height: 1.6;
}

.revision-opciones[b-m24uop6gtd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

.opcion[b-m24uop6gtd] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 16px;
    border: 0;
    border-radius: var(--app-border-radius-sm);
    overflow-wrap: anywhere;
}

.opcion-correcta[b-m24uop6gtd] {
    border-color: var(--mud-palette-success);
    font-weight: 700;
}

.opcion-elegida[b-m24uop6gtd] {
    border-color: var(--mud-palette-error);
}

.opcion-marca[b-m24uop6gtd] {
    margin-left: auto;
    flex-shrink: 0;
    font-size: var(--font-micro);
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0.04em;
    color: var(--mud-palette-text-primary);
}

.opcion-marca-error[b-m24uop6gtd] {
    color: var(--mud-palette-text-primary);
}

.revision-veredicto[b-m24uop6gtd] {
    margin: 16px 0 0;
    font-size: var(--font-body-sm);
    color: var(--mud-palette-text-secondary);
}

.revision-explicacion[b-m24uop6gtd] {
    margin-top: 16px;
    padding-top: 16px;

    font-size: var(--font-body-sm);
    line-height: 1.6;
}

.resultado-aviso[b-m24uop6gtd] {
    margin: 0;
    font-size: var(--font-label);
    color: var(--mud-palette-text-secondary);
}
/* /Pages/TeoriaMatematicas.razor.rz.scp.css */
.teoria-mep[b-3rnfc0ayl4] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.teoria-cuerpo[b-3rnfc0ayl4] {
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.teoria-aviso[b-3rnfc0ayl4] {
    margin: 0;
    font-size: var(--font-label);
    color: var(--mud-palette-text-secondary);
}
/* /Pages/TutorMatematicas.razor.rz.scp.css */
.tutor-page[b-iuoqbjrqs8] { height:100%; min-height:0; padding:16px; }
.tutor-workspace[b-iuoqbjrqs8] { height:100%; min-height:0; container-type:size; container-name:tutor; border:1px solid var(--mud-palette-divider); border-radius:12px; overflow:hidden; }
.tutor-workspace[b-iuoqbjrqs8]  .conversation-shell { background:var(--mud-palette-background); }
.tutor-workspace[b-iuoqbjrqs8]  .conversation-header { padding:16px 24px; border-bottom:1px solid var(--mud-palette-divider); }
.tutor-heading[b-iuoqbjrqs8], .tutor-heading-actions[b-iuoqbjrqs8] { display:flex; align-items:center; gap:12px; min-width:0; }
.tutor-heading[b-iuoqbjrqs8] { justify-content:space-between; gap:16px; }
.tutor-heading > .tutor-heading-actions:first-child[b-iuoqbjrqs8] { flex:1; }
.tutor-brand[b-iuoqbjrqs8] { border-radius:50%; flex-shrink:0; }
.tutor-title[b-iuoqbjrqs8] { min-width:0; }
.tutor-subject[b-iuoqbjrqs8] { font-size:var(--font-label); color:var(--mud-palette-text-secondary); }
.tutor-tools[b-iuoqbjrqs8] { flex-wrap:wrap; justify-content:flex-end; gap:4px; }
.tutor-workspace[b-iuoqbjrqs8]  .conversation-context:empty { display:none; }
.tutor-workspace[b-iuoqbjrqs8]  .conversation-context { padding:0 24px; background:var(--mud-palette-surface); }
.tutor-workspace[b-iuoqbjrqs8]  .conversation-thread { scrollbar-gutter:stable both-edges; }
/* Use the workspace width so scrollbar gutters do not shift the content column. */
.tutor-workspace[b-iuoqbjrqs8]  .conversation-thread-content { width:min(816px,calc(100cqw - 48px)); max-width:100%; padding:24px 0; }
.tutor-workspace[b-iuoqbjrqs8]  .assistant-message { background:transparent; padding:16px 0; max-width:100%; width:100%; }
.tutor-workspace[b-iuoqbjrqs8]  .user-message { max-width:85%; }
.tutor-workspace[b-iuoqbjrqs8]  .conversation-composer { padding:16px 24px max(12px,env(safe-area-inset-bottom)); border-top:1px solid var(--mud-palette-divider); }
.tutor-workspace[b-iuoqbjrqs8]  .conversation-input { max-width:816px; border-radius:12px; background:var(--mud-palette-background); }
.tutor-notice[b-iuoqbjrqs8], .tutor-operation[b-iuoqbjrqs8] { margin:8px auto 0; max-width:816px; font-size:var(--font-label); text-align:center; color:var(--mud-palette-text-secondary); }
.tutor-operation[b-iuoqbjrqs8] { margin:0 auto 8px; }
.tutor-context[b-iuoqbjrqs8] { display:flex; align-items:center; gap:8px; font-size:var(--font-body-sm); color:var(--mud-palette-text-secondary); padding:8px 0; }
.tutor-progress[b-iuoqbjrqs8] { display:flex; align-items:center; gap:16px; color:var(--mud-palette-text-secondary); font-size:var(--font-body-sm); padding:16px 0; }
.source-label[b-iuoqbjrqs8] { display:flex; align-items:center; gap:8px; width:100%; font-weight:600; }
.tutor-welcome[b-iuoqbjrqs8] { width:100%; max-width:816px; margin:auto; padding:16px 0; text-align:center; }
.welcome-art[b-iuoqbjrqs8] { display:flex; justify-content:center; align-items:center; gap:24px; margin-bottom:16px; }
.welcome-art img[b-iuoqbjrqs8] { width:98px; height:140px; object-fit:contain; }
.math-sketch[b-iuoqbjrqs8] { width:128px; height:100px; stroke:var(--mud-palette-text-secondary); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.math-sketch .sketch-accent[b-iuoqbjrqs8] { stroke:var(--app-study-link); stroke-width:3; }
.welcome-eyebrow[b-iuoqbjrqs8] { display:block; font-size:var(--font-label); color:var(--app-study-link); font-weight:600; margin-bottom:8px; }
.tutor-welcome h1[b-iuoqbjrqs8] { font-size:var(--font-headline); margin:0 0 12px; }
.tutor-welcome > p[b-iuoqbjrqs8] { color:var(--mud-palette-text-secondary); margin:0 auto 28px; max-width:40ch; }
.welcome-options[b-iuoqbjrqs8] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; text-align:left; }
.suggestion-card[b-iuoqbjrqs8] { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:20px; border:1px solid var(--mud-palette-divider); border-radius:12px; color:var(--mud-palette-text-primary); background:var(--mud-palette-surface); text-align:left; cursor:pointer; font:inherit; }
.suggestion-card:hover[b-iuoqbjrqs8] { border-color:var(--app-study-link); }
.suggestion-card:focus-visible[b-iuoqbjrqs8] { outline:2px solid var(--app-study-link); outline-offset:3px; }
.suggestion-card[b-iuoqbjrqs8]  .mud-icon-root { color:var(--app-study-link); }
.suggestion-card strong[b-iuoqbjrqs8] { font-size:var(--font-body-sm); padding-right:16px; }
.suggestion-card > span:not(.suggestion-arrow)[b-iuoqbjrqs8] { color:var(--mud-palette-text-secondary); font-size:var(--font-body-sm); line-height:1.5; }
.suggestion-arrow[b-iuoqbjrqs8] { position:absolute; right:16px; top:16px; color:var(--mud-palette-text-secondary); }
.tutor-history-dialog[b-iuoqbjrqs8] { position:fixed; inset:0 auto 0 0; width:min(380px,calc(100% - 24px)); height:100dvh; max-height:100dvh; max-width:none; padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px); margin:0; border:0; color:var(--mud-palette-text-primary); background:var(--mud-palette-surface); overflow:auto; }
.tutor-history-dialog[b-iuoqbjrqs8]::backdrop { background:var(--mud-palette-overlay-dark); }
.history-content[b-iuoqbjrqs8] { padding:16px; }
.history-heading[b-iuoqbjrqs8], .history-dialog-header[b-iuoqbjrqs8] { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.history-heading h2[b-iuoqbjrqs8] { font-size:var(--font-title); line-height:1.4; margin:0; }
.history-caption[b-iuoqbjrqs8], .history-empty[b-iuoqbjrqs8] { font-size:var(--font-body-sm); color:var(--mud-palette-text-secondary); }
.history-caption[b-iuoqbjrqs8] { margin:8px 0 16px; }
.history-empty[b-iuoqbjrqs8] { text-align:center; padding:32px 8px; }
.history-dialog-header[b-iuoqbjrqs8] { padding:12px 16px; border-bottom:1px solid var(--mud-palette-divider); }
.tutor-loading[b-iuoqbjrqs8] { display:grid; grid-template-rows:48px minmax(96px,1fr) 96px; gap:16px; height:100%; min-height:0; padding:16px; overflow:auto; }
.tutor-loading[b-iuoqbjrqs8]  .mud-skeleton { max-width:100%; }
@media(max-width:950px) {
    .tutor-page[b-iuoqbjrqs8] { padding:0; }
    .tutor-workspace[b-iuoqbjrqs8] { border:0; border-radius:0; }
    .tutor-workspace[b-iuoqbjrqs8]  .conversation-header { padding:8px 16px; }
    .tutor-workspace[b-iuoqbjrqs8]  .conversation-context { padding:0 16px; }
    .tutor-workspace[b-iuoqbjrqs8]  .conversation-composer { padding:12px 16px; }
    .tutor-workspace[b-iuoqbjrqs8]  .conversation-thread-content { width:min(816px,calc(100cqw - 32px)); padding:16px 0; }
    .tutor-heading[b-iuoqbjrqs8] { flex-wrap:wrap; gap:4px; }
    .tutor-tools[b-iuoqbjrqs8] { width:100%; justify-content:space-between; }
}
@media(max-width:600px) {
    .new-conversation-detail[b-iuoqbjrqs8] { display:none; }
    .tutor-tools[b-iuoqbjrqs8]  .mud-button-root { padding:8px; font-size:var(--font-label); }
    .welcome-options[b-iuoqbjrqs8] { grid-template-columns:1fr; gap:8px; }
    .suggestion-card[b-iuoqbjrqs8] { display:grid; grid-template-columns:24px 1fr; gap:4px 12px; padding:12px 32px 12px 16px; }
    .suggestion-card[b-iuoqbjrqs8]  .mud-icon-root { grid-row:span 2; }
    .suggestion-card > span:not(.suggestion-arrow)[b-iuoqbjrqs8] { grid-column:2; }
    .tutor-welcome[b-iuoqbjrqs8] { padding:0; }
    .tutor-welcome > p[b-iuoqbjrqs8] { margin-bottom:20px; }
    .welcome-art[b-iuoqbjrqs8] { gap:16px; margin-bottom:12px; }
    .welcome-art img[b-iuoqbjrqs8] { width:70px; height:100px; }
    .math-sketch[b-iuoqbjrqs8] { width:96px; height:80px; }
}
/* Preserve access at large text sizes and in short viewports. */
@container tutor (max-height:480px) {
    .tutor-workspace[b-iuoqbjrqs8]  .conversation-shell { overflow-y:auto; }
    .tutor-workspace[b-iuoqbjrqs8]  .conversation-thread { flex:0 0 auto; min-height:160px; overflow:visible; }
}