@font-face {
    font-family: 'Swis721_Light';
    font-style: normal;
    font-weight: normal;
    src: local('Swis721 LtEx BT W03 Light'), url('/media/fonts/Swis721 LtEx BT W03 Light/0dd66765d92de2afd4cb56c928db1d08.woff2') format('woff');
    }

html, body {
			height: 100%;
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			font-family: 'Swis721_Light', Arial, sans-serif;
		}

		body {
			display: flex;
			flex-direction: column;
			height: 100vh;
			width: 100vw;
		}

		header {
			flex: 0 0 auto;
			background-color: #fff;
			padding: 1rem;
			box-shadow: 0 2px 4px rgba(0,0,0,0.1);
			text-align: center;
		}

		main {
			flex: 1;
			width: 100%;
			overflow: hidden;
			display: flex;
			flex-direction: column;
		}

		iframe {
			width: 100%;
			height: 100%;
			border: none;
		}

		footer {
			flex: 0 0 auto;
			width: 100%;
			box-sizing: border-box;
			background: #fff;
			border-top: 1px solid #eee;
			padding: 0;
			text-align: center;
		}

		/* Ajustes visuales internos */
		aside ul li {
			margin-bottom: 8px;
		}

		aside ul li a {
			text-decoration: none;
			color: #0077cc;
		}

		aside ul li a:hover {
			text-decoration: underline;
		}

		/* Ajustes para las columnas */
		.twocols {
			display: flex;
			flex: 1;
			overflow: hidden;
			width: 100%;
		}

		.twocols > section:first-child {
			flex: 1;
			max-width: 30%;
			background-color: #f7f7f7;
			padding: 15px;
			overflow-y: auto;
			box-shadow: inset -1px 0 0 #ddd;
		}

		.twocols > section:last-child {
			flex: 2;
			max-width: 70%;
			background-color: #fff;
			padding: 0;
			display: flex;
			flex-direction: column;
		}

		@media (max-width: 900px) {
			.twocols {
				flex-direction: column;
			}
			.twocols > section:first-child,
			.twocols > section:last-child {
				max-width: 100%;
			}
		}
		.right-panel {
	display: flex;
	flex: 1;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	padding: 0;
}

.right-panel iframe {
	flex: 1;
	width: 100%;
	height: 100%;
	border: none;
}