/* JATS Studio Viewer 0.6.50.13
   Funciones de estudio y fichas de investigación.
   Archivo aislado para no alterar los estilos estables de otros visores. */

/* Destinos creados por la guía: respetan la barra estructural pegajosa. */
.jatsstudio-article .jats-study-anchor,
.jatsstudio-article [data-jats-p-ordinal] {
	scroll-margin-top: calc(var(--jats-structure-height, 64px) + 32px);
}


/* Numeración documental de los párrafos del body.
 * La coordenada vive fuera del margen izquierdo, a media altura del párrafo.
 * Nunca participa del flujo: no crea sangría ni se confunde con listas. */
.jatsstudio-article .jats-body p[data-jats-paragraph-number] {
	position: relative;
}
.jatsstudio-article .jats-body p[data-jats-paragraph-number]::after {
	content: "párr. " attr(data-jats-paragraph-number);
	position: absolute;
	top: 50%;
	left: calc(-86px - var(--jats-paragraph-indent, 0px));
	width: 72px;
	transform: translateY(-50%);
	color: #b7bec7;
	font-family: var(--jsmain-interface-font, Arial, sans-serif);
	font-size: .7rem;
	font-weight: 550;
	line-height: 1.15;
	letter-spacing: 0;
	text-align: right;
	white-space: nowrap;
	pointer-events: none;
	user-select: none;
}
.jatsstudio-article .jats-root[lang^="en"] .jats-body p[data-jats-paragraph-number]::after {
	content: "para. " attr(data-jats-paragraph-number);
}
.jatsstudio-article .jats-root[lang^="pt"] .jats-body p[data-jats-paragraph-number]::after {
	content: "par. " attr(data-jats-paragraph-number);
}
html.jats-contrast .jatsstudio-article .jats-body p[data-jats-paragraph-number]::after {
	color: #fff !important;
}
@media (max-width: 1050px) {
	.jatsstudio-article .jats-body p[data-jats-paragraph-number]::after {
		display: none;
	}
}

/* Guía de estudio */
.jatsstudio-article .jats-report-study-guide .jats-study-phase {
	margin: 30px 0 0;
	padding-top: 22px;
	border-top: 1px solid #dfe5eb;
}
.jatsstudio-article .jats-report-study-guide .jats-study-phase__title {
	margin: 0 0 16px !important;
	color: #25364d !important;
	font-size: calc(1.18rem * var(--jats-font-scale)) !important;
	font-weight: 780 !important;
	text-align: left !important;
}
.jatsstudio-article .jats-study-subtitle,
.jatsstudio-article .jats-study-section__title {
	margin: 18px 0 10px !important;
	color: #33465f !important;
	font-size: calc(1rem * var(--jats-font-scale)) !important;
	font-weight: 760 !important;
	text-align: left !important;
}
.jatsstudio-article .jats-study-essentials,
.jatsstudio-article .jats-study-concepts,
.jatsstudio-article .jats-study-recurring {
	margin: 0 0 18px;
	padding: 15px 16px;
	border: 1px solid #e0e5eb;
	border-radius: 8px;
	background: #f8fafc;
}
.jatsstudio-article .jats-study-data {
	display: grid;
	grid-template-columns: minmax(120px, 180px) minmax(0, 1fr);
	gap: 7px 14px;
	margin: 0;
}
.jatsstudio-article .jats-study-data dt {
	font-weight: 750;
	color: #4a5d75;
}
.jatsstudio-article .jats-study-data dd {
	margin: 0;
	color: #26364b;
}
.jatsstudio-article .jats-study-card {
	margin: 12px 0;
	padding: 16px;
	border: 1px solid #dce3ea;
	border-left: 4px solid #61789c;
	border-radius: 8px;
	background: #fff;
}
.jatsstudio-article .jats-study-card__eyebrow,
.jatsstudio-article .jats-study-card__label {
	margin: 0 0 5px;
	color: #66758a;
	font: 750 calc(.76rem * var(--jats-font-scale))/1.3 var(--jsmain-interface-font);
	letter-spacing: .02em;
	text-transform: uppercase;
}
.jatsstudio-article .jats-study-card__label { margin-top: 12px; }
.jatsstudio-article .jats-study-card__question {
	margin: 0 0 10px !important;
	color: #1f3047 !important;
	font-size: calc(1rem * var(--jats-font-scale)) !important;
	font-weight: 760 !important;
	text-align: left !important;
}
.jatsstudio-article .jats-study-card__why,
.jatsstudio-article .jats-study-route__intro,
.jatsstudio-article .jats-study-empty {
	margin: 4px 0 0 !important;
	color: #4d5d70;
}
.jatsstudio-article .jats-study-observations,
.jatsstudio-article .jats-study-term-list,
.jatsstudio-article .jats-study-route__list {
	margin: 7px 0 0 1.1rem !important;
	padding: 0 !important;
}
.jatsstudio-article .jats-study-observation,
.jatsstudio-article .jats-study-route__item {
	margin: 7px 0 !important;
}
.jatsstudio-article .jats-study-observation__reason,
.jatsstudio-article .jats-study-route__item > span {
	display: block;
	margin-top: 2px;
	color: #69788a;
	font-size: calc(.84rem * var(--jats-font-scale));
}
.jatsstudio-article .jats-study-jump {
	color: #315d88 !important;
	font-weight: 700;
	text-decoration: underline !important;
	text-underline-offset: 2px;
}
.jatsstudio-article .jats-study-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 7px;
}
.jatsstudio-article .jats-study-chip {
	display: inline-flex;
	padding: 4px 8px;
	border: 1px solid #d8e0e8;
	border-radius: 999px;
	background: #fff;
	color: #40536c;
	font-size: calc(.8rem * var(--jats-font-scale));
}
.jatsstudio-article .jats-study-concept-block + .jats-study-concept-block { margin-top: 14px; }
.jatsstudio-article .jats-study-section { margin-top: 18px; }


/* Propósito editorial de cada recurso automatizado. */
.jatsstudio-article .jats-resource-purpose {
	margin: 10px 0 14px !important;
	padding: 11px 13px !important;
	border-left: 3px solid var(--jsmain-blue, #496b91);
	border-radius: 0 7px 7px 0;
	background: #f6f8fb;
	color: #40536a !important;
	font-family: var(--jsmain-interface-font, Arial, sans-serif) !important;
	font-size: calc(.88rem * var(--jats-font-scale, 1)) !important;
	line-height: 1.55 !important;
}

/* Espacio de trabajo de fichas: en reposo es discreto; al abrirse reserva
 * un carril de lectura real y usa tipografía de tamaño normal. */
:root {
	--jats-research-open-width: clamp(430px, 30vw, 500px);
	--jats-research-open-space: 540px;
	--jats-research-content-width: 620px;
	--jats-research-content-shift: -115px;
}

/* Al trabajar con fichas, Accesibilidad conserva solo los controles esenciales. */
.jats-a11y-card.jats-a11y-card--research-compact {
	width: 300px !important;
	z-index: 10030 !important;
}
.jats-a11y-card.jats-a11y-card--research-compact > .jats-a11y-card__title {
	display: none !important;
}
.jats-a11y-card.jats-a11y-card--research-compact .jats-a11y-card__body {
	padding: 8px 10px 9px !important;
}
.jats-a11y-card.jats-a11y-card--research-compact .jats-a11y-controls {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 5px !important;
}
.jats-a11y-card.jats-a11y-card--research-compact .jats-a11y-contrast {
	display: none !important;
}
.jats-a11y-card.jats-a11y-card--research-compact .jats-a11y-controls .jatsstudio-btn {
	min-width: 0 !important;
	min-height: 34px !important;
	height: 34px !important;
	padding: 0 6px !important;
	font-size: .8rem !important;
}
.jats-a11y-card.jats-a11y-card--research-compact .jats-a11y-card__divider {
	margin: 6px 0 !important;
}
.jats-a11y-card.jats-a11y-card--research-compact .jats-tts-player {
	padding: 5px !important;
}
.jats-a11y-card.jats-a11y-card--research-compact .jats-tts-player__top,
.jats-a11y-card.jats-a11y-card--research-compact .jats-tts-player__settings,
.jats-a11y-card.jats-a11y-card--research-compact .jats-tts-player__now {
	display: none !important;
}
.jats-a11y-card.jats-a11y-card--research-compact .jats-tts-player__controls {
	gap: 5px !important;
	margin-bottom: 0 !important;
}
.jats-a11y-card.jats-a11y-card--research-compact .jats-tts-btn {
	min-width: 0 !important;
	min-height: 34px !important;
	height: 34px !important;
	border-radius: 7px !important;
}
.jats-a11y-card.jats-a11y-card--research-compact .jats-tts-btn svg {
	width: 16px !important;
	height: 16px !important;
}

html.jats-contrast .jatsstudio-article .jats-resource-purpose {
	border-color: #fff !important;
	background: #090a0c !important;
	color: #fff !important;
}

/* Accesibilidad debe permanecer por delante de la navegación estructural
 * también durante la transición al modo de fichas. */
.jats-a11y-card {
	z-index: 10030 !important;
}

/* Tarjeta personal de fichas: debajo de Accesibilidad, sobre la pantalla real. */
.jats-research-card {
	position: fixed;
	right: 20px;
	top: var(--jats-research-top, 320px);
	width: 300px;
	max-width: calc(100vw - 40px);
	max-height: var(--jats-research-max-height, calc(100vh - 332px));
	z-index: 9997;
	box-sizing: border-box;
	font-family: var(--jsmain-interface-font, Arial, sans-serif);
	color: #24344b;
}
.jats-research-card__toggle {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 10px 12px;
	border: 1px solid rgba(10,11,15,.13);
	border-radius: 12px;
	background: rgba(255,255,255,.94);
	box-shadow: 0 8px 22px rgba(10,11,15,.09);
	color: #2a3c54;
	font: 750 12px/1.3 var(--jsmain-interface-font, Arial, sans-serif);
	text-align: left;
	cursor: pointer;
}
.jats-research-card__count {
	min-width: 20px;
	padding: 2px 6px;
	border-radius: 999px;
	background: #e8edf4;
	color: #42546b;
	text-align: center;
}
.jats-research-card.is-expanded {
	display: flex;
	width: var(--jats-research-open-width);
	flex-direction: column;
	height: var(--jats-research-max-height, 500px);
	max-height: var(--jats-research-max-height, 500px);
	border: 1px solid rgba(10,11,15,.13);
	border-radius: 14px;
	background: rgba(255,255,255,.97);
	box-shadow: 0 14px 34px rgba(10,11,15,.14);
	overflow: hidden;
}
.jats-research-card.is-expanded .jats-research-card__toggle { display: none; }
.jats-research-card__panel {
	display: flex;
	min-height: 0;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 12px;
	overflow: hidden;
}
.jats-research-card__panel[hidden] { display: none !important; }
.jats-research-card__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e3e7ec;
}
.jats-research-card__title { color: #24364d; font-size: 16px; font-weight: 800; line-height: 1.3; }
.jats-research-card__subtitle { margin-top: 4px; color: #6a7788; font-size: 13px; line-height: 1.45; }
.jats-research-card__minimize {
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	border: 1px solid #d5dce4;
	border-radius: 8px;
	background: #fff;
	color: #41536a;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}
.jats-research-card__status {
	padding: 8px 0;
	color: #69788a;
	font-size: 12.5px;
	line-height: 1.45;
}
.jats-research-card__editor {
	flex: 0 0 auto;
	margin-bottom: 10px;
	padding: 14px;
	border: 1px solid #dce3ea;
	border-radius: 9px;
	background: #f8fafc;
}
.jats-research-card__editor[hidden] { display: none !important; }
.jats-research-card__field-label,
.jats-research-card__field > span {
	display: block;
	margin: 0 0 4px;
	color: #5b6b7e;
	font-size: 12px;
	font-weight: 750;
}
.jats-research-card__fragment {
	max-height: 140px;
	margin: 0 0 8px;
	padding: 6px 8px;
	overflow: auto;
	border-left: 3px solid #8798ad;
	background: #fff;
	color: #394a60;
	font: 14px/1.5 Georgia, serif;
}
.jats-research-card__field { display: block; margin-top: 8px; }
.jats-research-card__field textarea,
.jats-research-card__field input {
	box-sizing: border-box;
	width: 100%;
	padding: 7px 8px;
	border: 1px solid #ccd5df;
	border-radius: 7px;
	background: #fff;
	color: #25364d;
	font: 14px/1.45 var(--jsmain-interface-font, Arial, sans-serif);
}
.jats-research-card__field textarea { resize: vertical; min-height: 100px; }
.jats-research-card__editor-actions,
.jats-research-card__actions,
.jats-research-item__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}
.jats-research-card__button,
.jats-research-item__actions button {
	box-sizing: border-box;
	padding: 8px 10px;
	border: 1px solid #ccd5df;
	border-radius: 7px;
	background: #fff;
	color: #344961;
	font: 700 12.5px/1.25 var(--jsmain-interface-font, Arial, sans-serif);
	cursor: pointer;
}
.jats-research-card__button.is-primary { background: #334f70; border-color: #334f70; color: #fff; }
.jats-research-card__list {
	min-height: 0;
	flex: 1 1 auto;
	overflow-y: auto;
	padding-right: 2px;
}
.jats-research-card__empty { color: #748194; font-size: 13px; line-height: 1.5; }
.jats-research-item {
	margin: 0 0 9px;
	padding: 12px;
	border: 1px solid #e0e5eb;
	border-radius: 8px;
	background: #fff;
}
.jats-research-item__location { color: #637286; font-size: 11.5px; font-weight: 750; line-height: 1.4; }
.jats-research-item blockquote {
	max-height: 140px;
	margin: 6px 0 !important;
	padding: 0 0 0 8px !important;
	overflow: hidden;
	border-left: 2px solid #a6b2c1 !important;
	background: transparent !important;
	color: #33455c !important;
	font: 14px/1.5 Georgia, serif !important;
}
.jats-research-item__note { margin: 8px 0 !important; color: #44566c; font-size: 13.5px; line-height: 1.5; }
.jats-research-item__tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.jats-research-item__tags span { padding: 3px 6px; border-radius: 999px; background: #eef2f6; color: #596b81; font-size: 11.5px; }
.jats-research-item__state { margin-top: 6px; padding: 5px 7px; border-radius: 5px; font-size: 11.5px; line-height: 1.4; }
.jats-research-item__state.is-modified { background: #fff3d9; color: #765817; }
.jats-research-item__state.is-missing { background: #f7e6e6; color: #7b3c3c; }
.jats-research-card__actions { flex: 0 0 auto; padding-top: 9px; border-top: 1px solid #e3e7ec; }
.jats-research-card__import { display: inline-flex; align-items: center; }
.jats-research-card__privacy { flex: 0 0 auto; margin: 10px 0 0 !important; color: #748194; font-size: 11.5px; line-height: 1.45; }

/* Cuando las fichas están abiertas se reserva un carril real para ellas.
 * El texto del artículo se recoloca en el espacio que queda entre el ToC
 * lateral y el panel de investigación, evitando superposición. */
html.jats-research-workspace .jatsstudio-article .jats-article-hero {
	width: calc(100% - var(--jats-research-open-space) - 24px) !important;
	transition: width .18s ease;
}

html.jats-research-workspace .jatsstudio-article .jats-root > .jats-abstracts,
html.jats-research-workspace .jatsstudio-article .jats-root > .jats-body,
html.jats-research-workspace .jatsstudio-article .jats-root > .jats-ack,
html.jats-research-workspace .jatsstudio-article .jats-root > .jats-funding,
html.jats-research-workspace .jatsstudio-article .jats-root > .jats-declarations,
html.jats-research-workspace .jatsstudio-article .jats-root > .jats-author-contrib,
html.jats-research-workspace .jatsstudio-article .jats-root > .jats-footnotes,
html.jats-research-workspace .jatsstudio-article .jats-root > .jats-ref-list,
html.jats-research-workspace .jatsstudio-article .jats-root > .jats-biodata,
html.jats-research-workspace .jatsstudio-article > .jats-internal-stats,
html.jats-research-workspace .jatsstudio-article > .jats-best-practices,
html.jats-research-workspace .jatsstudio-article > .jats-automated-reports {
	width: var(--jats-research-content-width) !important;
	transform: translateX(var(--jats-research-content-shift));
	transition: width .18s ease, transform .18s ease;
}

html.jats-research-workspace .jatsstudio-article .jats-structure-nav {
	width: calc(100% - var(--jats-research-open-space)) !important;
	transition: width .18s ease;
}

html.jats-research-workspace.jats-research-workspace-tight .jatsstudio-article .jats-toc {
	display: none !important;
}

/* Barra contextual de selección */
.jats-research-selection {
	position: fixed;
	z-index: 10040;
	display: flex;
	gap: 2px;
	padding: 4px;
	border: 1px solid rgba(24,34,48,.2);
	border-radius: 9px;
	background: #26384f;
	box-shadow: 0 8px 24px rgba(0,0,0,.2);
}
.jats-research-selection[hidden] { display: none !important; }
.jats-research-selection button {
	padding: 6px 8px;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: #fff;
	font: 700 10px/1.2 Arial, sans-serif;
	cursor: pointer;
}
.jats-research-selection button:hover,
.jats-research-selection button:focus-visible { background: rgba(255,255,255,.13); }

/* Resaltados: el contenido sigue siendo texto normal y no se envía al servidor. */
.jatsstudio-article mark.jats-research-highlight {
	padding: 0 .02em;
	background: #fff0a8;
	color: inherit;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

/* Mantener la misma política de espacio que la tarjeta de accesibilidad. */
@media (max-width: 1200px) {
	.jats-research-card,
	.jats-research-selection { display: none !important; }
}

html.jats-contrast .jats-research-card.is-expanded,
html.jats-contrast .jats-research-card__toggle,
html.jats-contrast .jats-research-item,
html.jats-contrast .jats-research-card__editor {
	background: #090a0c !important;
	border-color: rgba(255,255,255,.28) !important;
	color: #fff !important;
}
html.jats-contrast .jats-research-item blockquote,
html.jats-contrast .jats-research-item__note,
html.jats-contrast .jats-research-card__title,
html.jats-contrast .jats-research-card__status,
html.jats-contrast .jats-research-card__subtitle { color: #fff !important; }
html.jats-contrast .jatsstudio-article mark.jats-research-highlight { background: #fff !important; color: #000 !important; }

@media (max-width: 760px) {
	.jatsstudio-article .jats-study-data { grid-template-columns: 1fr; }
}

/* La guía muestra una pista textual extractiva en el mismo informe. */
.jatsstudio-article .jats-study-observation__clue {
	margin: 7px 0 2px;
	padding: 8px 10px;
	border-left: 2px solid #d8dfe7;
	background: #fafbfc;
}
.jatsstudio-article .jats-study-observation__clue-label {
	display: block;
	margin-bottom: 4px;
	color: #7a8797;
	font: 650 calc(.72rem * var(--jats-font-scale))/1.25 var(--jsmain-interface-font, Arial, sans-serif);
	text-transform: uppercase;
	letter-spacing: .02em;
}
.jatsstudio-article .jats-study-observation__excerpt {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	color: #3f4d60 !important;
	font-size: calc(.9rem * var(--jats-font-scale)) !important;
	line-height: 1.5 !important;
}