.spagora-videos{width:100%;box-sizing:border-box;margin:24px 0;font-family:inherit}.spagora-videos *{box-sizing:border-box}.spagora-videos__header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:3px solid #b40000;padding:0 0 10px;margin-bottom:16px}.spagora-videos__header h2{margin:0;font-size:24px;line-height:1.15;font-weight:800;color:#17191c}.spagora-videos__header h2 span{color:#d20b17;font-size:16px;vertical-align:2px}.spagora-videos__header a{font-weight:800;text-transform:uppercase;font-size:12px;color:#b40000;text-decoration:none;white-space:nowrap}.spagora-videos__grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:22px}.spagora-videos h3{margin:9px 0 0;color:#17191c;font-size:20px;line-height:1.2;font-weight:800}.spagora-videos__list{display:grid;gap:14px}.spagora-videos__item{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;align-items:start;border-bottom:1px solid #e5e5e5;padding-bottom:14px}.spagora-videos__item h3{font-size:15px;margin:0}.spagora-video-play{position:relative;display:block;width:100%;padding:0;border:0;background:#111;cursor:pointer;overflow:hidden;aspect-ratio:16/9}.spagora-video-play img,.spagora-video-play iframe{display:block;width:100%;height:100%;object-fit:cover;border:0}.spagora-video-play__icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:46px;border-radius:10px;background:#d00000;color:#fff;font-size:23px;padding-left:3px;box-shadow:0 2px 12px rgba(0,0,0,.25)}.spagora-video-play--small .spagora-video-play__icon{width:42px;height:31px;font-size:15px;border-radius:7px}.spagora-video-error{padding:14px;border:1px solid #e0b4b4;background:#fff8f8;color:#7a1b1b}@media(max-width:767px){.spagora-videos__header h2{font-size:20px}.spagora-videos__grid{grid-template-columns:1fr}.spagora-videos__item{grid-template-columns:120px minmax(0,1fr)}.spagora-videos h3{font-size:18px}.spagora-videos__item h3{font-size:14px}}
/* Módulo lateral — v1.3.0 */
.spagora-video-lateral{
	width:100%;
	max-width:100%;
	margin:0 0 24px;
	background:#fff;
	border:1px solid #e4e4e4;
	box-sizing:border-box;
	overflow:hidden;
	font-family:inherit;
}
.spagora-video-lateral *{box-sizing:border-box}
.spagora-video-lateral__header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:11px 13px;
	background:#c90000;
	color:#fff;
	border-bottom:1px solid #a90000;
}
.spagora-video-lateral__brand{
	font-size:15px;
	line-height:1.1;
	font-weight:800;
}
.spagora-video-lateral__live{
	font-size:10px;
	line-height:1;
	font-weight:800;
	letter-spacing:.06em;
	text-transform:uppercase;
}
.spagora-video-lateral__media{
	width:100%;
	background:#111;
}
.spagora-video-lateral__media .spagora-video-play{
	margin:0;
	border-radius:0;
}
.spagora-video-lateral__media iframe{
	display:block;
	width:100%;
	aspect-ratio:16/9;
	border:0;
}
.spagora-video-lateral__title{
	margin:0;
	padding:12px 13px 8px;
	font-size:17px;
	line-height:1.25;
	font-weight:800;
	color:#17191c;
}
.spagora-video-lateral__more{
	display:block;
	padding:5px 13px 13px;
	color:#b40000;
	font-size:11px;
	font-weight:800;
	text-transform:uppercase;
	text-decoration:none;
}
.spagora-video-lateral__more:hover{text-decoration:underline}
@media(max-width:767px){
	.spagora-video-lateral__title{font-size:16px}
}


/* Ajuste de presença visual do módulo lateral — v1.3.2.
 * O bloco ocupa toda a largura disponibilizada pela coluna do PostX.
 * A largura efetiva máxima é controlada pelo layout/coluna do construtor.
 */
.spagora-video-lateral{
	width:100%;
	max-width:none;
}
.spagora-video-lateral__header{
	padding:13px 15px;
}
.spagora-video-lateral__brand{
	font-size:16px;
}
.spagora-video-lateral__media,
.spagora-video-lateral__media .spagora-video-play{
	width:100%;
	aspect-ratio:16/9;
}
.spagora-video-lateral__title{
	padding:13px 15px 9px;
	font-size:18px;
	line-height:1.28;
}
.spagora-video-lateral__more{
	padding:6px 15px 15px;
	font-size:12px;
}
@media (max-width:767px){
	.spagora-video-lateral__title{font-size:17px}
}

/* Acabamento do card lateral — v1.3.3 */
.spagora-video-lateral{
	border-radius:8px;
	overflow:hidden;
}
.spagora-video-lateral__header{
	border-radius:8px 8px 0 0;
}