/*! Papiro PDF by OK Multimedia */
.papiro{
	--papiro-accent:#D62828;
	--papiro-height:720px;
	--papiro-radius:14px;
	--p-bar:#fff;
	--p-bar-fg:#1f2937;
	--p-bar-line:rgba(0,0,0,.08);
	--p-btn-hover:rgba(0,0,0,.06);
	--p-stage:#eef0f3;
	--p-sheet-shadow:0 1px 2px rgba(0,0,0,.08),0 6px 18px rgba(0,0,0,.10);
	--p-input:#fff;
	--p-input-line:rgba(0,0,0,.15);
	position:relative;
	display:flex;
	flex-direction:column;
	height:var(--papiro-height);
	max-width:100%;
	margin:0;
	border-radius:var(--papiro-radius);
	overflow:hidden;
	background:var(--p-stage);
	box-shadow:0 0 0 1px var(--p-bar-line),0 10px 30px -12px rgba(0,0,0,.25);
	font:500 15px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif;
	color:var(--p-bar-fg);
	box-sizing:border-box;
	outline:none;
	isolation:isolate;
}
.papiro *,.papiro *::before,.papiro *::after{box-sizing:border-box}
.papiro-wrap{margin:1.5em 0;max-width:100%}
.papiro-block>.papiro-wrap{margin:0}

/* Toolbar */
.papiro__bar{
	position:relative;
	z-index:3;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:6px 10px;
	padding:8px 10px;
	background:var(--p-bar);
	color:var(--p-bar-fg);
	border-bottom:1px solid var(--p-bar-line);
}
.papiro--bar-bottom .papiro__bar{order:2;border-bottom:0;border-top:1px solid var(--p-bar-line)}
.papiro__group{display:flex;align-items:center;gap:2px}
.papiro__title,.papiro__spacer{flex:1 1 120px;min-width:0}
.papiro__title{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-weight:600;
	text-align:center;
	padding:0 6px;
	opacity:.9;
}
.papiro .papiro__btn,.papiro .papiro__zoom{
	all:unset;
	box-sizing:border-box;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:38px;
	height:38px;
	padding:0 8px;
	border-radius:10px;
	color:inherit;
	cursor:pointer;
	transition:background-color .15s,color .15s,transform .1s;
	-webkit-tap-highlight-color:transparent;
}
.papiro .papiro__zoom{min-width:58px;font:600 14px/1 inherit;font-variant-numeric:tabular-nums}
.papiro .papiro__btn:hover,.papiro .papiro__zoom:hover{background:var(--p-btn-hover);color:var(--papiro-accent)}
.papiro .papiro__btn:active,.papiro .papiro__zoom:active{transform:scale(.94)}
.papiro .papiro__btn:focus-visible,.papiro .papiro__zoom:focus-visible,.papiro .papiro__page:focus-visible{outline:2px solid var(--papiro-accent);outline-offset:1px}
.papiro__ico{display:block;flex:none}
.papiro .papiro__ico--compress,.papiro.is-fs .papiro__ico--expand{display:none}
.papiro.is-fs .papiro__ico--compress{display:block}
.papiro.is-first [data-act="prev"],.papiro.is-last [data-act="next"]{opacity:.35;pointer-events:none}

.papiro__pageinfo{display:inline-flex;align-items:center;gap:6px;padding:0 4px;font-variant-numeric:tabular-nums}
.papiro .papiro__page{
	all:unset;
	box-sizing:border-box;
	width:46px;
	height:32px;
	padding:0 4px;
	text-align:center;
	border-radius:8px;
	background:var(--p-input);
	box-shadow:inset 0 0 0 1px var(--p-input-line);
	color:inherit;
	font:600 15px/32px inherit;
	font-variant-numeric:tabular-nums;
}
.papiro__sep{opacity:.5}

/* Stage */
.papiro__stage{
	position:relative;
	z-index:1;
	flex:1 1 auto;
	min-height:0;
	overflow:auto;
	overscroll-behavior:contain;
	scrollbar-gutter:stable;
	scrollbar-width:thin;
	scrollbar-color:color-mix(in srgb,var(--p-bar-fg) 30%,transparent) transparent;
}
.papiro__pages{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:18px;
	padding:18px 16px 28px;
	width:max-content;
	min-width:100%;
}
.papiro__sheet{
	position:relative;
	flex:none;
	background:#fff;
	box-shadow:var(--p-sheet-shadow);
	border-radius:3px;
	overflow:hidden;
}
.papiro__canvas{display:block;width:100%;height:100%}
.papiro__canvas.is-new{animation:papiro-in .35s ease-out}
@keyframes papiro-in{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.papiro__canvas.is-new,.papiro__dots i{animation:none}.papiro__dots i{opacity:.6}}
.papiro .textLayer{position:absolute;inset:0;overflow:clip;opacity:1;line-height:1;text-align:initial;-webkit-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:1}
.papiro .textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0 0}
.papiro .textLayer span.markedContent{top:0;height:0}
.papiro .textLayer ::selection{background:color-mix(in srgb,var(--papiro-accent) 30%,transparent)}
.papiro .textLayer br::selection{background:transparent}
.papiro .textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:0;cursor:default;user-select:none}

/* Status, toast */
.papiro__status{
	position:absolute;
	inset:0;
	display:none;
	flex-wrap:wrap;
	align-items:baseline;
	justify-content:center;
	align-content:center;
	padding:24px;
	text-align:center;
	color:var(--p-bar-fg);
	font-size:15px;
	letter-spacing:.02em;
}
.papiro[data-state="loading"] .papiro__status,.papiro[data-state="error"] .papiro__status{display:flex}
.papiro__msg a{color:var(--papiro-accent);font-weight:600}
/* "Loading" with three dots that come and go */
.papiro__dots{display:inline-flex;gap:3px;margin-left:3px}
.papiro__dots i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.2;animation:papiro-dot 1.2s ease-in-out infinite}
.papiro__dots i:nth-child(2){animation-delay:.2s}
.papiro__dots i:nth-child(3){animation-delay:.4s}
@keyframes papiro-dot{0%,80%,100%{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.papiro[data-state="error"] .papiro__dots{display:none}
.papiro:not([data-state="ready"]) .papiro__bar>*{pointer-events:none;opacity:.55}
.papiro__toast{
	position:absolute;left:50%;bottom:18px;z-index:5;
	padding:9px 16px;border-radius:999px;
	background:var(--p-bar-fg);color:var(--p-toast-fg,#fff);
	font-weight:600;font-size:14px;
	transform:translate(-50%,12px);opacity:0;pointer-events:none;
	transition:opacity .2s,transform .2s;
}
.papiro__toast.is-on{opacity:1;transform:translate(-50%,0)}
.papiro__printframe{position:fixed;right:0;bottom:0;width:1px;height:1px;border:0;opacity:0}

/* Full screen */
.papiro:fullscreen{height:100vh;border-radius:0;margin:0}
.papiro.is-max{position:fixed;inset:0;z-index:999999;height:100%;height:100dvh;margin:0;border-radius:0}
html.papiro-lock,html.papiro-lock body{overflow:hidden}

/* ---------- Styles ---------- */

/* Papyrus */
.papiro--papyrus{
	--p-bar:linear-gradient(180deg,#FBEFD0,#F2DFAE);
	--p-bar-fg:#3E2C14;
	--p-bar-line:rgba(110,78,30,.22);
	--p-btn-hover:rgba(110,78,30,.12);
	--p-stage:#E9D9B4;
	--p-input:#FFF8E6;
	--p-input-line:rgba(110,78,30,.3);
	--p-sheet-shadow:0 1px 2px rgba(90,60,20,.18),0 8px 22px rgba(90,60,20,.22);
	background:
		radial-gradient(120% 80% at 50% 0%,rgba(255,250,235,.55),transparent 60%),
		repeating-linear-gradient(90deg,rgba(150,110,50,.035) 0 2px,transparent 2px 7px),
		#E9D9B4;
}
.papiro--papyrus .papiro__bar{background:var(--p-bar);font-family:Georgia,"Iowan Old Style","Palatino Linotype",serif}
.papiro--papyrus .papiro__title{font-style:italic;letter-spacing:.01em}

/* Small screens: everything wraps, nothing slides sideways */
@media (max-width:600px){
	.papiro{font-size:14px}
	.papiro__bar{justify-content:center;gap:4px 6px;padding:6px}
	.papiro__title{order:-1;flex:1 1 100%;font-size:13px}
	.papiro__spacer{display:none}
	.papiro .papiro__btn{min-width:36px;height:36px;padding:0 6px}
	.papiro .papiro__zoom{min-width:50px}
	.papiro__pages{padding:12px 8px 20px;gap:12px}
}
@media (prefers-reduced-motion:reduce){
	.papiro *{transition:none!important;animation-duration:2s!important}
}

/* Share strip under the viewer */
.papiro-share{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin-top:14px;font:600 14px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif;color:inherit}
.papiro-share__label{opacity:.75;letter-spacing:.02em}
.papiro-share__list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.papiro-share .papiro-share__btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;background:var(--b,#444);cursor:pointer;text-decoration:none;box-shadow:0 2px 6px -2px rgba(0,0,0,.35);transition:transform .15s,box-shadow .15s,filter .15s;-webkit-tap-highlight-color:transparent}
.papiro-share .papiro-share__btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px -4px rgba(0,0,0,.4);filter:brightness(1.08);color:#fff}
.papiro-share .papiro-share__btn:focus-visible{outline:2px solid var(--papiro-accent);outline-offset:2px}
.papiro-share__btn svg{display:block}
.papiro-share__btn--whatsapp{--b:#25D366}
.papiro-share__btn--facebook{--b:#0866FF}
.papiro-share__btn--x{--b:#000}
.papiro-share__btn--linkedin{--b:#0A66C2}
.papiro-share__btn--telegram{--b:#26A5E4}
.papiro-share__btn--email{--b:#6B7280}
.papiro-share__btn--copy{--b:var(--papiro-accent)}
.papiro-share .papiro-share__btn .papiro-share__ico-ok,.papiro-share .papiro-share__btn--copy.is-done .papiro-share__ico-link{display:none}
.papiro-share .papiro-share__btn--copy.is-done .papiro-share__ico-ok{display:block}
.papiro-share__btn--copy.is-done{--b:#178a3c}
@media (max-width:600px){
	.papiro-share{flex-direction:column;gap:8px}
	.papiro-share__list{gap:6px}
	.papiro-share .papiro-share__btn{width:38px;height:38px}
}

/* Editor placeholder */
.papiro-empty{padding:14px 16px;border:1px dashed #c3c4c7;border-radius:8px;color:#50575e}
