/* Lienzo K360. Solo se imprime cuando el constructor sustituye al tema. */
body.k360-canvas {
	margin: 0;
	background: #f8fafc;
	color: #0f172a;
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	line-height: 1.6;
}
body.k360-canvas .k360-shell { min-height: 100vh; display: flex; flex-direction: column; }
body.k360-canvas .k360-template { flex: 1; }
body.k360-canvas .k360-template .alignfull { max-width: none; width: 100%; }
body.k360-canvas .k360-inner { box-sizing: border-box; }
body.k360-canvas .k360-inner--full { width: 100%; max-width: none; }
body.k360-canvas .k360-inner--frame { width: min(90%, 100%); max-width: 90%; margin-left: auto; margin-right: auto; }
body.k360-canvas .k360-inner--standard { width: min(1200px, calc(100% - 48px)); max-width: 1200px; margin-left: auto; margin-right: auto; }
body.k360-canvas .k360-inner--pad-none { padding-top: 0; padding-bottom: 0; }
body.k360-canvas .k360-inner--pad-small { padding-top: 24px; padding-bottom: 24px; }
body.k360-canvas .k360-inner--pad-standard { padding-top: 48px; padding-bottom: 48px; }
body.k360-canvas .k360-inner--pad-wide { padding-top: 88px; padding-bottom: 88px; }
body.k360-canvas .k360-inner--empty { min-height: 180px; }
body.k360-canvas .k360-w-full { width: 100% !important; max-width: none !important; }
body.k360-canvas .k360-w-90 { width: 90% !important; max-width: 90% !important; margin-left: auto !important; margin-right: auto !important; }
body.k360-canvas .k360-w-1200 { width: min(1200px, 100%) !important; max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; }
body.k360-canvas .k360-w-960 { width: min(960px, 100%) !important; max-width: 960px !important; margin-left: auto !important; margin-right: auto !important; }
body.k360-canvas .k360-measure { width: var(--k360-w, 100%); max-width: 100%; margin-left: auto; margin-right: auto; }
@media (max-width: 781px) {
	body.k360-canvas .k360-measure { width: var(--k360-wm, 100%) !important; }
}
body.k360-canvas .k360-preview-bar {
	margin: 0;
	padding: 10px 20px;
	background: #f0ca00;
	color: #1c1400;
	font-size: 13px;
	font-weight: 650;
	text-align: center;
}
body.k360-canvas .k360-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 18px 7vw;
	background: #fff;
	border-bottom: 1px solid #e2e8f0;
}
body.k360-canvas .k360-logo {
	color: #0f172a;
	font-weight: 750;
	font-size: 18px;
	letter-spacing: -0.03em;
	text-decoration: none;
}
body.k360-canvas .k360-nav { display: flex; flex-wrap: wrap; gap: 8px 18px; }
body.k360-canvas .k360-nav a {
	color: #334155;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
}
body.k360-canvas .k360-nav a[aria-current="page"] { color: #0f5c56; }
body.k360-canvas .k360-main {
	flex: 1;
	width: min(760px, calc(100% - 12vw));
	margin: 0 auto;
	padding: 56px 0 72px;
}
body.k360-canvas .k360-article h1 {
	margin: 0 0 18px;
	font-size: clamp(32px, 4vw, 46px);
	line-height: 1.12;
	letter-spacing: -0.035em;
}
body.k360-canvas .k360-content { font-size: 17px; color: #1e293b; }
body.k360-canvas .k360-content > *:first-child { margin-top: 0; }
body.k360-canvas .k360-content a { color: #0f5c56; }
body.k360-canvas .k360-foot {
	margin-top: auto;
	padding: 28px 7vw;
	background: #0b1f3a;
	color: #e2e8f0;
	display: flex;
	justify-content: space-between;
	gap: 12px;
	align-items: center;
}
body.k360-canvas .k360-foot p { margin: 0; font-weight: 700; }
body.k360-canvas .k360-foot small { color: #94a3b8; letter-spacing: 0.04em; }
@media (max-width: 720px) {
	body.k360-canvas .k360-top,
	body.k360-canvas .k360-foot { flex-direction: column; align-items: flex-start; padding-left: 20px; padding-right: 20px; }
	body.k360-canvas .k360-main { width: calc(100% - 40px); padding-top: 36px; }
}