/* Sprint 2.7.79: el visor conserva su estructura moderna con la paleta clara de Classicspark. */
.cs278-media-modal .modal-content {
	border-color: #eadfe2 !important;
	background: #fffaf9 !important;
	box-shadow: 0 28px 90px rgba(80, 47, 57, .2) !important;
}

.cs278-media-modal .cs-ui-media-modal__header {
	border-bottom-color: #eadfe2 !important;
	background: linear-gradient(120deg, #fff 0%, #fff8f9 58%, #fceef2 100%) !important;
}

.cs278-media-heading > span {
	color: #c90036;
}

.cs278-media-heading h1 {
	color: #282231 !important;
}

.cs278-media-heading p {
	color: #81757b;
}

.cs278-media-heading p img {
	border-color: #eadde1;
	box-shadow: 0 3px 10px rgba(55, 38, 44, .1);
}

.cs278-media-heading p strong {
	color: #3a3036;
}

.cs278-media-modal #modal-media-close {
	border-color: #ead8dd !important;
	background: #fff !important;
	box-shadow: 0 5px 14px rgba(74, 45, 54, .08);
}

.cs278-media-modal #modal-media-close svg,
.cs278-media-modal #modal-media-close path {
	fill: #6c6066 !important;
}

.cs278-media-modal #modal-media-close:hover {
	border-color: #c90036 !important;
	background: #c90036 !important;
}

.cs278-media-modal #modal-media-close:hover svg,
.cs278-media-modal #modal-media-close:hover path {
	fill: #fff !important;
}

.cs278-media-modal .cs-ui-media-modal__body {
	background: #fffaf9;
}

.cs278-media-modal .cs278-media-primary {
	background:
		radial-gradient(circle at 50% 42%, rgba(255, 255, 255, .98), rgba(255, 255, 255, .2) 44%, transparent 68%),
		linear-gradient(145deg, #f8f3f1 0%, #fffaf9 52%, #f9eef1 100%);
}

.cs278-media-modal .mediaImg {
	border: 1px solid rgba(143, 105, 116, .15);
	box-shadow: 0 22px 60px rgba(91, 61, 70, .18);
}

.cs278-media-modal .cs278-media-actions {
	border-top-color: #eadfe2;
	background: rgba(255, 250, 249, .93);
}

.cs278-media-action,
.cs278-media-action > a {
	border-color: #eadde1;
	background: #fff;
	color: #51464c !important;
	box-shadow: 0 4px 12px rgba(70, 46, 53, .05);
}

.cs278-media-action i {
	color: #c90036 !important;
}

.cs278-media-action:hover {
	border-color: rgba(201, 0, 54, .42);
	background: #fff3f6;
	color: #b30030 !important;
}

.cs278-media-action.is-danger:hover {
	border-color: #e9b7bc;
	background: #fff0f1;
	color: #a72f39 !important;
}

.cs278-media-modal .live-chat {
	border-left-color: #eadfe2 !important;
	background: #fff !important;
}

@media (max-width: 991px) {
	.cs278-media-modal .live-chat {
		border-top-color: #eadfe2 !important;
	}
}