/* ========================================================================== */
/*  1. BASE / GENERALES                                                       */
/* ========================================================================== */

/* Mensaje de error general (validaciones, carrito, etc.) */
#msgerror {
    background-color: #0047BB !important;
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}

/* Navegación / pestañas Kendo */
.k-tabstrip-items .k-link {
    color: #000000 !important;
}

/* Costos en algunos resúmenes (texto en blanco) */
#tCosts {
    color: #FFFFFF;
}


/* Link activo en submenú principal */
.header-nav .container nav#top-navbar #top-nav ul#nav-main .submenu .dropdown-menu .active a {
    background-color: #000000 !important;
}

/* Ocultar link de búsqueda (se controla por JS, pero CSS de refuerzo opcional)
   ul.list-inline.quick-links.alt-links-color li a[href="/search"] {
       display: none !important;
   }
*/


/* ========================================================================== */
/*  2. FORMULARIOS / CUENTA / CONSUMIDOR FINAL                                */
/* ========================================================================== */

/* Ítems del form de creación de cuenta (opción Consumidor Final Sí/No) */
.livriz-account-title {
    color: #0047BB !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: bold !important;
}

.livriz-billing-block {
    border: 1px solid #0047BB !important;
    border-radius: 4px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
}

.livriz-billing-row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.profilePhone,
.profileTitle,
.profileFax,
.settings-user-timezones,
.profileWebsite,
.profileMiddleName,
.profileLogin,
#currentPasswordGroup {
    display: none !important;
}

body.livriz-settings-page .profileEmail {
    display: none !important;
}

.livriz-readonly-email {
    background-color: #f5f5f5 !important;
    cursor: not-allowed !important;
}

.livriz-field-validator {
    color: #FF0000 !important;
    font-weight: bold !important;
    font-size: 12px !important;
    margin-top: 2px !important;
    text-align: right !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
}

.livriz-validator-wrapper {
    display: block !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.livriz-cuil-link {
    display: block !important;
    font-size: 16px !important;
    color: #0047BB !important;
    font-weight: bold !important;
}

.livriz-consumidor-final-group {
    margin-left: 20px !important;
}

.livriz-postal-offset {
    margin-top: 39px !important;
}

#pConfigMsg {
    font-weight: bold !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    color: #0047bb !important;
    margin-top: 5px !important;
    margin-bottom: 15px !important;
}

.createAccountForm ol li {
    width: 10% !important;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.createAccountForm ol.list-unstyled.clearfix > li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
}

/* Descripciones secundarias dentro de bloque de categoría (usadas como textos informativos que se ocultan) */
.currentCategoryDes .col-md-6 p {
    display: none;
}


/* ========================================================================== */
/*  3. HOME / CATEGORÍAS                                                      */
/* ========================================================================== */

/* Borde del banner principal en el home */
.home-banner-area {
    border: 1px solid #ffffff !important;
}

/* Quitar breadcrumb global */
#breadcrumb {
    display: none !important;
}

/* Borde de tarjetas de producto/categoría*/
.prod-cat-item {
    border-color: #FFFFFF !important;
}

/* Borde inferior de la imagen del producto */
.prod-cat-item .img-wrap {
    border-bottom-color: #FFFFFF !important;
}

/* Altura de imágenes de productos en grilla (mobile) */
.inline-block-grid .hproduct .prod-cat-item .img-wrap .skinsetting-img-wrap-link {
    height: 100%;
}

/* Altura de imágenes de categorías en grilla (mobile) */
.inline-block-grid .hcategory .prod-cat-item .img-wrap .skinsetting-img-wrap-link {
    height: 100%;
}

/* Precio del producto como cinta inferior sobre la imagen */
.prod-cat-item .prod-teaserprice {
    background-color: #FFFFFF;
    color: #000000;
    position: absolute;
    bottom: 0;
    left: 1em;
    right: auto;
    font-size: .786em;
    padding: 0;
}

/* Título del producto en grillas */
.hproduct .prod-cat-item .caption .skinsetting-prod-caption-heading a {
    font-size: 21.6px;
}

/* Alinear categorías/productos al centro en filas flex */
.flex-row.row {
    justify-content: center;
}

/* ===================== CATEGORÍA ROOT – ESPACIADO ========================= */

/* Quitar margen/padding inferior extra en columnas de categoría/producto */
.prod-cat-list .hcategory,
.prod-cat-list .hproduct {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Ajustar el contenedor interno para que no genere espacio extra */
.hcategory .prod-cat-item,
.hproduct .prod-cat-item {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Ajuste de la fila contenedora */
.prod-cat-list.row {
    margin-bottom: 0 !important;
}
/* ===================== TITULOS – ESPACIADO ========================= */

.currentCategoryDes [data-pb-snippet="text-column-12"] [data-pb-node="text"] {
    margin-top: -5px !important;
    margin-bottom: 0px !important;
}

.currentCategoryDes {
    margin-bottom: 0em !important;
}

.currentCategoryDes [data-pb-node="text"] h2 {
    margin-top: 0px !important;
}

/* ========================================================================== */
/*  4. HISTORIAL DE PEDIDOS                                                   */
/* ========================================================================== */

/* Ocultar usuario/PJM y notas internas del historial de pedidos */
.statusItemUser,
.statusItemNotes {
    display: none;
}

/* Estilo para mostrar “GRATIS” o “SIN CARGO” en historial de envíos */
.gratis {
    color: #0047BB;
    font-weight: bold;
}
/* Cambia $0.00 x GRATIS (oculta $0.00 y agrega Gratis */
.summaryShipping span {
    color: transparent !important; /* Oculta el $0 */
    position: relative;
    display: inline-block;
    min-width: 60px; /* Ajusta el ancho ocupado para evitar que corte */
}

.summaryShipping span::after {
    content: "GRATIS";
    color: #0047BB !important;
    font-weight: bold;
    position: absolute;
    left: 5px; /* mueve GRATIS hacia la derecha */
    top: 0;
    white-space: nowrap;
}

/* ====================================================================
   HISTORIAL DE PEDIDOS (#grid)
   - Ocultar columnas
   - Ajustar anchos fijos
   - Títulos en dos líneas
   ==================================================================== */

/* Orden columnas (incluyendo la jerarquía):
   1: jerarquía (expandir)
   2: Ver / Volver a comprar
   3: Pagado
   4: Número de pedido
   5: Fecha del pedido
   6: Solicitado por   (OCULTA)
   7: Subtotal
   8: Impuesto
   9: Envío           (OCULTA)
   10: Promo descuento
   11: Total
   12: Nº Orden de compra (OCULTA)
*/

/* ---------------- OCULTAR COLUMNAS (SOLO FILAS PRINCIPALES) ---------------- */

/* 6) "Solicitado por" */
#grid > .k-grid-header .k-grid-header-wrap > table > thead > tr > th:nth-child(6),
#grid > .k-grid-content > table > tbody > tr.k-master-row > td:nth-child(6),
#grid > .k-grid-footer .k-grid-footer-wrap > table > tbody > tr.k-footer-template > td:nth-child(6) {
    display: none !important;
}

/* 9) "Envío" */
#grid > .k-grid-header .k-grid-header-wrap > table > thead > tr > th:nth-child(9),
#grid > .k-grid-content > table > tbody > tr.k-master-row > td:nth-child(9),
#grid > .k-grid-footer .k-grid-footer-wrap > table > tbody > tr.k-footer-template > td:nth-child(9) {
    display: none !important;
}

/* 12) "Nº Orden de compra" */
#grid > .k-grid-header .k-grid-header-wrap > table > thead > tr > th:nth-child(12),
#grid > .k-grid-content > table > tbody > tr.k-master-row > td:nth-child(12),
#grid > .k-grid-footer .k-grid-footer-wrap > table > tbody > tr.k-footer-template > td:nth-child(12) {
    display: none !important;
}

/* (Opcional) ocultar del todo la fila de totales del footer */
#grid > .k-grid-footer .k-footer-template {
    display: none !important;
}

/* ---------------- ANCHOS FIJOS (PAGADO / Nº PEDIDO / FECHA / $) ---------------- */

/* Helper: función “fijar” ancho = width + min + max */
#grid > .k-grid-header .k-grid-header-wrap > table > thead > tr > th,
#grid > .k-grid-content > table > tbody > tr.k-master-row > td,
#grid > .k-grid-footer .k-grid-footer-wrap > table > tbody > tr.k-footer-template > td {
    /* esto evita que el contenido “estire” las columnas */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 3) PAGADO */
#grid > .k-grid-header .k-grid-header-wrap > table > thead > tr > th:nth-child(3),
#grid > .k-grid-content > table > tbody > tr.k-master-row > td:nth-child(3),
#grid > .k-grid-footer .k-grid-footer-wrap > table > tbody > tr.k-footer-template > td:nth-child(3) {
    width: 10% !important;
    min-width: 10px !important;
    max-width: 10px !important;
}

/* 4) NÚMERO DE PEDIDO */
#grid > .k-grid-header .k-grid-header-wrap > table > thead > tr > th:nth-child(4),
#grid > .k-grid-content > table > tbody > tr.k-master-row > td:nth-child(4),
#grid > .k-grid-footer .k-grid-footer-wrap > table > tbody > tr.k-footer-template > td:nth-child(4) {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
}

/* 5) FECHA DEL PEDIDO */
#grid > .k-grid-header .k-grid-header-wrap > table > thead > tr > th:nth-child(5),
#grid > .k-grid-content > table > tbody > tr.k-master-row > td:nth-child(5),
#grid > .k-grid-footer .k-grid-footer-wrap > table > tbody > tr.k-footer-template > td:nth-child(5) {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
}

/* 7) SUBTOTAL */
#grid > .k-grid-header .k-grid-header-wrap > table > thead > tr > th:nth-child(7),
#grid > .k-grid-content > table > tbody > tr.k-master-row > td:nth-child(7),
#grid > .k-grid-footer .k-grid-footer-wrap > table > tbody > tr.k-footer-template > td:nth-child(7) {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
}

/* 8) IMPUESTO */
#grid > .k-grid-header .k-grid-header-wrap > table > thead > tr > th:nth-child(8),
#grid > .k-grid-content > table > tbody > tr.k-master-row > td:nth-child(8),
#grid > .k-grid-footer .k-grid-footer-wrap > table > tbody > tr.k-footer-template > td:nth-child(8) {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
}

/* 10) PROMO DESCUENTO */
#grid > .k-grid-header .k-grid-header-wrap > table > thead > tr > th:nth-child(10),
#grid > .k-grid-content > table > tbody > tr.k-master-row > td:nth-child(10),
#grid > .k-grid-footer .k-grid-footer-wrap > table > tbody > tr.k-footer-template > td:nth-child(10) {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
}

/* 11) TOTAL */
#grid > .k-grid-header .k-grid-header-wrap > table > thead > tr > th:nth-child(11),
#grid > .k-grid-content > table > tbody > tr.k-master-row > td:nth-child(11),
#grid > .k-grid-footer .k-grid-footer-wrap > table > tbody > tr.k-footer-template > td:nth-child(11) {
    width: 8px !important;

}
/* 6) "Solicitado por" */
#grid colgroup col:nth-child(6) {
    display: none !important;
}

/* 9) "Envío" */
#grid colgroup col:nth-child(9) {
    display: none !important;
}

/* 12) "Nº Orden de compra" */
#grid colgroup col:nth-child(12) {
    display: none !important;
}

/* ---------------- FORZAR LAYOUT FIJO EN EL GRID PRINCIPAL ---------------- */

#grid > .k-grid-header .k-grid-header-wrap > table,
#grid > .k-grid-content > table,
#grid > .k-grid-footer .k-grid-footer-wrap > table {
    table-layout: fixed !important;
    width: 100% !important;
}

/* CABECERAS EN DOS LÍNEAS */
/* 1) Header del grid principal */
/* 2) Headers de los grids de detalle (detailgrid_XXXXX) */

#grid > .k-grid-header .k-grid-header-wrap th .k-link,
#grid .k-detail-row thead.k-grid-header th .k-link {
    white-space: normal !important;
    line-height: 1.2em;
    text-align: center;
}



/* ========================================================================== */
/*  5. CARRITO / CHECKOUT                                                     */
/* ========================================================================== */

/* Ocultar campo de observaciones en el carrito/pago */
.al-section.comments-section {
    display: none;
}

/* Ocultar sección de datos de facturación en el checkout (se reemplaza por datos de cuenta) */
.al-section.billing-section {
    display: none !important;
}


/* ========================================================================== */
/*  6. OTROS / PRODUCTOS OCULTOS                                              */
/* ========================================================================== */

/* Remover el título del trabajo en el cotizador (se reemplaza por lógica propia en carrito) */
.renameItemHeading span {
    visibility: hidden;
}

/* Ocultar productos específicos (14x21, 15x23 y la categoría “libros”) */
div.hproduct:has(a[href*="/product/ZLibro14x21"]),
div.hproduct:has(a[href*="/product/ZLibro15x23"]),
div.hproduct:has(a[href$="/product/libros"]) {
    display: none !important;
}


/* ========================================================================== */
/*  7. BOTONES / COMPONENTES                                                  */
/* ========================================================================== */

/* Botones de productos en secciones destacadas */
.currentCategoryDes .row .prod-buttons .btn {
    background-color: #000000 !important;
    color: #FFFFFF;
    font-size: 24.8px;
    line-height: 39.3px;
    margin-left: 0;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 5px;
}


/* ========================================================================== */
/*  8. RESPONSIVE / MEDIA QUERIES                                             */
/* ========================================================================== */

/* -------- Desktop grande -------- */
@media screen and (min-width: 961px) {
    .currentCategoryDes .row div p .ql-size-huge {
        font-size: 30px;
        line-height: 38px;
    }
}

/* -------- Tablets / móviles medianos -------- */
@media screen and (max-width: 641px) {
    .currentCategoryDes .row div p .ql-size-huge {
        font-size: 20px;
        line-height: 30px;
    }

    .currentCategoryDes .row .col-md-3 {
        padding-left: 10%;
        padding-right: 10%;
        text-align: center;
    }
}

/* -------- Móviles muy chicos (≤ 320px) -------- */
@media screen and (max-width: 320px) {

    .currentCategoryDes .row div p .ql-size-huge {
        font-size: 18px;
        line-height: 25px;
    }

    .currentCategoryDes .row div div h3 {
        text-align: center;
    }

    .currentCategoryDes .row .col-md-3 {
        padding-left: 10%;
        padding-right: 10%;
        text-align: center;
    }

    .text-center h1 strong {
        font-size: 25px;
    }

    .text-center h2 {
        font-size: 18px;
    }

    .row .col-md-3 div div p {
        font-size: 12px;
    }

    .hproduct .prod-cat-item .caption .skinsetting-prod-caption-heading a {
        font-size: 8px;
    }

    .text-center a img {
        padding-top: 10% !important;
    }
}