/*
Theme Name: Kadence hijo
Template: kadence
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kedence-hijo
*/

/*suavizar bordes globales en tarjetas */
.home-card {
    border-radius: 24px !important;
    overflow: hidden; /* Para que la imagen no se salga de las curvas */
    transition: transform 0.3s ease;
}

/* Efecto hover sutil */
.home-card:hover {
    transform: translateY(-5px);
}

/* --- Estilos Carta Productos Destacados --- */

/* Clase para el contenedor de cada producto */
.content-bg{
    background: none !important;
}
.home-card {
    background-color: transparent;
    padding: 20px;
    transition: transform 0.4s ease;
}

/* Estilo de la imagen con bordes muy redondeados */
.home-card img {
    border-radius: 32px; /* La clave del diseño: curvatura amplia */
    width: 100%;
    aspect-ratio: 1 / 1; /* Mantiene la imagen cuadrada */
    object-fit: cover;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5); /* Sombra suave para profundidad */
    margin-bottom: 20px; /* Espacio entre imagen y texto */
    transition: transform 0.3s ease;
}

/* Efecto Zoom sutil al pasar el mouse */
.home-card:hover img {
    transform: scale(1.03);
}

/* Título del Producto (ej. Nexus Pro) */
.home-card h3 {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.2;
}
.home-card h3 a:hover{
    color: #FFFFFF !important;
}
/* Subtítulo / Descripción corta (ej. Potencia sin límites) */
.home-card .descripcion {
    color: #9CA3AF; /* Un gris medio para el subtítulo */
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: start;
}

/* Precio */
.home-card .precio {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
}
/* Desactivar el efecto de scroll en el body */
html, body {
    overscroll-behavior-y: none;
}
.footer-widget-area.content-align-center{
    text-align: start !important;
}
ul{
    padding-left: 0 !important;
}

.woocommerce ul.products li.product .entry-content-wrap{
    padding-top: 1.7rem !important;
}
.wc-block-product-filter-chips__items{
    flex-direction: column;
}
@media screen and (min-width: 1025px) {
    .has-left-sidebar .content-container {
        grid-template-columns: 1fr 5fr !important;
    }
}

/* Redondear imágenes de producto en el catálogo */
.product .woocommerce-LoopProduct-link img {
    border-radius: 20px; /* Ajusta este valor según tu gusto */
}

/* Opcional: Efecto suave al pasar el mouse */
.product .woocommerce-LoopProduct-link img {
    transition: transform 0.3s ease;
}
.product:hover .woocommerce-LoopProduct-link img {
    transform: scale(1.02);
}

/* Estilo para categoría activa en Widget de Kadence */
.widget_product_categories li.current-cat > a {
    background-color: #ffffff;
    color: #000000 !important;
    padding: 8px 15px;
    border-radius: 50px; /* Forma de píldora */
    font-weight: bold;
    display: inline-block;
    width: 100%; /* Opcional: para que ocupe todo el ancho */
}

/* Ocultar botón de añadir al carrito en el catálogo */
.archive .product .add_to_cart_button,
.archive .product .wp-block-button, 
.archive .product .price + a {
    display: none !important;
}

/* Centrar el precio y título */
.archive .product .woocommerce-loop-product__title,
.archive .product .price {
    text-align: left; /* O center, según tu gusto */
    margin-bottom: 5px;
}

/* Eliminar animación de desplazamiento hacia arriba en tarjetas de producto */
/* Congelar el movimiento del contenido */
.woocommerce ul.products.woo-archive-action-on-hover li.product:hover .entry-content-wrap, .woocommerce ul.products.woo-archive-action-on-hover li.product:focus-within .entry-content-wrap{
    transform: translateY(0px) !important;
}

/*----DISEÑO DEL SIDEBAR----*/

/* 1. Estilo del Contenedor (La caja gris oscura) */
#secondary .widget {
    background-color: #161616; /* Gris muy oscuro tipo Nexus */
    padding: 25px;
    border-radius: 24px; /* Bordes muy redondeados */
    margin-bottom: 24px;
    border: 1px solid #222; /* Borde sutil */
}

/* 2. Título del Widget ("Categorías") */
#secondary .widget-title {
    color: #666; /* Gris suave */
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 15px;
    font-weight: 500;
}

/* 3. Limpiar la lista */
.wp-block-categories-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 4. Estilo de los enlaces (Las Píldoras) */
.cat-item a {
    display: flex; /* Para alinear iconos si los pones luego */
    align-items: center;
    padding: 12px 20px;
    color: #999 !important; /* Texto gris inactivo */
    text-decoration: none;
    border-radius: 50px; /* Forma de píldora completa */
    margin-bottom: 4px;
    transition: all 0.2s ease;
    font-size: 15px;
}

/* 5. Efecto Hover y Activo (Blanco y Negro) */
.cat-item a:hover,
.cat-item.current-cat > a {
    background-color: #FFFFFF;
    color: #000000 !important;
    font-weight: 600;
    transform: translateX(5px); /* Pequeño movimiento pro */
}

/* Opcional: Ocultar el contador de productos si molesta */
.widget_product_categories span.count {
    display: none; 
}