@charset "UTF-8";
/* CSS Document */

/* =========================================================
   IMPRESIÓN - TIENDA MI VALEDOR
   ========================================================= */

@media print {

    /* -----------------------------------------------------
       1. CONFIGURACIÓN GENERAL
       ----------------------------------------------------- */

    @page {
        size: A4 portrait;
        margin: 10mm;
    }

    html,
    body {
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
		font-family: Montserrat, Helvetica, Arial, sans-serif;
    }

    body {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }



    /* -----------------------------------------------------
       3. OCULTAR MENÚ DE NAVEGACIÓN
       ----------------------------------------------------- */

.header, .grecaptcha-badge, .pie, h1{
        display: none !important;
    }


   .product a {
    text-decoration: none;
    color: #000;
}
	.price {
    font-size: 13px !important;
    color: #EF4348 !important;
    font-weight: 700 !important;
}
    /* -----------------------------------------------------
       5. OCULTAR CARRITO
       ----------------------------------------------------- */

    .cart,
    .cart-contents,
    .site-header-cart,
    .header-cart,
    .mini-cart,
    .woocommerce-mini-cart,
    .wc-block-mini-cart,
    .widget_shopping_cart,
    .shopping-cart {
        display: none !important;
    }


    /* -----------------------------------------------------
       6. OCULTAR BOTONES "AÑADIR AL CARRITO"
       ----------------------------------------------------- */

    .add_to_cart_button,
    .ajax_add_to_cart,
    .single_add_to_cart_button,
    .button.add_to_cart_button,
    a.add_to_cart_button {
        display: none !important;
    }


    /* -----------------------------------------------------
       7. CUADRÍCULA DE PRODUCTOS: 4 COLUMNAS
       ----------------------------------------------------- */

    ul.products,
    .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 12mm 6mm !important;

        width: 100% !important;
        margin: 10mm 0 0 !important;
        padding: 0 !important;
    }

    ul.products li.product,
    .woocommerce ul.products li.product {
        width: auto !important;
        float: none !important;
        clear: none !important;

        margin: 0 !important;
        padding: 0 !important;

        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }


    /* -----------------------------------------------------
       8. IMÁGENES DE PRODUCTO
       ----------------------------------------------------- */

    ul.products li.product img,
    .woocommerce ul.products li.product img {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 4mm !important;
    }


    /* -----------------------------------------------------
       9. NOMBRE DEL PRODUCTO
       ----------------------------------------------------- */

    ul.products li.product .woocommerce-loop-product__title {
        font-size: 11pt !important;
        line-height: 1.2 !important;
        margin: 0 0 2mm !important;
    }


    /* -----------------------------------------------------
       10. PRECIO
       ----------------------------------------------------- */

    ul.products li.product .price {
        font-size: 10pt !important;
        line-height: 1.2 !important;
        margin: 0 !important;
    }


    /* -----------------------------------------------------
       11. EVITAR ELEMENTOS QUE GENEREN ESPACIO VACÍO
       ----------------------------------------------------- */

    ul.products li.product .button,
    ul.products li.product .added_to_cart,
    ul.products li.product .quantity {
        display: none !important;
    }


    /* -----------------------------------------------------
       12. EVITAR SALTOS DE PÁGINA DENTRO DE PRODUCTOS
       ----------------------------------------------------- */

    .product,
    .type-product {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }


    /* -----------------------------------------------------
       13. OCULTAR FOOTER
       ----------------------------------------------------- */

    footer,
    .site-footer {
        display: none !important;
    }

}