/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 23 2025 | 17:57:01 */
/* =================================================================== */
/* ==      CSS MEGA MENÚ V.10 - REFINAMIENTO VISUAL DE BLOQUES      == */
/* =================================================================== */

/* --- 1. Panel Principal del Menú --- */
#mega-menu-wrap-primary > ul.mega-sub-menu {
    max-width: 1100px !important;
    width: 95% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-top: 3px solid #f9b233 !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
    padding: 25px !important;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
}

/* --- 2. Lista de Productos --- */
/* Oculta las estrellas de valoración */
#mega-menu-wrap-primary ul.product_list_widget li .star-rating {
    display: none !important;
}

/* --- 3. Estilos para los Bloques de Categoría (MODIFICADO) --- */
.bloque-categoria-completo { 
    margin-bottom: 20px; 
}

.bloque-categoria-visual {
    display: block;
    text-decoration: none;
    margin-bottom: 10px;
    border-radius: 4px;
    overflow: hidden;
}

/* --- CAMBIO 1: Reducción de la imagen --- */
.bloque-categoria-visual img {
    width: 95%; /* La imagen ahora ocupa el 95% del espacio */
    height: auto;
    display: block;
    transition: transform .3s ease;
    margin: 0 auto; /* Se centra la imagen horizontalmente */
}

/* --- CAMBIOS 2 y 3: Título más grande, separado y atractivo --- */
.bloque-categoria-visual span, 
.bloque-categoria-visual h4 { /* Aplica a span o h4 si lo cambiaste */
    display: block;
    text-align: center; /* Centramos el título para que coincida con la imagen */
    font-size: 18px !important; /* Más grande */
    font-weight: 700 !important; /* Más grueso */
    color: #333;
    padding-top: 15px !important; /* Más separación de la imagen */
    letter-spacing: 0.5px; /* Aspecto más refinado */
    transition: color .3s ease;
}

/* Efectos hover (sin cambios) */
.bloque-categoria-visual:hover img {
    transform: scale(1.05);
}

.bloque-categoria-visual:hover span,
.bloque-categoria-visual:hover h4 {
    color: #f9b233;
}

/* Subcategorías (sin cambios) */
.bloque-categoria-completo .lista-subcategorias ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center; /* Centramos también las subcategorías */
}

.bloque-categoria-completo .lista-subcategorias ul li a {
    display: block;
    padding: 4px 0;
    font-size: 14px;
    color: #555;
    text-decoration: none;
    transition: all .2s ease;
}

.bloque-categoria-completo .lista-subcategorias ul li a:hover {
    color: #f9b233;
}

.bloque-categoria-completo .lista-subcategorias ul li.ver-todo a {
    font-weight: 600;
    color: #111;
}

.bloque-categoria-completo .lista-subcategorias ul li.ver-todo a:hover {
    color: #f9b233;