/* Reescritura moderna de portada: rejilla y slideshow sin plugins jQuery.
   Mantiene el aspecto original del tema moonlight. */

/* ---------- Slideshow: quitar spinner, crossfade limpio ---------- */
.slideshow-wrapper.preloader { background-image: none !important; }
.slideshow-wrapper .loader,
.slideshow-wrapper .preloader-icon,
.slideshow-wrapper:before { display: none !important; }

.wrapper-slideshow.img { position: relative; }
.wrapper-slideshow.img > div {
	position: absolute; top: 0; left: 0; width: 100%;
	opacity: 0; transition: opacity 1s ease; pointer-events: none;
}
.wrapper-slideshow.img > div.mjlg-active {
	position: relative; opacity: 1; pointer-events: auto;
}
.wrapper-slideshow.img img { width: 100%; height: auto; display: block; }

/* puntos de navegación del slideshow */
.mjlg-dots { text-align: center; margin: 14px 0 0; }
.mjlg-dots button {
	width: 9px; height: 9px; border-radius: 50%; border: 0; margin: 0 4px;
	background: #cfd6dd; cursor: pointer; padding: 0;
}
.mjlg-dots button.mjlg-active { background: #6486ad; }

/* ---------- Rejilla de últimas publicaciones (anula jCarousel) ---------- */
.jcarousel-clip, .jcarousel-container, .jcarousel-wrapper {
	overflow: visible !important; height: auto !important; width: auto !important;
}
ul.carousel-home-posts {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
	width: auto !important; left: 0 !important;
	list-style: none; margin: 0; padding: 0; float: none !important;
}
/* el clearfix añade ::before/::after que en grid ocupan celdas: anularlos */
ul.carousel-home-posts::before,
ul.carousel-home-posts::after { content: none !important; display: none !important; }
ul.carousel-home-posts li {
	width: auto !important; float: none !important; left: auto !important;
	margin: 0 !important; position: relative !important; display: block !important;
}
/* dentro de cada tarjeta: TODO a una columna, ancho completo, alineado izquierda */
.blog-posts-small .grid-3 h4,
.blog-posts-small .grid-3 h4.left {
	float: none !important; width: auto !important; clear: both;
	margin: 12px 0 0 !important; text-align: left;
}
.blog-posts-small .blog-posts-text {
	float: none !important; width: 100% !important; clear: both;
	display: block; margin: 6px 0 0 !important; padding: 0 !important;
	font-size: 12.5px; line-height: 1.5; text-align: left;
}
.blog-posts-small .blog-posts-text .text-3,
.blog-posts-small .blog-posts-text .text-2 {
	float: none !important; display: block; margin: 0 !important; text-align: left;
}
.blog-posts-small .grid-3 figure {
	display: block; width: 100%; height: 200px; margin: 0 0 14px;
	overflow: hidden; border-radius: 2px;
	background: linear-gradient(135deg, #eef3f7, #dbe6ef);
}
/* Artículo sin imagen: marcador con el monograma, se ve intencionado */
.blog-posts-small .grid-3 figure:empty {
	background: #eef3f7 url(/wp-content/uploads/2013/09/iniciales_inferior.png) center/64px auto no-repeat;
	opacity: .85;
}
.blog-posts-small .grid-3 figure img {
	width: 100% !important; height: 100% !important; object-fit: cover;
	max-width: none; transition: transform .4s ease;
}
.blog-posts-small .grid-3:hover figure img { transform: scale(1.05); }
.blog-posts-small .grid-3 .mask { display: none; }
.blog-posts-small .grid-3 h4 { margin: 0 0 6px; font-size: 17px; line-height: 1.3; }

/* ocultar la barra de navegación del carrusel (flechas/separador) */
nav.separator[data-carousel] { display: none !important; }

/* ---------- Cajas de servicios (col gu4) en rejilla limpia ---------- */
.mjlg-services {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px 40px;
	margin: 20px 0 10px;
	clear: both;
}
.mjlg-services .col.gu4 {
	float: none !important; width: auto !important; left: auto !important;
	padding: 0 !important; margin: 0 !important; position: relative;
}
.mjlg-services .service-list { padding: 4px 0 0 48px; min-height: 40px; }
.mjlg-services .service-list h4 { margin: 0 0 6px; font-size: 17px; }
.mjlg-services .service-list i {
	background: #6486ad; color: #fff; width: 34px; height: 34px;
	border-radius: 50%; display: flex; align-items: center; justify-content: center;
	padding: 0; font-size: 16px;
}
.mjlg-services img { max-width: 100%; height: auto; margin: 0 0 10px; }

@media (max-width: 860px) { .mjlg-services { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .mjlg-services { grid-template-columns: 1fr; } }

@media (max-width: 860px) {
	ul.carousel-home-posts { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
	ul.carousel-home-posts { grid-template-columns: 1fr; }
}

/* ---------- Contraste del pie ---------- */
.site-footer, footer { }
footer .widget li,
footer .widget li a,
footer .widget_recent_entries li,
footer .widget_recent_entries li a,
footer .textwidget,
footer .textwidget a,
footer p { color: #e9edf1 !important; }
footer .widget-title,
footer h4 { color: #ffffff !important; }
footer .widget li { border-color: rgba(255,255,255,.14) !important; }
footer a:hover { color: #ffffff !important; }