.mg-latest-news,
.mg-latest-news * {
    background-color: #1e0030 !important;
}


/* OCULTAR TODA LA FILA DE 3 CUADROS DEBAJO DEL CARRUSEL */
.row.mt-3 {
    display: none !important;
}

/*cambiar el tamaño del carrusel*/
.homemain, 
.homemain .swiper-container, 
.homemain .swiper-slide .mg-blog-post-3 {
    height: 650px !important;
/* Ajusta el tamaño que quieras */
}

/* FORZAR 2 COLUMNAS */
.row {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* HACER QUE CADA CUADRO OCUPE 50% */
.row .col-md-4,
.row .col-sm-4 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

/*HACER MAS GRANDE EL TEXTO DE LA MARQUESINA*/
.js-marquee a span {
    font-size: 25px;  /* Cambia a tu gusto: 16px, 20px, etc */
    font-weight: 600; /* Lo hace un poco más grueso */
    color: #ffffff;   /* Si quieres otro color cámbialo */
}




/* Cambia el color del texto al pasar el mouse */
.mg-blog-post-box a:hover,
.mg-blog-post-box h4.title a:hover,
.mg-post-meta a:hover,
.mg-post-title a:hover {
    color: #1e0039 !important; /* Negro */
}

/* Cambiar color de hover EN EL CARRUSEL PRINCIPAL */
.mg-slider-wrapper a:hover,
.mg-featured-slider a:hover,
.mg-slide-content a:hover,
.mg-slider-slide a:hover,
.mg-slider-caption a:hover,
.mg-post-title a:hover {
    color: #000000 !important;
}

/* Cambiar color en hover SOLO dentro del slider Swiper */
.swiper-slide a:hover {
    color: #000000 !important;
}

/* Si el título dentro del slide tiene una clase específica */
.swiper-slide .post-title a:hover,
.swiper-slide .mg-post-title a:hover,
.swiper-slide .mg-slide-title a:hover,
.swiper-slide .mg-slide-content a:hover {
    color: #000000 !important;
}



/* Ocultar el #grid solo en la página de inicio */
.home #grid {
    display: none !important;
}

/* Quitar breadcrumb en página de inicio + eliminar cualquier espacio sobrante */
.home .mg-breadcrumb-section {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cambiar color del texto del slider al pasar el mouse */
#n2-ss-4 .n2-ss-item-content:hover,
#n2-ss-4 .n2-ow:hover,
#n2-ss-4 .n2-ss-layer:hover {
    color: #3cbbe4 !important;
    transition: color 0.3s ease;
    cursor: pointer;
}

/* Efecto pequeño de zoom en carrusel*/
#n2-ss-4 .n2-ss-layer:hover {
    transform: scale(1.03);
}

/* Reducir tamaño de los títulos del WP Show Posts */
.wp-show-posts .wp-show-posts-entry-title {
    font-size: 16px !important; /* Ajusta a tu gusto */
    line-height: 1.2em;
}

/* Reducir margen entre posts */
.wp-show-posts .wp-show-posts-entry-title {
    margin-bottom: 6px !important;
}


/* Ocultar el menú info-right */
ul.info-right {
    display: none !important;
}