/* Contenedor general de la ficha de novela */
.single-novela .tokki-novel-layout {
	--content-width: 1280px;

	width: 100% !important;
	max-width: none !important;

	margin: 0 auto !important;
	padding-top: 10px !important;
	padding-right: 18px !important;
	padding-bottom: 50px !important;
	padding-left: 18px !important;

	box-sizing: border-box;
}

/* Contenedor interno creado por Elementor */
.single-novela .tokki-novel-layout > .e-con-inner {
	width: 100% !important;
	max-width: 1280px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

/* Elimina separaciones adicionales del contenido */
.single-novela .entry-content,
.single-novela .elementor {
	margin-top: 0 !important;
}


.tokki-dynamic-novel-title { margin: 0; color: #E6E6E7 !important; font-family: "Lora", serif !important; font-size: clamp(30px, 4vw, 46px) !important; line-height: 1.15; text-align: left; }
.tokki-dynamic-novel-cover { width: min(100%, 260px); margin: 0 auto; overflow: hidden; aspect-ratio: 2 / 3; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; box-shadow: 0 18px 40px rgba(0,0,0,.38); }
.tokki-dynamic-novel-cover img { display: block !important; width: 100% !important; min-width: 100% !important; max-width: none !important; height: 100% !important; min-height: 100% !important; object-fit: cover !important; object-position: center !important; }
.tokki-dynamic-novel-synopsis h2 { margin: 0 0 15px; }
.tokki-dynamic-novel-synopsis-text.is-collapsed { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 22; }
.tokki-novel-synopsis-toggle { display: inline-flex; margin: 8px 0 0; padding: 0; border: 0; background: transparent; box-shadow: none; color: #B98BDD; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.tokki-novel-synopsis-toggle[hidden] { display: none !important; }
.tokki-novel-synopsis-toggle:hover,
.tokki-novel-synopsis-toggle:focus { border: 0; background: transparent; box-shadow: none; color: #D0A8EE; }

.tokki-novel-info-trigger { display: inline-flex; width: 42px; height: 42px; padding: 0; align-items: center; justify-content: center; border: 1px solid #424045; border-radius: 50%; background: #2A292C; color: #B98BDD; cursor: pointer; }
.tokki-novel-info-trigger:hover,
.tokki-novel-info-trigger:focus { border-color: #B98BDD; background: rgba(185,139,221,.14); color: #D8B5F3; }
.tokki-novel-info-trigger svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.tokki-novel-info-backdrop { position: fixed; z-index: 99998; inset: 0; background: rgba(0,0,0,.58); opacity: 0; transition: opacity .24s ease; }
.tokki-novel-info-sheet { position: fixed; z-index: 99999; top: 50%; left: 50%; width: min(680px, calc(100vw - 40px)); max-height: min(78vh, 720px); padding: 22px 26px 30px; overflow-y: auto; box-sizing: border-box; border: 1px solid #3A383D; border-radius: 22px; background: #1A191D; box-shadow: 0 24px 70px rgba(0,0,0,.55); color: #D2D1D5; opacity: 0; transform: translate(-50%, -47%) scale(.98); transition: transform .24s ease, opacity .24s ease; }
.tokki-novel-info-backdrop[hidden],
.tokki-novel-info-sheet[hidden] { display: none !important; }
.tokki-novel-info-modal-root.is-open .tokki-novel-info-backdrop { opacity: 1; }
.tokki-novel-info-modal-root.is-open .tokki-novel-info-sheet { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.tokki-novel-info-handle { display: none; width: 48px; height: 5px; margin: 0 auto 18px; border-radius: 999px; background: #514E55; }
.tokki-novel-info-sheet > header { display: flex; max-width: 760px; margin: 0 auto 22px; align-items: center; justify-content: space-between; gap: 18px; }
.tokki-novel-info-sheet h2 { margin: 0; color: #E6E6E7;  }
.tokki-novel-info-close { width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: #2A292C; color: #BFBEC1; font-size: 27px; line-height: 1; cursor: pointer; }
.tokki-novel-info-sheet-content { max-width: 760px; margin: 0 auto; }
.tokki-novel-info-sheet-content .tkn-novel-info { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.tokki-novel-info-sheet-content .tkn-novel-info-item { padding: 14px 16px; border: 1px solid #343238; border-radius: 12px; background: transparent; }

@media (min-width: 769px) {
	.tokki-novel-info-sheet-content .tkn-novel-info-stacked-desktop {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}
}
html.tokki-novel-info-is-open,
html.tokki-novel-info-is-open body { overflow: hidden; }

@media (max-width: 768px) {
	.tokki-dynamic-novel-title { font-size: 30px !important; text-align: left; }
	.tokki-dynamic-novel-cover { width: min(58vw, 230px); margin-right: auto !important; margin-left: auto !important; }
	.tokki-dynamic-novel-synopsis-text.is-collapsed { -webkit-line-clamp: 6; }
	.tokki-novel-info-sheet { top: auto; right: 0; bottom: 0; left: 0; width: 100%; max-height: 84vh; padding: 12px 16px 30px; border-radius: 24px 24px 0 0; opacity: 1; transform: translateY(105%); transition: transform .24s ease; }
	.tokki-novel-info-modal-root.is-open .tokki-novel-info-sheet { transform: translateY(0); }
	.tokki-novel-info-sheet.is-dragging { transition: none; }
	.tokki-novel-info-handle { display: block; cursor: grab; touch-action: none; }
	.tokki-novel-info-sheet h2 {}
	.tokki-novel-info-sheet-content .tkn-novel-info { grid-template-columns: 1fr; }
}


@media (max-width: 768px) {

	.single-novela .tokki-novel-layout {
		width: 100% !important;
		max-width: none !important;

		padding-top: 20px !important;
		padding-right: 12px !important;
		padding-bottom: 38px !important;
		padding-left: 12px !important;
	}

	.single-novela .tokki-novel-layout > .e-con-inner {
		width: 100% !important;
		max-width: none !important;
	}
}