/*
Theme Name: Best Shop Child
Theme URI: https://tiendalibelula.sytes.net
Template: Libelula
Author: gradientthemes
Author URI: https://tiendalibelula.sytes.net
Description: Best Shop is a fast, clean, widgetized and modern responsive free WooCommerce WordPress theme. The theme supports popular page builders like Elementor, KingComposer, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Brizy, Visual Composer, etc. The theme has built in WooCommerce product widgets like product category lists/grids, product sliders, post sliders, category showcase etc. Therefore you can create product pages easily without referring to complex shortcodes. Best Shop is compatible with YITH WooCommerce Wishlist, YITH WooCommerce Compare, YITH WooCommerce Quick view, WooCommerce Variation Swatches and most of the popular plugins. The theme is SEO friendly, WPML and RTL ready. See documentation:-https://wordpress.gradientthemes.com
Tags: blog,one-column,two-columns,three-columns,right-sidebar,left-sidebar,grid-layout,sticky-Post,footer-widgets,custom-background,custom-header,custom-colors,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,full-width-template,rtl-language-support,theme-options,e-commerce,food-and-drink
Version: 1.5.9.1768776863
Updated: 2026-01-18 19:54:23
*/

/*
 * ESTILOS PERSONALIZADOS PARA EL CATÁLOGO DE PRODUCTOS PARA IMPRIMIR
 * ---------------------------------------------------------------------------
 */

/* --- Estilos generales para la vista en pantalla del catálogo --- */
.catalog-header {
    text-align: center;
    padding: 20px 0; /* Padding simple para no interferir con el tema */
}

.catalog-vigencia {
    font-size: 1.2em;
    font-weight: bold;
    color: #555;
}

/* --- Estilos para la página de portada --- */
.catalog-cover-page {
    text-align: center;
    padding: 60px 0;
    /* ¡MUY IMPORTANTE! Fuerza un salto de página después de la portada */
    page-break-after: always; 
}

.catalog-cover-page .cover-logo {
    margin-bottom: 30px;
}

.catalog-cover-page .cover-logo img {
    max-width: 300px; /* Ajusta este valor para cambiar el tamaño del logo */
    height: auto;
}

.catalog-cover-page .cover-logo h2 {
    font-size: 2.5em;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.catalog-cover-page .cover-identity p {
    font-size: 1.1em;
    color: #555;
    line-height: 1.6;
    margin: 10px 0;
}

/* --- Estilos para los bloques de categorías y productos --- */
.catalog-category-block {
    margin-bottom: 50px;
    /* Forzamos un salto de página después de cada bloque de categoría */
    page-break-after: always; 
    /* Evitamos que el bloque se corte a la mitad */
    page-break-inside: avoid;
}

/* Excepción para la última categoría, para no dejar una página en blanco al final */
.catalog-category-block.last-category {
    page-break-after: auto; /* 'auto' anula el 'always' */
}

.category-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    /* Evitamos que el título quede solo al final de una página */
    page-break-after: avoid;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

.product-card {
    border: 1px solid #ddd;
    padding: 15px;
    text-align: center;
    /* Evitamos que una tarjeta de producto se corte */
    page-break-inside: avoid;
}

.product-card img {
    max-width: 100%;
    height: auto;
}

.product-name {
    font-size: 1.1em;
    margin: 10px 0 5px;
}

.product-sku {
    font-size: 0.9em;
    color: #777;
    margin: 0;
}

.product-price {
    font-weight: bold;
    color: #000;
    margin: 10px 0;
    font-size: 1.8em; /* Tamaño grande para la vista en pantalla */
}

.product-description {
    font-size: 0.9em;
    text-align: left;
}


/* --- ESTILOS CRÍTICOS QUE SOLO SE APLICAN AL IMPRIMIR (VERSIÓN DE ALTA DENSIDAD) --- */
@media print {
    
    /* Ocultar todos los elementos innecesarios en la versión impresa */
    body header#masthead, 
    body footer#colophon,
    .sidebar,
    .site-navigation,
    .comments-area,
    .entry-meta,
    .edit-link,
    .screen-reader-text,
    .catalog-vigencia {
        display: none !important;
    }

    /* Ajustar el contenido para que ocupe todo el ancho de la página */
    #primary, .site-main, .entry-content {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        padding-bottom: 30px !important; /* Espacio para el pie de página */
    }

    /* Quitar colores de fondo para ahorrar tinta */
    .product-card, .catalog-header, .catalog-category-block, .catalog-cover-page {
        background-color: #fff !important;
    }
    
    /* Usar una tipografía más legible en papel */
    body {
        font-family: 'Georgia', 'Times New Roman', serif;
        font-size: 10pt; /* Reducimos el tamaño de fuente base para ganar espacio */
        line-height: 1.3;
        color: #000;
    }

    /* CAMBIOS CLAVE PARA MÁS DENSIDAD */
    .products-grid {
        display: grid;
        /* Forzamos 4 columnas para más productos por fila */
        grid-template-columns: repeat(8, 1fr); 
        gap: 10px; /* Reducimos el espacio entre tarjetas */
    }

    .product-card {
        border: 1px solid #ddd;
        padding: 8px !important; /* Reducimos el padding interno */
        text-align: center;
        page-break-inside: avoid;
        font-size: 9pt; /* Fuente más pequeña dentro de la tarjeta */
    }
    
    .product-card img {
        max-width: 100%;
        height: auto;
        max-height: 80px; /* Limitamos la altura de la imagen para que no ocupe demasiado */
        object-fit: contain; /* Hace que la imagen no se deforme */
    }

    /* ESTILOS CLAVE PARA LA IMPRESIÓN: Nombre y Precio (ajustados) */
    .product-name {
        font-size: 11pt !important; /* Nombre un poco más pequeño */
        font-weight: bold;
        margin: 5px 0 2px !important;
        line-height: 1.2;
    }

    .product-price {
        font-size: 14pt !important; /* Precio grande, pero no excesivo */
        font-weight: bold;
        color: #000 !important;
        margin: 5px 0 !important;
    }

    .product-description {
        display: none; /* Ocultamos la descripción para ahorrar aún más espacio */
    }

    /* Estilo para el pie de página fijo que ahora SÍ funcionará */
    .catalog-print-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 9pt;
        font-weight: bold;
        border-top: 1px solid #ccc;
        padding: 3px 0;
        background-color: #fff;
    }
}