/* LLOG Simuladores — todo con prefijo llogsim-.
   El simulador vive dentro de un iframe, así que su CSS nunca toca el tema ni
   al revés; esto solo estiliza el marco. */

.llogsim-wrap{
	--llogsim-z: 999999;               /* mismo escape que --llogc-modal-z en llog-cursos */
	position:relative; margin:0 0 28px; border-radius:12px; overflow:hidden;
	/* Los cuatro colores los inyecta el render como variables, derivados del
	   `bg` que declara CADA simulador en el registro. Los valores de aquí son
	   solo el respaldo si el marco se usa sin ellos. */
	background:var(--llogsim-bg,#0D1112); border:1px solid var(--llogsim-line,#232B2E);
}
/* Marco transparente (bg="transparent"): --llogsim-line también va en
   transparent, así que el borde y el separador de la barra desaparecen solos y
   el simulador queda a ras de la página. */
.llogsim-head{
	display:flex; align-items:center; justify-content:space-between; gap:12px;
	padding:10px 14px; background:var(--llogsim-chrome,#131819);
	border-bottom:1px solid var(--llogsim-line,#232B2E);
}
.llogsim-title{
	font-weight:700; font-size:14px; letter-spacing:.04em; text-transform:uppercase;
	color:var(--llogsim-ink,#D7E0E3); line-height:1.2;
}
.llogsim-full{
	background:transparent; color:var(--llogsim-ink,#8DA0A6); opacity:.72;
	border:1px solid var(--llogsim-line,#3A4448); border-radius:6px;
	padding:5px 10px; font-size:12px; cursor:pointer; line-height:1;
}
.llogsim-full:hover{ opacity:1; border-color:var(--llogsim-ink,#EAF1EE); }

.llogsim-frame{
	display:block; width:100%; border:0; background:var(--llogsim-bg,#0D1112);
	min-height:420px; transition:height .18s ease;
}

/* Pantalla completa: el iframe ocupa todo el alto disponible. */
.llogsim-wrap:fullscreen{ border-radius:0; border:0; z-index:var(--llogsim-z); }
.llogsim-wrap:fullscreen .llogsim-frame{ height:calc(100vh - 48px) !important; }

.llogsim-notice{
	padding:14px 16px; border-radius:10px; font-size:14px; line-height:1.5;
	background:#20160A; color:#F2C879; border:1px solid #6A4E18; margin:0 0 24px;
}
.llogsim-notice.llogsim-lock{ background:#12181A; color:#9FB0B6; border-color:#2C3639; }

@media (max-width:782px){
	.llogsim-frame{ min-height:520px; }
}