/* Contenido Bootstrap heredado sobre fondo del portal (blog, legales, calendario anual, búsqueda, 404) */
.cl-main.cl-blog-surface .breadcrumb,
.cl-main.cl-portal-page .breadcrumb {
	background: rgba(255, 255, 255, 0.04);
	border-radius: 0.5rem;
	padding: 0.65rem 1rem;
}

.cl-main.cl-blog-surface .breadcrumb-item,
.cl-main.cl-blog-surface .breadcrumb-item a,
.cl-main.cl-portal-page .breadcrumb-item,
.cl-main.cl-portal-page .breadcrumb-item a {
	color: var(--cl-muted);
}

.cl-main.cl-blog-surface .breadcrumb-item a:hover,
.cl-main.cl-portal-page .breadcrumb-item a:hover {
	color: var(--cl-accent);
}

.cl-main.cl-blog-surface .breadcrumb-item.active,
.cl-main.cl-portal-page .breadcrumb-item.active {
	color: var(--cl-text);
}

.cl-main.cl-blog-surface article.bg-white,
.cl-main.cl-blog-surface .card,
.cl-main.cl-portal-page article.bg-white,
.cl-main.cl-portal-page .card {
	background: var(--cl-bg-card) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	color: var(--cl-text);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35) !important;
}

.cl-main.cl-blog-surface .card-footer,
.cl-main.cl-portal-page .card-footer {
	border-color: rgba(255, 255, 255, 0.08) !important;
}

.cl-main.cl-blog-surface .card-title a,
.cl-main.cl-blog-surface .article-content a,
.cl-main.cl-portal-page .card-title a,
.cl-main.cl-portal-page .article-content a {
	color: var(--cl-accent);
}

.cl-main.cl-blog-surface .card-title a:hover,
.cl-main.cl-portal-page .card-title a:hover {
	color: #a8b8ff;
}

.cl-main.cl-blog-surface .card-text,
.cl-main.cl-blog-surface .text-muted,
.cl-main.cl-blog-surface figcaption,
.cl-main.cl-portal-page .card-text,
.cl-main.cl-portal-page .text-muted,
.cl-main.cl-portal-page figcaption {
	color: var(--cl-muted) !important;
}

.cl-main.cl-blog-surface .article-content,
.cl-main.cl-portal-page .article-content {
	color: var(--cl-text);
}

.cl-main.cl-blog-surface .article-content img,
.cl-main.cl-portal-page .article-content img {
	border-radius: 0.5rem;
}

.cl-main.cl-blog-surface .badge.bg-primary,
.cl-main.cl-portal-page .badge.bg-primary {
	background: linear-gradient(135deg, #5a6fd8, #8b5cf6) !important;
}

.cl-main.cl-blog-surface .badge.bg-light,
.cl-main.cl-portal-page .badge.bg-light {
	background: rgba(255, 255, 255, 0.1) !important;
	color: var(--cl-text) !important;
	border: 1px solid rgba(255, 255, 255, 0.12);
}

.cl-main.cl-blog-surface .btn-primary,
.cl-main.cl-portal-page .btn-primary {
	background: linear-gradient(135deg, #5a6fd8, #8b5cf6);
	border: none;
}

.cl-main.cl-blog-surface .btn-outline-primary,
.cl-main.cl-portal-page .btn-outline-primary {
	color: var(--cl-accent);
	border-color: rgba(124, 156, 255, 0.45);
}

.cl-main.cl-blog-surface .btn-outline-primary:hover,
.cl-main.cl-portal-page .btn-outline-primary:hover {
	background: rgba(124, 156, 255, 0.15);
	color: #fff;
	border-color: var(--cl-accent);
}

.cl-main.cl-blog-surface .btn-info,
.cl-main.cl-portal-page .btn-info {
	background: rgba(56, 189, 248, 0.25) !important;
	border-color: rgba(56, 189, 248, 0.4);
	color: #e0f2fe !important;
}

.cl-main.cl-blog-surface .btn-secondary,
.cl-main.cl-portal-page .btn-secondary {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.2);
	color: var(--cl-text);
}

.cl-main.cl-blog-surface .page-link,
.cl-main.cl-portal-page .page-link {
	background: var(--cl-bg-card);
	border-color: rgba(255, 255, 255, 0.12);
	color: var(--cl-accent);
}

.cl-main.cl-blog-surface .page-item.active .page-link,
.cl-main.cl-portal-page .page-item.active .page-link {
	background: linear-gradient(135deg, #5a6fd8, #8b5cf6);
	border-color: transparent;
	color: #fff;
}

.cl-main.cl-blog-surface .page-link:hover,
.cl-main.cl-portal-page .page-link:hover {
	background: rgba(124, 156, 255, 0.15);
	color: #fff;
}

.cl-main.cl-blog-surface .bg-light,
.cl-main.cl-portal-page .bg-light {
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.06);
	color: var(--cl-text);
}

.cl-main.cl-blog-surface .related-tags .btn-outline-secondary,
.cl-main.cl-portal-page .related-tags .btn-outline-secondary {
	color: var(--cl-muted);
	border-color: rgba(255, 255, 255, 0.2);
}

.cl-main.cl-blog-surface .related-tags .btn-outline-secondary:hover,
.cl-main.cl-portal-page .related-tags .btn-outline-secondary:hover {
	background: rgba(255, 255, 255, 0.08);
	color: var(--cl-text);
}

.cl-main.cl-blog-surface .display-4,
.cl-main.cl-blog-surface .display-5,
.cl-main.cl-blog-surface h1,
.cl-main.cl-blog-surface h2.text-center,
.cl-main.cl-portal-page .display-4,
.cl-main.cl-portal-page .display-5,
.cl-main.cl-portal-page h1,
.cl-main.cl-portal-page h2.text-center {
	color: #fff;
}

.cl-main.cl-blog-surface .lead,
.cl-main.cl-portal-page .lead {
	color: var(--cl-muted);
}

.cl-main.cl-blog-surface .ratio,
.cl-main.cl-portal-page .ratio {
	border-radius: 0.5rem;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Páginas legales y texto largo */
.cl-main.cl-portal-page .content,
.cl-main.cl-portal-page .content p,
.cl-main.cl-portal-page .content li {
	color: var(--cl-text);
}

.cl-main.cl-portal-page .content a {
	color: var(--cl-accent);
}

.cl-main.cl-portal-page .content h2 {
	color: #fff;
	margin-top: 1.5rem;
}

/* Calendario anual (vista legacy) */
.cl-main.cl-portal-page .calendar .titulo_mes {
	background: linear-gradient(135deg, #2a4a7a, #1e3a5f) !important;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.cl-main.cl-portal-page div.calendar ul:first-of-type {
	color: var(--cl-muted) !important;
}

.cl-main.cl-portal-page .calendar ul li {
	color: var(--cl-text);
}

/* Búsqueda / 404 */
.cl-main.cl-portal-page .marketing,
.cl-main.cl-portal-page .post-body {
	color: var(--cl-text) !important;
}

.cl-main.cl-portal-page .post-title a,
.cl-main.cl-portal-page .post-title.entry-title a {
	color: #fff !important;
}

.cl-main.cl-portal-page h3 {
	color: var(--cl-text);
}