<!-- stdClass Object
(
    [success] => 1
    [options] => Array
        (
            [table] => products AS product
            [columns] => Array
                (
                    [0] => product.id
                    [1] => product.barcode
                    [2] => product.title
                    [3] => product.slug
                    [4] => product.description
                    [5] => product.department_id
                    [6] => product.category_id
                    [7] => product.brand_id
                    [8] => product.unit_price
                    [9] => product.unit_pkg
                    [10] => product.thumbnail
                    [11] => product.promotion
                    [12] => brand.title AS brand_name
                    [13] => brand.slug AS brand_slug
                    [14] => brand.thumbnail AS brand_thumbnail
                    [15] => department.title AS department_name
                    [16] => department.slug AS department_slug
                    [17] => category.title AS category_name
                    [18] => category.slug AS category_slug
                )

            [where] => Array
                (
                    [param_brand_id] => 24
                    [param_`product`.`active`] => 1
                    [null_`product`.`deleted_at`] => 1
                )

            [joins] => Array
                (
                    [0] => Array
                        (
                            [0] => LEFT
                            [1] => products_brands AS brand
                            [2] => brand.id = product.brand_id
                        )

                    [1] => Array
                        (
                            [0] => LEFT
                            [1] => products_departments AS department
                            [2] => department.id = product.department_id
                        )

                    [2] => Array
                        (
                            [0] => LEFT
                            [1] => products_categories AS category
                            [2] => category.id = product.category_id
                        )

                )

            [order_by] => Array
                (
                    [0] => orderasc_title
                )

            [limit] => 30
            [offset] => 30
        )

    [query] => SELECT product.id, product.barcode, product.title, product.slug, product.description, product.department_id, product.category_id, product.brand_id, product.unit_price, product.unit_pkg, product.thumbnail, product.promotion, brand.title AS brand_name, brand.slug AS brand_slug, brand.thumbnail AS brand_thumbnail, department.title AS department_name, department.slug AS department_slug, category.title AS category_name, category.slug AS category_slug FROM `products` AS product LEFT JOIN products_brands AS brand ON (brand.id = product.brand_id)  LEFT JOIN products_departments AS department ON (department.id = product.department_id)  LEFT JOIN products_categories AS category ON (category.id = product.category_id) WHERE `brand_id` = '24' AND `product`.`active` = '1' AND `product`.`deleted_at` IS NULL ORDER BY `title` ASC LIMIT 30 OFFSET 30
    [results] => 14
    [found] => 14
    [total] => 44
    [data] => Array
        (
            [0] => stdClass Object
                (
                    [id] => 17366
                    [barcode] => 0000000220022
                    [title] => FORMA RED RETA 20X7CM AL
                    [slug] => metalurgica-forma-red-reta-20x7cm-al
                    [description] => Forma reonda ret 20x7
                    [department_id] => 5
                    [category_id] => 33
                    [brand_id] => 24
                    [unit_price] => 26.57
                    [unit_pkg] => PACOTE
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000220022.jpeg
                    [promotion] => 0
                    [brand_name] => DOUPAN
                    [brand_slug] => doupan
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/doupan.webp
                    [department_name] => Metalurgia
                    [department_slug] => metalurgia
                    [category_name] => Assadeiras / Formas
                    [category_slug] => assadeiras-formas
                )

            [1] => stdClass Object
                (
                    [id] => 17367
                    [barcode] => 0000000220024
                    [title] => FORMA RED RETA 25X5CM AL 1159
                    [slug] => metalurgica-forma-red-reta-25x5cm-al-1159
                    [description] => Forma redonda reta 25x5
                    [department_id] => 5
                    [category_id] => 33
                    [brand_id] => 24
                    [unit_price] => 31.93
                    [unit_pkg] => PACOTE
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000220024.jpeg
                    [promotion] => 0
                    [brand_name] => DOUPAN
                    [brand_slug] => doupan
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/doupan.webp
                    [department_name] => Metalurgia
                    [department_slug] => metalurgia
                    [category_name] => Assadeiras / Formas
                    [category_slug] => assadeiras-formas
                )

            [2] => stdClass Object
                (
                    [id] => 17368
                    [barcode] => 0000000220026
                    [title] => FORMA RED RETA 27X5CM AL 1160
                    [slug] => metalurgica-forma-red-reta-27x5cm-al-1160
                    [description] => Forma redonda reta 27x5
                    [department_id] => 5
                    [category_id] => 33
                    [brand_id] => 24
                    [unit_price] => 30.82
                    [unit_pkg] => PACOTE
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000220026.jpeg
                    [promotion] => 0
                    [brand_name] => DOUPAN
                    [brand_slug] => doupan
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/doupan.webp
                    [department_name] => Metalurgia
                    [department_slug] => metalurgia
                    [category_name] => Assadeiras / Formas
                    [category_slug] => assadeiras-formas
                )

            [3] => stdClass Object
                (
                    [id] => 17369
                    [barcode] => 0000000220027
                    [title] => FORMA RED RETA 30X5CM AL
                    [slug] => metalurgica-forma-red-reta-30x5cm-al
                    [description] => Forma redonda reta 30x5
                    [department_id] => 5
                    [category_id] => 1
                    [brand_id] => 24
                    [unit_price] => 39.38
                    [unit_pkg] => PACOTE
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000220027.jpeg
                    [promotion] => 0
                    [brand_name] => DOUPAN
                    [brand_slug] => doupan
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/doupan.webp
                    [department_name] => Metalurgia
                    [department_slug] => metalurgia
                    [category_name] => 
                    [category_slug] => 
                )

            [4] => stdClass Object
                (
                    [id] => 17383
                    [barcode] => 0000000220054
                    [title] => FORMA TORTA SUICA 5,7 FD X 4 AL X 8,8 BC
                    [slug] => metalurgica-forma-torta-suica-5-7-fd-x-4-al-x-8-8-bc
                    [description] => Forma torta suiça
                    [department_id] => 5
                    [category_id] => 1
                    [brand_id] => 24
                    [unit_price] => 84.19
                    [unit_pkg] => UNIDADE
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000220054.jpeg
                    [promotion] => 0
                    [brand_name] => DOUPAN
                    [brand_slug] => doupan
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/doupan.webp
                    [department_name] => Metalurgia
                    [department_slug] => metalurgia
                    [category_name] => 
                    [category_slug] => 
                )

            [5] => stdClass Object
                (
                    [id] => 17384
                    [barcode] => 0000000220057
                    [title] => FORMA TORTA SUICA MIN NR 0 C 12 UNID AL
                    [slug] => metalurgica-forma-torta-suica-min-nr-0-c-12-unid-al
                    [description] => Forma mini torta suiça número 0 7,0 x 5,0 x 2,5 com 12 unidades
                    [department_id] => 5
                    [category_id] => 1
                    [brand_id] => 24
                    [unit_price] => 49.1
                    [unit_pkg] => PACOTE
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000220057.jpeg
                    [promotion] => 0
                    [brand_name] => DOUPAN
                    [brand_slug] => doupan
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/doupan.webp
                    [department_name] => Metalurgia
                    [department_slug] => metalurgia
                    [category_name] => 
                    [category_slug] => 
                )

            [6] => stdClass Object
                (
                    [id] => 17385
                    [barcode] => 0000000220058
                    [title] => FORMA TORTA SUICA MINI NR 01 C 12 UN AL
                    [slug] => metalurgica-forma-torta-suica-mini-nr-01-c-12-un-al
                    [description] => FORMA TORTA SUICA MINI NR 01 COM 12 UNIDADES
                    [department_id] => 5
                    [category_id] => 1
                    [brand_id] => 24
                    [unit_price] => 63.57
                    [unit_pkg] => PACOTE
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000220058.jpeg
                    [promotion] => 0
                    [brand_name] => DOUPAN
                    [brand_slug] => doupan
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/doupan.webp
                    [department_name] => Metalurgia
                    [department_slug] => metalurgia
                    [category_name] => 
                    [category_slug] => 
                )

            [7] => stdClass Object
                (
                    [id] => 17386
                    [barcode] => 0000000220059
                    [title] => FORMA TORTA SUICA MOD RIO C 12 UNID AL
                    [slug] => metalurgica-forma-torta-suica-mod-rio-c-12-unid-al
                    [description] => Forma mini torta suíça modelo rio 7,5 x 3 x 5,5 (boca x altura x fundo) com 12 unidades
                    [department_id] => 5
                    [category_id] => 1
                    [brand_id] => 24
                    [unit_price] => 71.5
                    [unit_pkg] => PACOTE
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000220059.jpeg
                    [promotion] => 0
                    [brand_name] => DOUPAN
                    [brand_slug] => doupan
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/doupan.webp
                    [department_name] => Metalurgia
                    [department_slug] => metalurgia
                    [category_name] => 
                    [category_slug] => 
                )

            [8] => stdClass Object
                (
                    [id] => 17429
                    [barcode] => 0000000230028
                    [title] => JOGO CORT RED LISO INOX 07 PECAS 9179
                    [slug] => metalurgica-jogo-cort-red-liso-inox-07-pecas-9179
                    [description] => Jogo de cortador redondo liso inox com 7 peças
                    [department_id] => 5
                    [category_id] => 43
                    [brand_id] => 24
                    [unit_price] => 42.01
                    [unit_pkg] => PACOTE
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000230028.jpeg
                    [promotion] => 0
                    [brand_name] => DOUPAN
                    [brand_slug] => doupan
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/doupan.webp
                    [department_name] => Metalurgia
                    [department_slug] => metalurgia
                    [category_name] => Utensilios Descartaveis
                    [category_slug] => utensilios-descartaveis
                )

            [9] => stdClass Object
                (
                    [id] => 17455
                    [barcode] => 0000000230064
                    [title] => PINCEL DE SILICONE 21 CM 98125
                    [slug] => metalurgica-pincel-de-silicone-21-cm-98125
                    [description] => O pincel de silicone é próprio para o uso culinário, sem emendas, recomendado pela vigilância sanitária. Todo em silicone
                    [department_id] => 5
                    [category_id] => 1
                    [brand_id] => 24
                    [unit_price] => 20.52
                    [unit_pkg] => PACOTE
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000230064.jpeg
                    [promotion] => 0
                    [brand_name] => DOUPAN
                    [brand_slug] => doupan
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/doupan.webp
                    [department_name] => Metalurgia
                    [department_slug] => metalurgia
                    [category_name] => 
                    [category_slug] => 
                )

            [10] => stdClass Object
                (
                    [id] => 17435
                    [barcode] => 0000000230038
                    [title] => RASP CHOC REDONDO INOX
                    [slug] => metalurgica-rasp-choc-redondo-inox
                    [description] => Rapador de chocolate redondo inox
                    [department_id] => 5
                    [category_id] => 1
                    [brand_id] => 24
                    [unit_price] => 31.45
                    [unit_pkg] => PACOTE
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000230038.jpeg
                    [promotion] => 0
                    [brand_name] => DOUPAN
                    [brand_slug] => doupan
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/doupan.webp
                    [department_name] => Metalurgia
                    [department_slug] => metalurgia
                    [category_name] => 
                    [category_slug] => 
                )

            [11] => stdClass Object
                (
                    [id] => 17439
                    [barcode] => 0000000230047
                    [title] => RASPA INOX 12CM CABO TUBULAR DOUPAN
                    [slug] => metalurgica-raspa-inox-12cm-cabo-tubular-doupan
                    [description] => Raspadeira inox 12 cm
                    [department_id] => 5
                    [category_id] => 1
                    [brand_id] => 24
                    [unit_price] => 18.36
                    [unit_pkg] => PACOTE
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000230047.jpeg
                    [promotion] => 0
                    [brand_name] => DOUPAN
                    [brand_slug] => doupan
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/doupan.webp
                    [department_name] => Metalurgia
                    [department_slug] => metalurgia
                    [category_name] => 
                    [category_slug] => 
                )

            [12] => stdClass Object
                (
                    [id] => 17438
                    [barcode] => 0000000230045
                    [title] => ROLO CORT COISSANT INOX 11CM 9207
                    [slug] => metalurgica-rolo-cort-coissant-inox-11cm-9207
                    [description] => Rolo cortador croissant inox 11cm
                    [department_id] => 5
                    [category_id] => 1
                    [brand_id] => 24
                    [unit_price] => 237.36
                    [unit_pkg] => UNIDADE
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000230045.jpeg
                    [promotion] => 0
                    [brand_name] => DOUPAN
                    [brand_slug] => doupan
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/doupan.webp
                    [department_name] => Metalurgia
                    [department_slug] => metalurgia
                    [category_name] => 
                    [category_slug] => 
                )

            [13] => stdClass Object
                (
                    [id] => 17431
                    [barcode] => 0000000230031
                    [title] => ROLO DE MASSA GIR POLIT 40 X 6 CM
                    [slug] => metalurgica-rolo-de-massa-gir-polit-40-x-6-cm
                    [description] => Rolo de massa polietileno com 40cm
                    [department_id] => 5
                    [category_id] => 1
                    [brand_id] => 24
                    [unit_price] => 146.8
                    [unit_pkg] => PACOTE
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000230031.jpeg
                    [promotion] => 0
                    [brand_name] => DOUPAN
                    [brand_slug] => doupan
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/doupan.webp
                    [department_name] => Metalurgia
                    [department_slug] => metalurgia
                    [category_name] => 
                    [category_slug] => 
                )

        )

)
 --><!DOCTYPE html>
<html lang="pt-BR" class="bg-primary ">

<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-W60TN8535J"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'G-W60TN8535J');
    </script>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- <link rel="manifest" href="https://jcatdistribuidora.com.br/assets/manifest.json"> -->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="application-name" content="Link Hub">
    <meta name="apple-mobile-web-app-title" content="Link Hub">
    <meta name="theme-color" content="#212121">
    <meta name="msapplication-navbutton-color" content="#212121">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">

    <meta name="theme-color" content="#ffffff">

    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quicksand:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap">
    <link rel="stylesheet" href="https://jcatdistribuidora.com.br/assets/plugins/fontawesome/css/all.min.css">

    <link rel="stylesheet" href="https://jcatdistribuidora.com.br/assets/plugins/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="https://jcatdistribuidora.com.br/assets/css/style.css?1615319586">

    
    <title>DOUPAN - Catálogo de Produtos - JCAT Distribuidora - Distribuidora de Alimentos e Descartáveis</title>
    <meta name="description" content="Conheça as marcas, departamento e categorias de produtos que trabalhamos.">
    <meta name="keywords" content="">
    <meta name="robots" content="index/follow">

    <script src="https://jcatdistribuidora.com.br/assets/plugins/jquery/jquery-3.5.1.min.js"></script>
    <script src="https://jcatdistribuidora.com.br/assets/plugins/bootstrap/bootstrap.bundle.min.js"></script>
    <script src="https://jcatdistribuidora.com.br/assets/js/scripts.js?1615301333"></script>
    </head>

<body class="">
            <section id="mainheader" class="d-flex flex-column">
            <nav class="bg-primary order-2 order-md-1 topbar">
                <div class="container">
                    <div class="d-flex justify-content-between py-2 py-lg-0">
                        <a href="https://jcatdistribuidora.com.br/fale-conosco#telefones" class="btn btn-link btn-sm text-light p-2"><i class="fad fa-headset mr-lg-1"></i> <span class="d-none d-lg-inline">Central de Atendimento</span></a>
                        <a href="https://wa.me/5521996837393" target="_blank" class="btn btn-link btn-sm text-light p-2"><i class="fab fa-whatsapp mr-lg-1"></i> <span class="d-none d-lg-inline">WhatsApp</span></a>
                        <a href="mailto:sac@jcat.com.br" target="_blank" class="btn btn-link btn-sm text-light p-2"><i class="fad fa-envelope-open-text mr-lg-1"></i> <span class="d-none d-lg-inline">sac@jcat.com.br</span></a>

                        <div class="mx-auto d-none d-md-inline-block"></div>

                        <a href="https://fb.com/jcatdistribuidora?source=institucional" target="_blank" class="btn btn-link text-light p-2"><i class="fab fa-facebook-square"></i></a>                        <a href="https://www.instagram.com/jcatdistribuidora" target="_blank" class="btn btn-link text-light p-2"><i class="fab fa-instagram"></i></a>                    </div>
                </div>
            </nav>

            <header class="navbar navbar-inverse bg-light navbar-expand-lg m-0 py-0 order-1 order-md-1">
                <div class="container">
                    <a href="https://jcatdistribuidora.com.br" class="navbar-brand"><img src="https://jcatdistribuidora.com.br/assets/img/logotipo.png" alt="" class="logotipo my-3"></a>

                                            <button type="button" id="menu-toggle" class="navbar-toggler btn btn-link p-2 text-primary collapsed" data-toggle="collapse" data-target="#main-menu">
                            <i class="fad fa-bars fa-2x"></i>
                            <i class="fad fa-times fa-2x"></i>
                        </button>

                        <nav id="main-menu" class="collapse navbar-collapse m-0 p-0">
                            <ul class="navbar-nav m-0 ml-auto py-5 py-lg-0">
                                                                    <li class="nav-item text-left text-bold">
                                        <a href="https://jcatdistribuidora.com.br/nossa-historia" class="nav-link p-3 text-primary " title="Nossa História">Nossa História</a>

                                        <div class="submenu list-group">
                                                                                    </div>
                                    </li>
                                                                    <li class="nav-item text-left text-bold">
                                        <a href="javascript:void(0);" class="nav-link p-3 text-primary " title="Nossos Produtos">Nossos Produtos</a>

                                        <div class="submenu list-group">
                                                                                            <a href="https://jcatdistribuidora.com.br/catalogo" class="nav-link p-3 text-primary list-group-item text-bold nowrap " title="Mostrar Todos">Mostrar Todos</a>

                                                                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/metalurgia" class="nav-link p-3 text-primary list-group-item text-bold nowrap " title="Metalurgia">Metalurgia</a>

                                                                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/padaria-confeitaria" class="nav-link p-3 text-primary list-group-item text-bold nowrap " title="Pararia / Confeitaria">Pararia / Confeitaria</a>

                                                                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/descartaveis" class="nav-link p-3 text-primary list-group-item text-bold nowrap " title="Descartáveis">Descartáveis</a>

                                                                                    </div>
                                    </li>
                                                                    <li class="nav-item text-left text-bold">
                                        <a href="https://jcatdistribuidora.com.br/parceiros-e-fornecedores" class="nav-link p-3 text-primary " title="Fornecedores">Fornecedores</a>

                                        <div class="submenu list-group">
                                                                                    </div>
                                    </li>
                                                                    <li class="nav-item text-left text-bold">
                                        <a href="https://jcatdistribuidora.com.br/fale-conosco" class="nav-link p-3 text-primary " title="Fale Conosco">Fale Conosco</a>

                                        <div class="submenu list-group">
                                                                                    </div>
                                    </li>
                                                                    <li class="nav-item text-left text-bold">
                                        <a href="https://jcatdistribuidora.com.br/catalogo?promo" class="nav-link p-3 text-primary " title="Promoções">Promoções</a>

                                        <div class="submenu list-group">
                                                                                    </div>
                                    </li>
                                                            </ul>
                        </nav>
                                    </div>
            </header>
        </section>

            <nav aria-label="breadcrumb" class="bg-secondary py-3 breacrumb-container" style="overflow-x: auto;">
        <ol class="breadcrumb my-0 py-0 container bg-transparent text-dark text-uppercase text-bold nowrap flex-nowrap w-100">
            <li class="breadcrumb-item"><a href="https://jcatdistribuidora.com.br" class="small text-bold"><i class="fad fa-home"></i></a></li><li class="breadcrumb-item"><a href="https://jcatdistribuidora.com.br/catalogo" class="small text-bold">Catálogo de Produtos</a></li>                    <li class="breadcrumb-item active small text-bold">Marca DOUPAN</li>
                    </ol>
    </nav>
    <section class="page-wrapper">
    <header class="bg-primary text-light border-bottom py-5 page-header d-print-none">
        <div class="container container-narrow">
            <h2 class="text-bold text-center">Catálogo de Produtos</h2>
            <div class="h5 text-center mt-3"><p>Conheça as marcas, departamento e categorias de produtos que trabalhamos.</p></div>        </div>
    </header>

        <article id="lista-produtos" class="py-5 py-print-0 page-content border-top">
        <div class="catalog container container-narrow">
            <form action="?" class="search-form" method="get">
                <label for="search-input" class="input-group mb-3 border shadow-sm rounded">
                                        <input type="search" id="search-input" name="busca" class="form-control form-control-lg border-0 bg-transparent" placeholder="Buscar produtos em DOUPAN" value="" />
                    <button type="submit" class="btn input-group-text px-3 border-0 bg-transparent"><i class="fad fa-search fa-flip-horizontal"></i></button>
                </label>
            </form>
                            <div class="text-center">
                    <img src="https://jcatdistribuidora.com.br/assets/img/fornecedores/doupan.webp" class="mb-4 mx-auto bg-light p-1 rounded-circle border border-2 shadow">
                </div>
                        <h3 class="text-center text-md-left">Marca DOUPAN</h3>
            <div class="d-flex flex-row gap-2"><a href="?" class="btn btn-primary">Todos os Produtos</a> &nbsp; <a href="?promo" class="btn btn-secondary">Em Promoção</a></div>
                            <div class="row align-items-center justify-content-between d-print-none">
                    <div class="col-12 col-sm-6 col-md-5 text-center text-sm-right order-sm-2 align-self-end">
                        <select onchange="window.location=`?page=${this.value}`" class="form-control mb-3 custom-select w-auto ">
                                                            <option value="1" >Página 1</option>
                                                            <option value="2" selected>Página 2</option>
                                                    </select>
                        <select onchange="window.location=`?limit=${this.value}`" class="form-control mb-3 custom-select w-auto">
                            <option value="30" selected>Mostrar 30</option>
                            <option value="50" >Mostrar 50</option>
                            <option value="100" >Mostrar 100</option>
                        </select>

                        <div class="btn-group mb-3 w-100 w-md-auto">
                            <button onclick="window.location=`?layout=list`" class="btn btn-primary"><i class="fad fa-th-list mr-2"></i> Lista</button>
                            <button onclick="window.location=`?layout=card`" class="btn btn-light"><i class="fad fa-grip-horizontal mr-2"></i> Grade</button>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6 col-md-4 text-center text-sm-left mb-3 order-sm-1">
                        <b>Exibindo:</b> 31 a 44 de 44 produtos.
                    </div>
                </div>
                                    <ul class="list-group">
                                                    <li class="list-group-item p-0">
                                <div class="row align-items-center">
                                    <div class="col-4 col-md-3 col-lg-2"><img src="https://www.jcatdistribuidora.com.br/storage/products/0000000220022.jpeg" class="d-block w-100 m-2 rounded bg-light" style="max-width: 128px; "></div>
                                    <div class="col-8 col-md-9 col-lg-10">
                                        <h5 class="mb-2 h6">
                                            FORMA RED RETA 20X7CM AL &ndash; DOUPAN                                            <small class="d-block">COD: 0000000220022</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/metalurgia" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Metalurgia</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/assadeiras-formas" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold">Assadeiras / Formas</small></a>
                                        </p>
                                        <p class="mb-4">Venda: PACOTE</p>
                                        <button href="#" class="btn btn-primary btn-sm text-uppercase rounded-pill mb-3"  data-toggle="modal" data-target="#modal-detalhes" onclick="openModal('FORMA RED RETA 20X7CM AL','0000000220022','Forma reonda ret 20x7','PACOTE','Metalurgia','Assadeiras / Formas','https://www.jcatdistribuidora.com.br/storage/products/0000000220022.jpeg')">Mais informações</button>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-group-item p-0">
                                <div class="row align-items-center">
                                    <div class="col-4 col-md-3 col-lg-2"><img src="https://www.jcatdistribuidora.com.br/storage/products/0000000220024.jpeg" class="d-block w-100 m-2 rounded bg-light" style="max-width: 128px; "></div>
                                    <div class="col-8 col-md-9 col-lg-10">
                                        <h5 class="mb-2 h6">
                                            FORMA RED RETA 25X5CM AL 1159 &ndash; DOUPAN                                            <small class="d-block">COD: 0000000220024</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/metalurgia" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Metalurgia</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/assadeiras-formas" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold">Assadeiras / Formas</small></a>
                                        </p>
                                        <p class="mb-4">Venda: PACOTE</p>
                                        <button href="#" class="btn btn-primary btn-sm text-uppercase rounded-pill mb-3"  data-toggle="modal" data-target="#modal-detalhes" onclick="openModal('FORMA RED RETA 25X5CM AL 1159','0000000220024','Forma redonda reta 25x5','PACOTE','Metalurgia','Assadeiras / Formas','https://www.jcatdistribuidora.com.br/storage/products/0000000220024.jpeg')">Mais informações</button>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-group-item p-0">
                                <div class="row align-items-center">
                                    <div class="col-4 col-md-3 col-lg-2"><img src="https://www.jcatdistribuidora.com.br/storage/products/0000000220026.jpeg" class="d-block w-100 m-2 rounded bg-light" style="max-width: 128px; "></div>
                                    <div class="col-8 col-md-9 col-lg-10">
                                        <h5 class="mb-2 h6">
                                            FORMA RED RETA 27X5CM AL 1160 &ndash; DOUPAN                                            <small class="d-block">COD: 0000000220026</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/metalurgia" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Metalurgia</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/assadeiras-formas" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold">Assadeiras / Formas</small></a>
                                        </p>
                                        <p class="mb-4">Venda: PACOTE</p>
                                        <button href="#" class="btn btn-primary btn-sm text-uppercase rounded-pill mb-3"  data-toggle="modal" data-target="#modal-detalhes" onclick="openModal('FORMA RED RETA 27X5CM AL 1160','0000000220026','Forma redonda reta 27x5','PACOTE','Metalurgia','Assadeiras / Formas','https://www.jcatdistribuidora.com.br/storage/products/0000000220026.jpeg')">Mais informações</button>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-group-item p-0">
                                <div class="row align-items-center">
                                    <div class="col-4 col-md-3 col-lg-2"><img src="https://www.jcatdistribuidora.com.br/storage/products/0000000220027.jpeg" class="d-block w-100 m-2 rounded bg-light" style="max-width: 128px; "></div>
                                    <div class="col-8 col-md-9 col-lg-10">
                                        <h5 class="mb-2 h6">
                                            FORMA RED RETA 30X5CM AL &ndash; DOUPAN                                            <small class="d-block">COD: 0000000220027</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/metalurgia" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Metalurgia</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold"></small></a>
                                        </p>
                                        <p class="mb-4">Venda: PACOTE</p>
                                        <button href="#" class="btn btn-primary btn-sm text-uppercase rounded-pill mb-3"  data-toggle="modal" data-target="#modal-detalhes" onclick="openModal('FORMA RED RETA 30X5CM AL','0000000220027','Forma redonda reta 30x5','PACOTE','Metalurgia','','https://www.jcatdistribuidora.com.br/storage/products/0000000220027.jpeg')">Mais informações</button>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-group-item p-0">
                                <div class="row align-items-center">
                                    <div class="col-4 col-md-3 col-lg-2"><img src="https://www.jcatdistribuidora.com.br/storage/products/0000000220054.jpeg" class="d-block w-100 m-2 rounded bg-light" style="max-width: 128px; "></div>
                                    <div class="col-8 col-md-9 col-lg-10">
                                        <h5 class="mb-2 h6">
                                            FORMA TORTA SUICA 5,7 FD X 4 AL X 8,8 BC &ndash; DOUPAN                                            <small class="d-block">COD: 0000000220054</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/metalurgia" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Metalurgia</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold"></small></a>
                                        </p>
                                        <p class="mb-4">Venda: UNIDADE</p>
                                        <button href="#" class="btn btn-primary btn-sm text-uppercase rounded-pill mb-3"  data-toggle="modal" data-target="#modal-detalhes" onclick="openModal('FORMA TORTA SUICA 5,7 FD X 4 AL X 8,8 BC','0000000220054','Forma torta suiça','UNIDADE','Metalurgia','','https://www.jcatdistribuidora.com.br/storage/products/0000000220054.jpeg')">Mais informações</button>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-group-item p-0">
                                <div class="row align-items-center">
                                    <div class="col-4 col-md-3 col-lg-2"><img src="https://www.jcatdistribuidora.com.br/storage/products/0000000220057.jpeg" class="d-block w-100 m-2 rounded bg-light" style="max-width: 128px; "></div>
                                    <div class="col-8 col-md-9 col-lg-10">
                                        <h5 class="mb-2 h6">
                                            FORMA TORTA SUICA MIN NR 0 C 12 UNID AL &ndash; DOUPAN                                            <small class="d-block">COD: 0000000220057</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/metalurgia" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Metalurgia</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold"></small></a>
                                        </p>
                                        <p class="mb-4">Venda: PACOTE</p>
                                        <button href="#" class="btn btn-primary btn-sm text-uppercase rounded-pill mb-3"  data-toggle="modal" data-target="#modal-detalhes" onclick="openModal('FORMA TORTA SUICA MIN NR 0 C 12 UNID AL','0000000220057','Forma mini torta suiça número 0 7,0 x 5,0 x 2,5 com 12 unidades','PACOTE','Metalurgia','','https://www.jcatdistribuidora.com.br/storage/products/0000000220057.jpeg')">Mais informações</button>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-group-item p-0">
                                <div class="row align-items-center">
                                    <div class="col-4 col-md-3 col-lg-2"><img src="https://www.jcatdistribuidora.com.br/storage/products/0000000220058.jpeg" class="d-block w-100 m-2 rounded bg-light" style="max-width: 128px; "></div>
                                    <div class="col-8 col-md-9 col-lg-10">
                                        <h5 class="mb-2 h6">
                                            FORMA TORTA SUICA MINI NR 01 C 12 UN AL &ndash; DOUPAN                                            <small class="d-block">COD: 0000000220058</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/metalurgia" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Metalurgia</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold"></small></a>
                                        </p>
                                        <p class="mb-4">Venda: PACOTE</p>
                                        <button href="#" class="btn btn-primary btn-sm text-uppercase rounded-pill mb-3"  data-toggle="modal" data-target="#modal-detalhes" onclick="openModal('FORMA TORTA SUICA MINI NR 01 C 12 UN AL','0000000220058','FORMA TORTA SUICA MINI NR 01 COM 12 UNIDADES','PACOTE','Metalurgia','','https://www.jcatdistribuidora.com.br/storage/products/0000000220058.jpeg')">Mais informações</button>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-group-item p-0">
                                <div class="row align-items-center">
                                    <div class="col-4 col-md-3 col-lg-2"><img src="https://www.jcatdistribuidora.com.br/storage/products/0000000220059.jpeg" class="d-block w-100 m-2 rounded bg-light" style="max-width: 128px; "></div>
                                    <div class="col-8 col-md-9 col-lg-10">
                                        <h5 class="mb-2 h6">
                                            FORMA TORTA SUICA MOD RIO C 12 UNID AL &ndash; DOUPAN                                            <small class="d-block">COD: 0000000220059</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/metalurgia" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Metalurgia</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold"></small></a>
                                        </p>
                                        <p class="mb-4">Venda: PACOTE</p>
                                        <button href="#" class="btn btn-primary btn-sm text-uppercase rounded-pill mb-3"  data-toggle="modal" data-target="#modal-detalhes" onclick="openModal('FORMA TORTA SUICA MOD RIO C 12 UNID AL','0000000220059','Forma mini torta suíça modelo rio 7,5 x 3 x 5,5 (boca x altura x fundo) com 12 unidades','PACOTE','Metalurgia','','https://www.jcatdistribuidora.com.br/storage/products/0000000220059.jpeg')">Mais informações</button>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-group-item p-0">
                                <div class="row align-items-center">
                                    <div class="col-4 col-md-3 col-lg-2"><img src="https://www.jcatdistribuidora.com.br/storage/products/0000000230028.jpeg" class="d-block w-100 m-2 rounded bg-light" style="max-width: 128px; "></div>
                                    <div class="col-8 col-md-9 col-lg-10">
                                        <h5 class="mb-2 h6">
                                            JOGO CORT RED LISO INOX 07 PECAS 9179 &ndash; DOUPAN                                            <small class="d-block">COD: 0000000230028</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/metalurgia" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Metalurgia</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/utensilios-descartaveis" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold">Utensilios Descartaveis</small></a>
                                        </p>
                                        <p class="mb-4">Venda: PACOTE</p>
                                        <button href="#" class="btn btn-primary btn-sm text-uppercase rounded-pill mb-3"  data-toggle="modal" data-target="#modal-detalhes" onclick="openModal('JOGO CORT RED LISO INOX 07 PECAS 9179','0000000230028','Jogo de cortador redondo liso inox com 7 peças','PACOTE','Metalurgia','Utensilios Descartaveis','https://www.jcatdistribuidora.com.br/storage/products/0000000230028.jpeg')">Mais informações</button>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-group-item p-0">
                                <div class="row align-items-center">
                                    <div class="col-4 col-md-3 col-lg-2"><img src="https://www.jcatdistribuidora.com.br/storage/products/0000000230064.jpeg" class="d-block w-100 m-2 rounded bg-light" style="max-width: 128px; "></div>
                                    <div class="col-8 col-md-9 col-lg-10">
                                        <h5 class="mb-2 h6">
                                            PINCEL DE SILICONE 21 CM 98125 &ndash; DOUPAN                                            <small class="d-block">COD: 0000000230064</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/metalurgia" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Metalurgia</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold"></small></a>
                                        </p>
                                        <p class="mb-4">Venda: PACOTE</p>
                                        <button href="#" class="btn btn-primary btn-sm text-uppercase rounded-pill mb-3"  data-toggle="modal" data-target="#modal-detalhes" onclick="openModal('PINCEL DE SILICONE 21 CM 98125','0000000230064','O pincel de silicone é próprio para o uso culinário, sem emendas, recomendado pela vigilância sanitária. Todo em silicone','PACOTE','Metalurgia','','https://www.jcatdistribuidora.com.br/storage/products/0000000230064.jpeg')">Mais informações</button>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-group-item p-0">
                                <div class="row align-items-center">
                                    <div class="col-4 col-md-3 col-lg-2"><img src="https://www.jcatdistribuidora.com.br/storage/products/0000000230038.jpeg" class="d-block w-100 m-2 rounded bg-light" style="max-width: 128px; "></div>
                                    <div class="col-8 col-md-9 col-lg-10">
                                        <h5 class="mb-2 h6">
                                            RASP CHOC REDONDO INOX &ndash; DOUPAN                                            <small class="d-block">COD: 0000000230038</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/metalurgia" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Metalurgia</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold"></small></a>
                                        </p>
                                        <p class="mb-4">Venda: PACOTE</p>
                                        <button href="#" class="btn btn-primary btn-sm text-uppercase rounded-pill mb-3"  data-toggle="modal" data-target="#modal-detalhes" onclick="openModal('RASP CHOC REDONDO INOX','0000000230038','Rapador de chocolate redondo inox','PACOTE','Metalurgia','','https://www.jcatdistribuidora.com.br/storage/products/0000000230038.jpeg')">Mais informações</button>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-group-item p-0">
                                <div class="row align-items-center">
                                    <div class="col-4 col-md-3 col-lg-2"><img src="https://www.jcatdistribuidora.com.br/storage/products/0000000230047.jpeg" class="d-block w-100 m-2 rounded bg-light" style="max-width: 128px; "></div>
                                    <div class="col-8 col-md-9 col-lg-10">
                                        <h5 class="mb-2 h6">
                                            RASPA INOX 12CM CABO TUBULAR DOUPAN &ndash; DOUPAN                                            <small class="d-block">COD: 0000000230047</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/metalurgia" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Metalurgia</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold"></small></a>
                                        </p>
                                        <p class="mb-4">Venda: PACOTE</p>
                                        <button href="#" class="btn btn-primary btn-sm text-uppercase rounded-pill mb-3"  data-toggle="modal" data-target="#modal-detalhes" onclick="openModal('RASPA INOX 12CM CABO TUBULAR DOUPAN','0000000230047','Raspadeira inox 12 cm','PACOTE','Metalurgia','','https://www.jcatdistribuidora.com.br/storage/products/0000000230047.jpeg')">Mais informações</button>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-group-item p-0">
                                <div class="row align-items-center">
                                    <div class="col-4 col-md-3 col-lg-2"><img src="https://www.jcatdistribuidora.com.br/storage/products/0000000230045.jpeg" class="d-block w-100 m-2 rounded bg-light" style="max-width: 128px; "></div>
                                    <div class="col-8 col-md-9 col-lg-10">
                                        <h5 class="mb-2 h6">
                                            ROLO CORT COISSANT INOX 11CM 9207 &ndash; DOUPAN                                            <small class="d-block">COD: 0000000230045</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/metalurgia" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Metalurgia</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold"></small></a>
                                        </p>
                                        <p class="mb-4">Venda: UNIDADE</p>
                                        <button href="#" class="btn btn-primary btn-sm text-uppercase rounded-pill mb-3"  data-toggle="modal" data-target="#modal-detalhes" onclick="openModal('ROLO CORT COISSANT INOX 11CM 9207','0000000230045','Rolo cortador croissant inox 11cm','UNIDADE','Metalurgia','','https://www.jcatdistribuidora.com.br/storage/products/0000000230045.jpeg')">Mais informações</button>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-group-item p-0">
                                <div class="row align-items-center">
                                    <div class="col-4 col-md-3 col-lg-2"><img src="https://www.jcatdistribuidora.com.br/storage/products/0000000230031.jpeg" class="d-block w-100 m-2 rounded bg-light" style="max-width: 128px; "></div>
                                    <div class="col-8 col-md-9 col-lg-10">
                                        <h5 class="mb-2 h6">
                                            ROLO DE MASSA GIR POLIT 40 X 6 CM &ndash; DOUPAN                                            <small class="d-block">COD: 0000000230031</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/metalurgia" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Metalurgia</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold"></small></a>
                                        </p>
                                        <p class="mb-4">Venda: PACOTE</p>
                                        <button href="#" class="btn btn-primary btn-sm text-uppercase rounded-pill mb-3"  data-toggle="modal" data-target="#modal-detalhes" onclick="openModal('ROLO DE MASSA GIR POLIT 40 X 6 CM','0000000230031','Rolo de massa polietileno com 40cm','PACOTE','Metalurgia','','https://www.jcatdistribuidora.com.br/storage/products/0000000230031.jpeg')">Mais informações</button>
                                    </div>
                                </div>
                            </li>
                                            </ul>
                            
            <div class="row align-items-center justify-content-center d-print-none my-3">
                <div class="col-12 text-center mb-3">
                    <a href="?page=1" class="btn btn-primary "><i class="fad fa-chevron-left"></i></a>

                    <select onchange="window.location=`?page=${this.value}`" class="form-control custom-select w-auto">
                                                    <option value="1" >Página 1</option>
                                                    <option value="2" selected>Página 2</option>
                                            </select>

                    <a href="?page=3" class="btn btn-primary disabled"><i class="fad fa-chevron-right"></i></a>

                    <a href="#lista-produtos" class="btn btn-secondary ancora m-3" style="z-index: 100; position: fixed; bottom: 0; right: 0; "><i class=" fad fa-chevron-up"></i></a>
                </div>
            </div>


        </div>
    </article>
</section>

<div id="modal-detalhes" class="modal fade">
    <div class="modal-dialog">
        <section class="modal-content">
            <header class="modal-header">
                <h5 class="modal-title" id="product-title">Detalhes do produto</h5>
                <button type="button" class="btn btn btn-secondary modal-close" data-dismiss="modal">Fechar</button>
            </header>
            <div class="modal-body">
                <div class="containerd-fluid">
                    <div class="row">
                        <div class="col-12 col-md-4"><img src="" alt="imagem" class="w-100 border rounded" id="produto-imagem"/></div>
                        <div class="col-12 col-md-8">
                            <h4 class="mb-3 h6">
                                <span id="produto-titulo"></span>
                                <small class="d-block">COD: <span id="produto-codigo"></span></small>
                            </h4>
                            <p class="card-text mb-3 text-muted small"><span id="produto-descricao"></span></p>
                            <p class="mb-3 text-muted small">Unidade de venda: <span id="produto-unidade"></span></p>
                            <p class="mb-2">
                                <a class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold"><span id="produto-departamento"></span></small></a>
                                <a class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold"><span id="produto-categoria"></span></small></a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>

<script>
    function openModal(titulo,codigo,descricao,unidade,departamento,categoria,imagem) {
        console.log(titulo);
        const modal = document.querySelector('#modal-detalhes');
        modal.querySelector('#produto-titulo').innerHTML = titulo;
        modal.querySelector('#produto-codigo').innerHTML = codigo;
        modal.querySelector('#produto-descricao').innerHTML = descricao;
        modal.querySelector('#produto-unidade').innerHTML = unidade;
        modal.querySelector('#produto-departamento').innerHTML = departamento;
        modal.querySelector('#produto-categoria').innerHTML = categoria;
        modal.querySelector('#produto-imagem').src = imagem;
        modal.querySelector('#produto-imagem').alt = titulo;


    }
</script>

<section id="categorias" class="bg-light border-top text-center py-5 shadow">
    <div class="container">
        <header class="section-header mb-5 text-center">
            <h2 class="text-bold">Departamentos e Categorias</h2>
        </header>

        <ul class="departments-list list-inline list-unstyled">
                            <li class="category-list-single m-2"><a href="https://jcatdistribuidora.com.br/catalogo/departamento/descartaveis" class="btn btn-outline-primary text-uppercase text-bold nowrap">Descartáveis</a></li>
                            <li class="category-list-single m-2"><a href="https://jcatdistribuidora.com.br/catalogo/departamento/metalurgia" class="btn btn-outline-primary text-uppercase text-bold nowrap">Metalurgia</a></li>
                            <li class="category-list-single m-2"><a href="https://jcatdistribuidora.com.br/catalogo/departamento/padaria-confeitaria" class="btn btn-outline-primary text-uppercase text-bold nowrap">Padaria / Confeitaria</a></li>
                            <li class="category-list-single m-2"><a href="https://jcatdistribuidora.com.br/catalogo/departamento/nilpan" class="btn btn-outline-primary text-uppercase text-bold nowrap">NILPAN</a></li>
                    </ul>

        <button type="button" class="btn btn-link d-block mx-auto text-muted text-bold" onclick="document.querySelector('.categories-list').classList.toggle('open');">Exibir Categorias <i class="fad fa-chevron-down ml-2"></i></button>
        <ul class="categories-list mt-3 list-inline list-unstyled">
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/bebidas" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Bebidas</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/cafe" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Cafe</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/frios" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Frios</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/bolo" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Bolo</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/sem-categoria" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Sem Categoria</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/margarina" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Margarina</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/farinha" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Farinha</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/doces-de-leite" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Doces de Leite</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/fermento" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Fermento</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/chantily" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Chantily</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/brilho-e-cobertura" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Brilho e Cobertura</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/recheios" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Recheios</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/pre-misturas" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Pré Misturas</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/melhoradores" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Melhoradores</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/essencias" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Essencias</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/corantes" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Corantes</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/emulsificantes" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Emulsificantes</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/untaforma-desmoldante" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Untaforma / Desmoldante</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/gelatina" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Gelatina</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/temperos-condimentos" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Temperos / Condimentos</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/saches" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Saches</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/queijos" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Queijos</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/chocolates" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Chocolates</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/decoracao" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Decoração</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/leite-composto-creme" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Leite / Composto / Creme</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/frutas-secas-conserva" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Frutas Secas / em Conserva</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/armario" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Armario</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/mesa" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Mesa</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/assadeiras-formas" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Assadeiras / Formas</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/utensilios-cortadore" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Utensilios / Cortadores</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/artigo-de-festa" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Artigo de Festa</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/isopor" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Isopor</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/embalagem-aluminio" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Embalagem Alumínio</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/artigos-de-papel" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Artigos de Papel</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/bandeja-plastica" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Bandeja Plastica</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/embalagem-plastica" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Embalagem Plastica</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/vime" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Vime</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/bobinas" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Bobinas</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/utensilios-descartaveis" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Utensilios Descartaveis</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/panetone" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Panetone</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/antimofo" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Antimofo</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/outros" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Outros</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/saco-sacola-plastica" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Saco / Sacola Plástica</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/refresco" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Refresco</a></li>
                            <li><a href="https://jcatdistribuidora.com.br/catalogo/categoria/brilho-recheio-nil" class="btn btn-outline-secondary btn-sm small text-bold text-uppercase m-1 p-1">Brilho / Recheio Nil</a></li>
                    </ul>
    </div>
</section>
    <footer id="mainfooter" class="bg-primary py-5 px-3 text-light">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-md-4 d-flex align-items-center">
                    <img src="https://jcatdistribuidora.com.br/assets/img/logotipo_original_branco.png" class="d-block w-50 mx-auto ml-md-0 mb-5">
                </div>
                <div class="col-12 col-md-4 mb-5">
                    <h4 class="mb-3"><i class="fad fa-building mr-2"></i> Institucional</h4>
                    <ul class="list-unstyled">
                        <li class="py-1"><a href="https://jcatdistribuidora.com.br/nossa-historia" class="text-light">Quem somos</a></li>
                        <li class="py-1"><a href="https://jcatdistribuidora.com.br/catalogo" class="text-light">Catálogo de Produtos</a></li>
                        <li class="py-1"><a href="https://jcatdistribuidora.com.br/politica-de-privacidade" class="text-light">Política de Privacidade</a></li>
                    </ul>
                </div>
                <div class="col-12 col-md-4 mb-5">
                    <h4 class="mb-3"><i class="fad fa-question-circle mr-2"></i> Ajuda e Suporte</h4>
                    <ul class="list-unstyled">
                        <li class="py-1"><a href="https://jcatdistribuidora.com.br/fale-conosco" class="text-light">Contato</a></li>
                        <li class="py-1"><a href="javascript:void(0);" onclick="snackbar(`Em breve`, 5);" class="text-light">Acompahe seu Pedido</a></li>
                    </ul>
                </div>
            </div>

            <hr>

            <div class="row">
                <div class="col-12 col-md-6 order-1 text-center text-md-left">
                    <h3 class="h6">Jcat Comércio de Produtos Alimentícios</h3>
                    <p class="small m-0">CNPJ: 31056356000170</p>
                    <p class="small">Rua Soldado Abel Mendanha, 06 - Pedra de Guaratiba Rio de Janeiro - RJ 23025-340</p>
                </div>
                <div class="col-12 order-2 order-md-3 text-justify">
                    <p class="py-4 small">As imagens expostas nesse site são meramente ilustrativas. Informações completas e precisas inclusive sobre preços, prazos de validade e origem podem ser obtidas diretamente com os fabricantes e/ou fornecedores.</p>
                </div>
                <div class="col-12 col-md-6 order-3 order-md-2">
                    <p class="text-center text-md-right">Desenvolvido por: <a href="https://linkinformaticarj.com.br" target="_blank" class="text-danger text-bold">Link Informática</a></p>
                </div>
            </div>

        </div>
    </footer>
</body>

</html>