Predefinição:Infobox Instância/styles.css

/* =========================================================
   SPLIXMMO WIKI
   INFOBOX — INSTÂNCIA
   ========================================================= */

.splix-infobox-instancia {
	float: right;

	width: 320px;

	margin: 0 0 24px 32px;

	background: #ffffff;

	border: 1px solid #d8e9f2;

	border-radius: 18px;

	overflow: hidden;

	box-shadow:
		0 10px 30px rgba(55, 119, 163, 0.11);

	color: #29445f;
}


/* =========================================================
   LIMPEZA DO PARSER
   ========================================================= */

.splix-infobox-instancia p {
	margin: 0 !important;
	padding: 0 !important;
}

.splix-infobox-instancia br {
	display: none;
}


/* =========================================================
   CABEÇALHO
   ========================================================= */

.splix-infobox-instancia .splix-infobox-header {
	padding: 16px 18px 15px;

	text-align: center;

	background:
		linear-gradient(
			135deg,
			#37b5f6 0%,
			#55cfe8 48%,
			#8beab7 100%
		);
}

.splix-infobox-instancia .splix-infobox-title {
	color: #ffffff;

	font-size: 20px;

	font-weight: 800;

	line-height: 1.2;

	text-shadow:
		0 1px 2px rgba(35, 88, 122, 0.16);
}

.splix-infobox-instancia .splix-infobox-subtitle {
	margin-top: 4px;

	color: rgba(255, 255, 255, 0.92);

	font-size: 10px;

	font-weight: 800;

	letter-spacing: 0.12em;

	text-transform: uppercase;
}


/* =========================================================
   IMAGEM
   ========================================================= */

.splix-infobox-instancia .splix-infobox-image {
	display: flex;

	align-items: center;

	justify-content: center;

	padding: 20px;

	background:
		linear-gradient(
			180deg,
			#f4fbff,
			#ffffff
		);

	border-bottom:
		1px solid #e1edf4;
}

.splix-infobox-instancia .splix-infobox-image img {
	display: block;

	max-width: 220px;

	max-height: 170px;

	width: auto;

	height: auto;

	object-fit: contain;

	border-radius: 10px;
}


/* =========================================================
   CORPO
   ========================================================= */

.splix-infobox-instancia .splix-infobox-body {
	display: block;

	background: #ffffff;
}


/* =========================================================
   LINHAS
   ========================================================= */

.splix-infobox-instancia .splix-infobox-row {
	display: grid;

	grid-template-columns:
		112px minmax(0, 1fr);

	min-height: 38px;

	border-bottom:
		1px solid #e4eef4;
}

.splix-infobox-instancia .splix-infobox-label {
	display: flex;

	align-items: center;

	padding: 8px 11px;

	background: #eef8fc;

	color: #426d88;

	font-size: 12px;

	font-weight: 800;

	line-height: 1.3;
}

.splix-infobox-instancia .splix-infobox-value {
	display: flex;

	align-items: center;

	padding: 8px 12px;

	background: #ffffff;

	color: #36566e;

	font-size: 12.5px;

	line-height: 1.4;

	overflow-wrap: anywhere;
}

.splix-infobox-instancia .splix-infobox-value a {
	color: #259ee8;

	font-weight: 700;

	text-decoration: none;
}


/* =========================================================
   SEÇÕES
   ========================================================= */

.splix-infobox-instancia .splix-infobox-section {
	border-top:
		1px solid #e1edf4;
}

.splix-infobox-instancia .splix-infobox-section-title {
	padding: 8px 12px;

	background:
		linear-gradient(
			90deg,
			#eaf8ff,
			#effcf5
		);

	color: #367897;

	font-size: 11px;

	font-weight: 900;

	letter-spacing: 0.09em;

	text-transform: uppercase;
}

.splix-infobox-instancia .splix-infobox-section-content {
	padding: 11px 14px;

	background: #ffffff;

	color: #466177;

	font-size: 12.5px;

	line-height: 1.55;
}

.splix-infobox-instancia .splix-infobox-section-content ul {
	margin: 0;

	padding-left: 18px;
}

.splix-infobox-instancia .splix-infobox-section-content li {
	margin: 3px 0;
}


/* =========================================================
   DESCRIÇÃO
   ========================================================= */

.splix-infobox-instancia .splix-infobox-description {
	padding: 14px 16px;

	background:
		linear-gradient(
			135deg,
			#f4fbff,
			#f5fff9
		);

	color: #587187;

	font-size: 12.5px;

	line-height: 1.55;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 720px) {

	.splix-infobox-instancia {
		float: none;

		width: 100%;

		margin: 0 0 24px 0;
	}

	.splix-infobox-instancia .splix-infobox-row {
		grid-template-columns:
			108px minmax(0, 1fr);
	}

}