/* Base común de las páginas de estudio, ligada a Apariencia y al modo oscuro. */
.tdl-study-page{--study-accent:var(--bprimario,#64b5f6);--study-ink:var(--texto-primario,#18364a);--study-muted:var(--texto-secundario,#65788c);--study-surface:var(--fondo-secundario,#fff);--study-border:var(--bordes,#dce5ef);color:var(--study-ink)}
.tdl-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px;text-align:left}
.tdl-page-heading-main{display:flex;align-items:center;gap:12px;min-width:0}.tdl-page-heading-main>div{min-width:0}
.tdl-page-heading-icon{width:42px;height:44px;flex:0 0 42px;display:grid;place-items:center;border-radius:10px;font-size:23px;color:var(--study-accent,var(--bprimario,#64b5f6));background:color-mix(in srgb,var(--study-accent,var(--bprimario,#64b5f6)) 9%,var(--study-surface,var(--fondo-secundario,#fff)))}
.tdl-page-heading h1{font-size:22px;line-height:1.35;font-weight:600;letter-spacing:-.25px;margin:0 0 4px;color:var(--study-ink,var(--texto-primario,#18364a))}.tdl-page-heading p{font-size:12px;line-height:1.6;margin:0;color:var(--study-muted,var(--texto-secundario,#65788c))}
.tdl-page-help{display:grid;place-items:center;flex:0 0 38px;min-width:38px;min-height:38px;border:1px solid var(--study-border,var(--bordes,#dce5ef));border-radius:9px;background:var(--study-surface,var(--fondo-secundario,#fff));color:var(--study-accent,var(--bprimario,#64b5f6));font-size:19px;cursor:pointer}
.tdl-study-page>.listaAll{padding-top:0!important}.tdl-study-page .listaAll>.accordion-item{margin:0 0 10px;border:1px solid var(--study-border)!important;border-radius:13px!important;background:var(--study-surface)!important;overflow:hidden;box-shadow:0 2px 8px #00000004;transition:border-color .15s,box-shadow .15s}
.tdl-study-page .listaAll>.accordion-item:not(.ignorar):hover{border-color:color-mix(in srgb,var(--study-accent) 55%,var(--study-border))!important;box-shadow:0 4px 12px #00000008}
.tdl-study-page .accordion-header{margin:0}.tdl-study-page .listaAll>.accordion-item>.accordion-header>.accordion-button{gap:12px;padding:17px 18px!important;min-height:70px;font-size:15px;line-height:1.55;color:var(--study-ink)!important;background:transparent!important;border:0!important;box-shadow:none;border-radius:12px!important}
.tdl-study-page .accordion-button .left-side{min-width:0;gap:10px}.tdl-study-page .categoria-text{overflow-wrap:anywhere;min-width:0}.tdl-study-page .accordion-button .categoria-text{font-weight:500;margin-right:0}.tdl-study-row-icon{display:grid;place-items:center;width:36px;height:38px;flex:0 0 36px;border-radius:10px;background:color-mix(in srgb,var(--study-accent) 7%,var(--study-surface));color:var(--study-accent);font-size:19px}
.tdl-study-row-action{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 11px;border:1px solid var(--study-border);border-radius:8px;color:var(--study-accent);background:var(--study-surface);font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}
.tdl-study-page .tdl-study-toolbar{border-radius:13px!important;margin-bottom:16px!important}.tdl-study-toolbar>div{flex-wrap:wrap;row-gap:12px!important}.tdl-study-toolbar .numeroTemas{font-size:13px}.tdl-study-toolbar .position-relative{flex:1 1 240px;max-width:420px;margin-left:auto}.tdl-study-page #searchInput{width:100%;min-height:42px;border-radius:9px;background:var(--study-surface);border:1px solid var(--study-border);color:var(--study-ink);font-size:13px}.tdl-study-page #searchInput::placeholder{color:var(--study-muted);opacity:1}
.tdl-study-profile{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--study-surface);border:1px solid var(--study-border);border-radius:13px;margin:0 0 14px}.tdl-study-profile label{font-size:12px;font-weight:600;color:var(--study-muted);flex-shrink:0}.tdl-study-page #miPerfil{min-width:0;max-width:100%;width:100%!important;min-height:40px;font-size:13px;background-color:var(--study-surface);color:var(--study-ink);border:1px solid var(--study-border);border-radius:9px}
.tdl-study-page .accordion-body{padding:0 18px 18px}.tdl-study-page .listaetiquetas{border-radius:10px;overflow:hidden}.tdl-study-page .listaetiquetas>.list-group-item{padding:13px 14px;border-color:var(--study-border)!important;background:var(--study-surface)!important;color:var(--study-ink)!important;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.tdl-study-page .listasubetiquetas{list-style:none;border-left:2px solid var(--study-border)}.tdl-study-page .listasubetiquetas>.list-group-item{font-size:12px;border-color:var(--study-border)!important;background:var(--study-surface)!important;color:var(--study-ink)!important}
.tdl-study-page .listaAll .seleccionado{background:color-mix(in srgb,var(--study-accent) 14%,var(--study-surface))!important;color:var(--study-ink)!important}.tdl-study-page .accordion-button .badge,.tdl-study-page .numberEtis{font-size:11px;line-height:1.3;padding:5px 8px!important;border-radius:7px;font-weight:600;flex-shrink:0}.tdl-study-select-all{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;cursor:pointer}.tdl-study-page .form-check-input{cursor:pointer;flex-shrink:0}.tdl-study-page .form-check-input:checked{background-color:var(--study-accent);border-color:var(--study-accent)}
.tdl-study-empty{display:flex;align-items:center;justify-content:center;gap:12px;min-height:160px;border:1px dashed var(--study-border)!important;border-radius:14px;margin:20px 0;background:var(--study-surface)!important;color:var(--study-muted)!important}.tdl-study-empty>.bi{font-size:29px;color:var(--study-accent)}
.tdl-study-page :is(.accordion-button,.tdl-page-help,#searchInput,#miPerfil):focus-visible{outline:2px solid var(--study-accent);outline-offset:-3px}.tdl-study-page .toggle-icon{flex-shrink:0;border-radius:8px;color:var(--study-accent)}
@media(max-width:767px){.tdl-page-heading{gap:10px;margin-bottom:18px;align-items:flex-start}.tdl-page-heading h1{font-size:20px}.tdl-page-heading p{font-size:11px}.tdl-study-page .listaAll>.accordion-item>.accordion-header>.accordion-button{font-size:13px;padding:14px 12px!important;gap:8px;min-height:66px}.tdl-study-row-icon{width:30px;height:34px;flex-basis:30px;font-size:17px}.tdl-study-row-action{font-size:10px;padding:5px 7px;min-height:30px}.tdl-study-page .accordion-button .left-side{gap:8px}.tdl-study-profile{align-items:stretch;flex-direction:column;gap:7px;padding:14px}.tdl-study-toolbar .position-relative{max-width:none;flex-basis:100%;order:3}.tdl-study-page .accordion-body{padding:0 10px 12px}.tdl-study-page .listaetiquetas>.list-group-item{padding:12px 10px}.tdl-study-page .tdl-study-toolbar>div{margin:14px!important}.tdl-study-page .accordion-button .badge{margin-right:0!important}.tdl-study-personalizados .toggle-icon>.bi{padding:10px!important}}
@media(prefers-reduced-motion:reduce){.tdl-study-page .listaAll>.accordion-item{transition:none}}
.tdl-study-page .accordion-button .left-side.justify-content-between{justify-content:flex-start!important}.tdl-study-page .accordion-button .left-side>.badge{margin-left:auto}
.tdl-page-help>*{pointer-events:none}

/* v80: acceso a la creación de perfiles junto al selector. */
.tdl-study-profile-create{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:40px;padding:8px 14px;border:1px solid var(--study-border);border-radius:9px;background:var(--study-surface);color:var(--study-ink);font-size:12px;font-weight:600;white-space:nowrap;text-decoration:none}
.tdl-study-profile-create:hover{background:color-mix(in srgb,var(--study-accent) 10%,var(--study-surface));color:var(--study-ink);border-color:var(--study-accent)}.tdl-study-profile-create:focus-visible{outline:2px solid var(--study-accent);outline-offset:2px}

/* v81: ley completa seleccionada y resumen de selección personal. */
.tdl-study-personalizados .listaAll>.accordion-item>.accordion-header>.accordion-button.seleccionado{background:color-mix(in srgb,var(--study-accent) 18%,var(--study-surface))!important;box-shadow:inset 4px 0 0 var(--study-accent)!important;font-weight:600}
.tdl-study-personalizados .accordion-button.seleccionado .categoria-text{font-weight:600}
#cabe1.tdl-personal-selection{background:var(--cabecera,#bbdefb);width:100%;padding:8px 12px;align-items:center;z-index:1}
#cabe1.tdl-personal-selection .floatingc{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:1140px;margin:0 auto;padding:0;min-width:0}
#cabe1.tdl-personal-selection .left-container,#cabe1.tdl-personal-selection .right-container{flex:0 0 auto;margin:0;transform:none}
#cabe1.tdl-personal-selection .center-container{flex:1;min-width:0;margin:0;text-align:left;display:flex;flex-wrap:wrap;gap:3px 10px;align-items:center;justify-content:flex-start;font-size:12px;color:var(--texto-primario,#18364a);line-height:1.5}
#cabe1.tdl-personal-selection .tdl-selection-caption{display:block;flex-basis:100%;font-size:10px;font-weight:600;letter-spacing:.2px;color:var(--texto-secundario,#65788c)}
#cabe1.tdl-personal-selection #floating1,#cabe1.tdl-personal-selection #floating2{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
#cabe1.tdl-personal-selection #floatingcerrar{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 11px;border:1px solid var(--bordes,#dce5ef);border-radius:9px;background:var(--fondo-secundario,#fff);color:var(--texto-secundario,#65788c)!important;font-family:inherit;font-weight:600;line-height:1.3;font-size:11px;font-style:normal;white-space:nowrap}
#cabe1.tdl-personal-selection #floatingboton{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid var(--tdl-cookies-boton-borde,#2465b5);border-radius:10px;background:var(--tdl-cookies-boton-fondo,#eaf2ff);color:var(--tdl-cookies-boton-texto,#164a8a);font-size:12px;font-weight:700;white-space:nowrap;line-height:1.3}
#cabe1.tdl-personal-selection #floatingboton:hover{filter:brightness(.97)}#cabe1.tdl-personal-selection :is(#floatingcerrar,#floatingboton):focus-visible{outline:2px solid var(--bprimario,#64b5f6);outline-offset:2px}
@media(max-width:575px){#cabe1.tdl-personal-selection{padding:7px 8px}#cabe1.tdl-personal-selection .floatingc{gap:8px}#cabe1.tdl-personal-selection #floatingcerrar{padding:7px 8px;min-height:36px;font-size:10px}#cabe1.tdl-personal-selection #floatingboton{padding:8px 10px;min-height:38px;font-size:11px}#cabe1.tdl-personal-selection #floating1,#cabe1.tdl-personal-selection #floating2{font-size:10px}#cabe1.tdl-personal-selection .center-container{gap:2px 5px}#cabe1.tdl-personal-selection .tdl-selection-caption{font-size:9px}}

/* v82: perfil visible como acción secundaria, sin competir con Preparar test. */
.tdl-study-page .tdl-study-profile-create{background:color-mix(in srgb,var(--study-accent) 12%,var(--study-surface));border-color:color-mix(in srgb,var(--study-accent) 45%,var(--study-border));color:var(--study-ink)}
.tdl-study-page .tdl-study-profile-create:hover{background:color-mix(in srgb,var(--study-accent) 21%,var(--study-surface));border-color:var(--study-accent)}
.tdl-study-personalizados .numberEtis{max-width:45%;white-space:normal;text-align:center}

/* v83: guardar la selección en el gestor de perfiles existente. */
.tdl-personal-selection .tdl-selection-save{border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;padding:3px 10px;font:inherit;font-size:.78rem;line-height:1.4;cursor:pointer;margin-top:3px}.tdl-personal-selection .tdl-selection-save:hover{background:rgba(255,255,255,.22)}

/* v85: guardar perfil en preferencias; barra móvil compacta. */
.tdl-profile-save-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0 0;margin-top:20px;border-top:1px solid var(--bordes,#dce5ef);font-size:.85rem;color:var(--texto-secundario,#65788c)}
.tdl-profile-save-row .tdl-selection-save{flex-shrink:0;padding:8px 12px;border-radius:9px;border:1px solid var(--tdl-cookies-boton-borde,#2465b5);background:var(--tdl-cookies-boton-fondo,#eaf2ff);color:var(--tdl-cookies-boton-texto,#164a8a);font:inherit;font-weight:600;cursor:pointer}
@media(max-width:575px){
 #cabe1.tdl-personal-selection .floatingc{display:grid;grid-template-columns:1fr auto;gap:7px 12px}
 #cabe1.tdl-personal-selection .center-container{grid-column:1/-1;grid-row:1;display:flex;gap:3px 9px;line-height:1.3}
 #cabe1.tdl-personal-selection .tdl-selection-caption{display:none}
 #cabe1.tdl-personal-selection #floating1,#cabe1.tdl-personal-selection #floating2{font-size:12px;line-height:1.3}
 #cabe1.tdl-personal-selection .left-container{grid-column:1;grid-row:2;justify-self:start}
 #cabe1.tdl-personal-selection .right-container{grid-column:2;grid-row:2}
 #cabe1.tdl-personal-selection #floatingcerrar,#cabe1.tdl-personal-selection #floatingboton{font-size:12px;min-height:40px;padding:8px 13px}
 .tdl-profile-save-row{font-size:.8rem;flex-wrap:wrap}
}

/* v86: perfiles con acento verde, separados de las acciones del examen. */
.tdl-profile-save-row .tdl-selection-save{background:var(--tdl-perfil-boton-fondo,#e7f5ed);border-color:var(--tdl-perfil-boton-borde,#70b28c);color:var(--tdl-perfil-boton-texto,#17613a)}
.tdl-profile-save-row .tdl-selection-save:hover{background:var(--tdl-perfil-boton-hover,#d7efdf);border-color:var(--tdl-perfil-boton-borde,#328553)}
.tdl-profile-save-row .tdl-selection-save:focus-visible{outline:2px solid var(--tdl-perfil-boton-borde,#328553);outline-offset:3px}
#tdlSaveProfile #tdlProfileStatus.tdl-profile-success{display:block;padding:14px 16px;border:1px solid var(--tdl-confirmacion-borde,#86c59d);border-radius:12px;background:var(--tdl-perfil-boton-fondo,#e7f5ed);color:var(--tdl-confirmacion-texto,#155b34);line-height:1.55}
#tdlSaveProfile .tdl-profile-success::before{content:"✓ Perfil guardado";display:block;font-weight:700;font-size:1rem;margin-bottom:5px}

/* v87: controles de estudio diferenciados de las tarjetas de leyes. */
.tdl-study-page .tdl-study-profile,
.tdl-study-page .tdl-study-toolbar{
 background:color-mix(in srgb,#769ab3 16%,var(--study-surface))!important;
 border:1px solid color-mix(in srgb,#769ab3 35%,var(--study-border))!important;
 box-shadow:none;
}
.tdl-study-page .tdl-study-toolbar>div{background:transparent!important}
.tdl-study-page .tdl-study-profile label,
.tdl-study-page .tdl-study-toolbar .numeroTemas{color:var(--study-ink);font-weight:600}

/* v88: prioridad superior a las tarjetas de leyes y color visible. */
.tdl-study-page .tdl-study-profile,
.tdl-study-page .listaAll>.accordion-item.tdl-study-toolbar,
.tdl-study-page .accordion-item.tdl-study-toolbar{
 background:var(--tdl-estudio-control-fondo,#ddebf4)!important;
 border-color:var(--tdl-estudio-control-borde,#a7c6de)!important;
 box-shadow:none!important;
}

/* v89: Descartar en rojo suave dentro de Test personalizados. */
#cabe1.tdl-personal-selection #floatingcerrar,
.tdl-study-personalizados #miModal .tdl-personal-discard{
 background:var(--tdl-descartar-fondo,#fff0f0)!important;border:1px solid var(--tdl-descartar-borde,#e7a5a5)!important;color:var(--tdl-descartar-texto,#a62f38)!important;
}
#cabe1.tdl-personal-selection #floatingcerrar:hover,
.tdl-study-personalizados #miModal .tdl-personal-discard:hover{
 background:var(--tdl-descartar-hover,#ffe0e2)!important;border-color:var(--tdl-descartar-borde,#ce6972)!important;color:var(--tdl-descartar-texto,#8c2330)!important;
}
#cabe1.tdl-personal-selection #floatingcerrar:focus-visible,
.tdl-study-personalizados #miModal .tdl-personal-discard:focus-visible{outline:2px solid var(--tdl-descartar-borde,#b53e49);outline-offset:2px}

/* v90: gestión y edición de perfiles con el lenguaje visual de estudio. */
.tdl-study-profiles #titulo{text-align:left!important}
.tdl-profiles-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}
.tdl-profile-editor-bar{display:none}.tdl-profile-editor-bar.is-editing{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 18px;margin-bottom:18px;background:var(--tdl-estudio-control-fondo,#ddebf4);border:1px solid var(--study-border);border-radius:13px}
.tdl-profile-name-label{font-size:12px;font-weight:600}.tdl-study-profiles #nombre{flex:1;min-width:200px;min-height:42px;background:var(--study-surface);color:var(--study-ink);border-color:var(--study-border);font-size:14px}
#profileEditorActions{display:flex;gap:8px}.tdl-study-profiles .btn{border-radius:9px;min-height:40px;font-size:12px;font-weight:600}
.tdl-profile-card{display:flex;flex-direction:column;gap:16px;height:100%;padding:20px;background:var(--study-surface);border:1px solid var(--study-border);border-radius:14px;box-shadow:0 3px 12px #00000004}
.tdl-profile-card-top{display:flex;align-items:center;gap:12px}.tdl-profile-card h2{font-size:17px;font-weight:600;margin:0;overflow-wrap:anywhere;min-width:0}
.tdl-profile-card-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--study-accent) 12%,var(--study-surface));color:var(--study-accent);font-size:20px}
.tdl-profile-card-summary{font-size:12px;color:var(--study-muted);line-height:1.7;margin:0}
.tdl-profile-card-actions{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--study-border)}
.tdl-profile-card-actions button{font:inherit;font-size:12px;font-weight:600;border:1px solid var(--study-border);border-radius:8px;padding:8px 12px;cursor:pointer;background:var(--study-surface);color:var(--study-ink)}
.tdl-profile-card-actions .tdl-profile-edit{background:color-mix(in srgb,var(--study-accent) 12%,var(--study-surface));border-color:var(--study-accent)}
.tdl-profile-card-actions .tdl-profile-delete,.tdl-study-profiles .tdl-profile-cancel{color:var(--tdl-descartar-texto,#a62f38);background:var(--tdl-descartar-fondo,#fff0f0);border:1px solid var(--tdl-descartar-borde,#e7a5a5)}
.tdl-study-profiles .listaAll>.accordion-item>.accordion-header>.accordion-button.seleccionado{background:color-mix(in srgb,var(--study-accent) 18%,var(--study-surface))!important;box-shadow:inset 4px 0 0 var(--study-accent)}
.tdl-study-profiles #info{border-radius:14px;border:1px dashed var(--study-border);background:var(--study-surface);color:var(--study-ink)}
.tdl-study-profiles .misTemas>.row{margin-top:0!important}
@media(max-width:575px){.tdl-profile-editor-bar.is-editing{padding:14px;gap:9px}.tdl-profile-name-label{width:100%}.tdl-study-profiles #nombre{width:100%;flex-basis:100%;min-width:0}#profileEditorActions{width:100%}#profileEditorActions button{flex:1}.tdl-profile-card{padding:16px;gap:12px}}

/* v91: el modal puede moverse al body; no depender del contenedor de página. */
#miModal .modal-footer button.tdl-personal-discard{
 --bs-btn-color:var(--tdl-descartar-texto,#a62f38);--bs-btn-bg:var(--tdl-descartar-fondo,#fff0f0);--bs-btn-border-color:var(--tdl-descartar-borde,#e7a5a5);
 --bs-btn-hover-color:var(--tdl-descartar-texto,#8c2330);--bs-btn-hover-bg:var(--tdl-descartar-hover,#ffe0e2);--bs-btn-hover-border-color:var(--tdl-descartar-borde,#ce6972);
 color:var(--tdl-descartar-texto,#a62f38)!important;background:var(--tdl-descartar-fondo,#fff0f0)!important;border-color:var(--tdl-descartar-borde,#e7a5a5)!important;
}
#miModal .modal-footer button.tdl-personal-discard:hover,
#miModal .modal-footer button.tdl-personal-discard:active{color:var(--tdl-descartar-texto,#8c2330)!important;background:var(--tdl-descartar-hover,#ffe0e2)!important;border-color:var(--tdl-descartar-borde,#ce6972)!important}
#miModal .modal-footer button.tdl-personal-discard:focus-visible{outline:2px solid var(--tdl-descartar-borde,#b53e49);outline-offset:2px}

/* v93: mismos roles de color en preferencias, perfiles y mensajes. */
#tdlSaveProfile #tdlProfileStatus.tdl-profile-success{background:var(--tdl-confirmacion-fondo,#e7f5ed);color:var(--tdl-confirmacion-texto,#155b34);border-color:var(--tdl-confirmacion-borde,#86c59d)}
#tdlSaveProfile .modal-footer button,#profileSave{--tdl-cookies-boton-fondo:var(--tdl-perfil-boton-fondo,#e7f5ed);--tdl-cookies-boton-texto:var(--tdl-perfil-boton-texto,#17613a);--tdl-cookies-boton-borde:var(--tdl-perfil-boton-borde,#70b28c);--tdl-cookies-boton-hover:var(--tdl-perfil-boton-hover,#d7efdf)}

/* v94: degradado de los bloques de configuración, con colores de Apariencia. */
.tdl-study-page .tdl-study-profile,
.tdl-study-page .listaAll>.accordion-item.tdl-study-toolbar,
.tdl-study-page .accordion-item.tdl-study-toolbar,
.tdl-study-page .tdl-profile-editor-bar.is-editing{
 background:linear-gradient(110deg,var(--tdl-estudio-control-fondo,#ddebf4) 0%,var(--tdl-estudio-control-final,#f5f9fc) 100%)!important;
}

/* v95: etiqueta y casilla Todas legibles en ambos modos. */
.tdl-study-page .tdl-study-select-all{color:var(--study-ink,var(--texto-primario,#18364a))!important}
.dark-mode .tdl-study-page .tdl-study-select-all{color:var(--texto-primario,#e5edf5)!important}
.dark-mode .tdl-study-page #todos{color-scheme:dark;background-color:var(--fondo-secundario,#202f3d);border-color:var(--texto-secundario,#a8b8c8)}
.dark-mode .tdl-study-page #todos:checked{background-color:var(--bprimario,#64b5f6);border-color:var(--bprimario,#64b5f6)}
