/* Esto pone el fondo del pie de página en blanco */
#footer, .footer-container, #block_newsletter, .block_newsletter {
    background-color: #ffffff !important;
}

/* Esto pone las letras en negro para que puedas leerlas */
#footer, #footer a, #footer .h3, #footer h4, #footer p, .block_newsletter p {
    color: #000000 !important;
}
/* Centrar el buscador y darle bordes redondeados */
#search_widget form {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #ddd;
}

/* Darle un poco de aire al menú superior */
.header-nav {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0;
}

/* Cambiar el color del carrito para que resalte */
.blockcart {
    background: #f9f9f9;
    border-radius: 5px;
}
/* 1. Ocultar el bloque de texto de contacto en la cabecera */
.header-nav .left-nav, 
#_desktop_contact_link, 
.contact-link {
    display: none !important;
}

/* 2. Centrar y dar espacio a los elementos restantes */
.header-nav .right-nav {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
}

/* 3. Asegurar que el fondo del footer sea blanco (por si acaso) */
#footer, .footer-container, #block_newsletter {
    background-color: #ffffff !important;
    color: #333333 !important;
}
/* Centrar el buscador bajo el logo para que sea más fácil de usar */
#_desktop_search_widget {
    margin: 15px auto !important;
    max-width: 500px;
    float: none !important;
}

/* Darle un borde sutil al buscador */
#search_widget form input[type="text"] {
    border: 1px solid #e5e5e5 !important;
    border-radius: 25px !important;
}
/* Ocultar el texto automático que se pone encima del slider */
.caption-description, .homeslider-caption, .homeslider-description {
    display: none !important;
}
/* Elimina cualquier texto, título o descripción que el sistema ponga sobre las imágenes del slider */
.caption, .homeslider-caption, .caption-description, .banner-description, .slider-caption {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
/* Ocultar el texto automático en todas las pantallas (PC y Móvil) */
.homeslider-description, 
.caption-description, 
.slider-caption, 
#homepage-slider .homeslider-description,
.nivo-caption {
    display: none !important;
    visibility: hidden !important;
}

/* Ajustar el tamaño del banner en móvil para que no se vea tan pequeño */
@media (max-width: 767px) {
    #homepage-slider {
        margin-bottom: 20px;
    }
}
/* FORZADO TOTAL 2 COLUMNAS MÓVIL */
@media (max-width: 575px) {
    /* Atacamos directamente las clases de Bootstrap que suelen bloquear el ancho */
    .products .product-miniature, 
    .featured-products .product-miniature,
    article.product-miniature,
    .col-xs-12.col-sm-6.col-md-4.col-lg-3 {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        float: left !important;
        display: inline-block !important;
    }

    /* Ajuste de márgenes para que no se peguen al borde de la pantalla */
    .products.row {
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
/* Ocultar los cuadros de imagen en las subcategorías */
.subcategories ul li .subcategory-image, 
#subcategories .subcategory-image,
.subcategory-image {
    display: none !important;
}

/* Ajustar el nombre para que se vea mejor sin la imagen */
.subcategories ul li .subcategory-name,
#subcategories .subcategory-name {
    text-align: center !important;
    display: block !important;
    margin-top: 10px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}
/* ARREGLO PARA FONDO MARCA DE AGUA */
body {
    background: linear-gradient(...) ... !important;
    background-repeat: repeat !important;
    background-size: 400px auto !important;
    background-attachment: fixed !important;
}
/* RESALTAR ICONOS DE REDES SOCIALES */
.footer-social-connect {
    display: block !important;
    margin-bottom: 20px;
}

.footer-social-connect ul li {
    display: inline-block !important;
    margin-right: 15px !important;
}

.footer-social-connect ul li a {
    font-size: 24px !important; /* Iconos más grandes */
    color: #E1306C !important; /* Color representativo de Instagram */
    transition: transform 0.3s ease;
}

.footer-social-connect ul li a:hover {
    transform: scale(1.2); /* Efecto de agrandado al pasar el ratón */
    color: #000 !important;
}