/* ==========================================================================
   ESTILOS DE IMPRESIÓN (PRODUCT CATALOG / PRICE LIST)
   ========================================================================== */

* {
    box-sizing: border-box !important;
    padding: 0;
    margin: 0;
    float: none;
    font-family: Garamond, serif;
}
/* 1. Configuración de página base */
@page {
    size: letter portrait !important;
    content: none !important;
    margin: 8mm 0mm 8mm -8mm !important;
}

html body {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 36px;
    padding-bottom: 36px;
}

.container,
.container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}
a[href]:after {
    content: none !important;
}

.sidebar {
    display: none;
}

.header, .modal-header, footer, .modal-title {
    display: none;
}

/* 2. Ocultar elementos interactivos y de navegación 
    .sidebar,
    .header,
    .modal-header,
    footer,
    .modal-title,
    #btnPrint,
    #btnSearch,
    .input-group,
    .form-control,
    select,
    input[type="checkbox"],
    label[for="excludetax"],
    img[src*="waitGiff"],
    .no-print {
        display: none !important;
        visibility: hidden !important;
    }*/

.granddPa {
    width: 100% !important;
    max-width: 100% !important;
    border: none !important;
    box-shadow: none !important;
    font-family: sans-serif;
    margin: 0 !important;
}

    .granddPa .parentCat {
        max-width: 100% !important;
        width: 100% !important;
        border: none !important;
        box-shadow: none !important;
    }

        .granddPa .parentCat .cat {
            width: 100% !important;
        }


            /*3. Encabezado de Empresa / Portada */
            .granddPa .parentCat .cat .cover,
            #cover {
                display: flex !important;
                flex-wrap: nowrap !important;
                justify-content: center !important;
                align-items: center !important;
                width: 100% !important;
                margin: auto !important;
                border-bottom: 2px solid #2c3e50 !important;
                padding-bottom: 4px !important;
                page-break-after: avoid !important;
            }

                .granddPa .parentCat .cat .cover .cover-logo {
                    width: 100% !important;
                    text-align: center;
                    margin: auto;
                }

                    .granddPa .parentCat .cat .cover .cover-logo h1 {
                        margin-bottom: 50px !important;
                    }

                    .granddPa .parentCat .cat .cover .cover-logo img {
                        height: 100% !important;
                        width: auto !important;
                        object-fit: contain !important;
                    }

                    .granddPa .parentCat .cat .cover .cover-logo h2 {
                        margin-top: 70px !important;
                        font-size:20px !important;
                        font-weight:bold !important;
                    }

        .granddPa .parentCat #catalog {
            max-width: 100% !important;
            width: 100% !important;
            margin: auto !important;
            border: none !important;
            box-shadow: none !important;
            display: flex !important;
            flex-direction: row !important;
        }
            /* 4. Contenedor de filas */
            .granddPa .parentCat #catalog .row.filas {
                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
                /* height: 100vh !important;*/
                max-height: 100vh !important;
                margin: 0 !important;
                padding: 0 !important;
            }

/* Cada contenedor ocupa 45% de la altura disponible (2 por hoja) */
.row.filas .col-xs-12.col-lg-6 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
}

    /* Fuerza salto de página cada 3 tarjetas 
        .col-xs-12.col-lg-6:nth-child(3n) {
            page-break-after: always !important;
            break-after: page !important;
            margin-bottom: 0 !important;
        }*/

    /* 5. Tarjeta de Producto */
    

    .row.filas .col-xs-12.col-lg-6 .product-card .panel-heading {
        background-color: #f8f9fa !important;
        -webkit-print-color-adjust: exact !important;
        border-bottom: 1px solid #cbd5e1 !important;
        padding: 4px 8px !important;
    }

        .row.filas .col-xs-12.col-lg-6 .product-card .panel-heading .panel-title {
            font-size: 12pt !important;
            font-weight: 700 !important;
            color: #0f172a !important;
             text-transform:uppercase !important;
            -webkit-print-color-adjust: exact !important;
            text-align: center !important;
            margin: 0 !important;
            line-height: 1.2 !important;
        }

    .row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card {
        padding-top: 0 !important; /* Se elimina el hueco de 2cm */
        width: 100% !important;
        height: 40vh !important;
        max-height: 40vh !important;
        margin: 1vh 0 !important;
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
 
    }

        .row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice {
            -webkit-print-color-adjust: exact !important;
        }



    /* 8. Contenedor e Imagen del Producto */
            .row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice > .col-xs-12.col-sm-6.text-center {
                width: 55% !important;
                max-width: 55% !important;
                flex: 0 0 55% !important;
                height: 40vh !important;
                max-height:40vh !important;
                display: flex !important;
                justify-content: flex-start !important;
                align-items: center !important;
                padding: 5px !important;
                margin: 0 !important;
                border: none !important;
                outline: none !important;
            }

            .row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice .col-xs-12.col-sm-6.text-center div {
                width: 100% !important;
                max-width: 100% !important;
                padding: 0 !important;
                display: flex !important;
                justify-content: flex-start !important;
                border: none !important;
                outline: none !important;
            }

            .row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice .col-xs-12.col-sm-6 div img {
                height:100% !important;
                max-height: 100% !important;
                width: 100% !important;
                max-width: 100% !important;
                object-fit: contain !important;
                margin: auto !important;
                border: none !important;
                outline: none !important;
                -webkit-print-color-adjust: exact !important;
            }

div[style*="background: rgb(232, 245, 233)"],
div[style*="background: #e8f5e9"] {
    background-color: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    color: #166534 !important;
    font-size: 8.5pt !important;
    padding: 2px 6px !important;
    margin-top: 4px !important;
}

/* COLUMNA DERECHA: Contenido (Precios, Stock, Código de barras) */
.row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice > .col-xs-12.col-sm-6:not(.text-center) {
    width: 45% !important;
    max-width: 45% !important;
    flex: 0 0 45% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 5px !important;
    margin: 0 !important;
    border: none !important;
}

.row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice .col-xs-12.col-sm-6 .priceList {
    margin-bottom: 14px;
    width: 100% !important;
    max-width: 100% !important;
}

    .row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice .col-xs-12.col-sm-6 .priceList span {
        font-size: 14px !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        color: #000 !important;
        -webkit-print-color-adjust: exact !important;
        display: inline !important;
        margin-top: 0 !important;
        border: none !important;
    }

.row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice .col-xs-12.col-sm-6 hr {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    width: 100% !important;
}

.row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice .col-xs-12.col-sm-6 .barcode {
    margin: 14px 0 14px 0 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

    .row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice .col-xs-12.col-sm-6 .barcode span {
        font-size: 14px !important;
        text-transform: uppercase !important;
        color: #7f8c8d !important;
        display: inline !important;
        margin-top: 0 !important;
        -webkit-print-color-adjust: exact !important;
    }
/*  .row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice .col-xs-12.col-sm-6 .barcode strong {
                    font-size: 14px !important;
                    font-weight: bold !important;
                    text-transform: uppercase !important;
                }*/

.row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice .col-xs-12.col-sm-6 .stock {
    margin-bottom: 10px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

    .row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice .col-xs-12.col-sm-6 .stock span {
        font-size: 14px !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        color: #7f8c8d !important;
        display: inline !important;
        margin-top: 0 !important;
        margin-bottom: 6px !important;
        -webkit-print-color-adjust: exact !important;
    }

/* 6. Lista de Precios y Badges */
.row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice .col-xs-12.col-sm-6 div .list-group {
    margin-bottom: 4px !important;
    width: 100% !important;
}

    .row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice .col-xs-12.col-sm-6 div .list-group .list-group-item {
        border: 1px solid #e2e8f0 !important;
        padding: 2px 6px !important;
        font-size: 12pt !important;
        font-weight: bold !important;
        background-color: #ffffff !important;
        line-height: 1.2 !important;
        -webkit-print-color-adjust: exact !important;
    }

        .row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice .col-xs-12.col-sm-6 div .list-group .list-group-item .badge {
            background-color: #f0fdf4 !important;
            color: black !important;
            border: 1px solid #155724 !important;
            font-size: 10pt !important;
            font-weight: bold !important;
            padding: 2px 5px !important;
            border-radius: 3px !important;
            align-items: center !important;
            -webkit-print-color-adjust: exact !important;
        }

/* 7. Existencias y Código de Barra */
.product-card .panel-body.card .pictPrice .col-xs-12.col-sm-6 .barcode strong {
    color: #334155 !important;
    font-size: 8.5pt !important;
    padding-left: 10px;
    -webkit-print-color-adjust: exact !important;
}

.row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice .col-xs-12.col-sm-6 .htQty {
    display:block !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    width: 100% !important;
    
}

.row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice .col-xs-12.col-sm-6 .htQty {
    display: block !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    width: 100% !important;
    font-weight: bold !important;

}

.row.filas .col-xs-12.col-lg-6 .product-card .panel-body.card .pictPrice .col-xs-12.col-sm-6 .qty {
    display: block !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    width: 100% !important;
    max-width:100% !important;
    text-transform:uppercase !important;
    border: #000 solid !important;
    border-width:thin !important;
}



/* 9. Control de Saltos de Página Forzados */
.break#break,
#break {
    display: block !important;
    page-break-after: always !important;
    break-after: page !important;
    clear: both !important;
    height: 0 !important;
    visibility: hidden !important;
}

.break#noBreak,
#noBreak {
    display: none !important;
}

/* 10. Marca de Agua */
.waterMark,
#waterMark {
    position: fixed !important;
    top: 35% !important;
    left: 20% !important;
    width: 60% !important;
    opacity: 0.08 !important;
    z-index: -1000 !important;
    pointer-events: none !important;
}