<!-- 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] => 37
                    [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] => -1650
        )

    [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` = '37' AND `product`.`active` = '1' AND `product`.`deleted_at` IS NULL ORDER BY `title` ASC LIMIT 30
    [results] => 4
    [found] => 4
    [total] => 4
    [data] => Array
        (
            [0] => stdClass Object
                (
                    [id] => 18275
                    [barcode] => 0000000016315
                    [title] => PREDILECTA CATCHUP SACHET 144X7G
                    [slug] => padaria-confeitaria-predilecta-catchup-sachet-144x7g
                    [description] => PREDILECTA CATCHUP SACHET 144X7G
                    [department_id] => 7
                    [category_id] => 25
                    [brand_id] => 37
                    [unit_price] => 15.8
                    [unit_pkg] => CAIXA
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000016315.jpeg
                    [promotion] => 0
                    [brand_name] => PREDILECTA
                    [brand_slug] => predilecta
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/predilecta.webp
                    [department_name] => Padaria / Confeitaria
                    [department_slug] => padaria-confeitaria
                    [category_name] => Saches
                    [category_slug] => saches
                )

            [1] => stdClass Object
                (
                    [id] => 18276
                    [barcode] => 0000000016322
                    [title] => PREDILECTA MAIONESE SACHET 144X7G
                    [slug] => padaria-confeitaria-predilecta-maionese-sachet-144x7g
                    [description] => PREDILECTA MAIONESE SACHET 144X7G
                    [department_id] => 7
                    [category_id] => 25
                    [brand_id] => 37
                    [unit_price] => 15.41
                    [unit_pkg] => UNIDADE
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000016322.jpeg
                    [promotion] => 0
                    [brand_name] => PREDILECTA
                    [brand_slug] => predilecta
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/predilecta.webp
                    [department_name] => Padaria / Confeitaria
                    [department_slug] => padaria-confeitaria
                    [category_name] => Saches
                    [category_slug] => saches
                )

            [2] => stdClass Object
                (
                    [id] => 17299
                    [barcode] => 0000000150021
                    [title] => PREDILECTA MOLHO P/ PIZZA 3,1KG BAG
                    [slug] => padaria-confeitaria-predilecta-molho-p-pizza-3-1kg-bag
                    [description] => Molho Para Pizza Bag Caixa com 5 x 3,1 kg
                    [department_id] => 7
                    [category_id] => 46
                    [brand_id] => 37
                    [unit_price] => 22.21
                    [unit_pkg] => BISNAGA
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000150021.jpeg
                    [promotion] => 0
                    [brand_name] => PREDILECTA
                    [brand_slug] => predilecta
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/predilecta.webp
                    [department_name] => Padaria / Confeitaria
                    [department_slug] => padaria-confeitaria
                    [category_name] => Outros
                    [category_slug] => outros
                )

            [3] => stdClass Object
                (
                    [id] => 18277
                    [barcode] => 0000000016339
                    [title] => PREDILECTA MOSTARDA SACHET 144X5G
                    [slug] => padaria-confeitaria-predilecta-mostarda-sachet-144x5g
                    [description] => PREDILECTA MOSTARDA SACHET 144X5G
                    [department_id] => 7
                    [category_id] => 25
                    [brand_id] => 37
                    [unit_price] => 15.99
                    [unit_pkg] => CAIXA
                    [thumbnail] => https://www.jcatdistribuidora.com.br/storage/products/0000000016339.jpeg
                    [promotion] => 0
                    [brand_name] => PREDILECTA
                    [brand_slug] => predilecta
                    [brand_thumbnail] => https://jcatdistribuidora.com.br/assets/img/fornecedores/predilecta.webp
                    [department_name] => Padaria / Confeitaria
                    [department_slug] => padaria-confeitaria
                    [category_name] => Saches
                    [category_slug] => saches
                )

        )

)
 --><!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>PREDILECTA - 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 PREDILECTA</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 PREDILECTA" 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/predilecta.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 PREDILECTA</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 d-none">
                                                            <option value="1" >Página 1</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> -1649 a -1646 de 4 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/0000000016315.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">
                                            PREDILECTA CATCHUP SACHET 144X7G &ndash; PREDILECTA                                            <small class="d-block">COD: 0000000016315</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/padaria-confeitaria" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Padaria / Confeitaria</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/saches" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold">Saches</small></a>
                                        </p>
                                        <p class="mb-4">Venda: CAIXA</p>
                                        <button href="#" class="btn btn-primary btn-sm text-uppercase rounded-pill mb-3"  data-toggle="modal" data-target="#modal-detalhes" onclick="openModal('PREDILECTA CATCHUP SACHET 144X7G','0000000016315','PREDILECTA CATCHUP SACHET 144X7G','CAIXA','Padaria / Confeitaria','Saches','https://www.jcatdistribuidora.com.br/storage/products/0000000016315.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/0000000016322.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">
                                            PREDILECTA MAIONESE SACHET 144X7G &ndash; PREDILECTA                                            <small class="d-block">COD: 0000000016322</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/padaria-confeitaria" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Padaria / Confeitaria</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/saches" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold">Saches</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('PREDILECTA MAIONESE SACHET 144X7G','0000000016322','PREDILECTA MAIONESE SACHET 144X7G','UNIDADE','Padaria / Confeitaria','Saches','https://www.jcatdistribuidora.com.br/storage/products/0000000016322.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/0000000150021.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">
                                            PREDILECTA MOLHO P/ PIZZA 3,1KG BAG &ndash; PREDILECTA                                            <small class="d-block">COD: 0000000150021</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/padaria-confeitaria" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Padaria / Confeitaria</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/outros" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold">Outros</small></a>
                                        </p>
                                        <p class="mb-4">Venda: BISNAGA</p>
                                        <button href="#" class="btn btn-primary btn-sm text-uppercase rounded-pill mb-3"  data-toggle="modal" data-target="#modal-detalhes" onclick="openModal('PREDILECTA MOLHO P/ PIZZA 3,1KG BAG','0000000150021','Molho Para Pizza Bag Caixa com 5 x 3,1 kg','BISNAGA','Padaria / Confeitaria','Outros','https://www.jcatdistribuidora.com.br/storage/products/0000000150021.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/0000000016339.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">
                                            PREDILECTA MOSTARDA SACHET 144X5G &ndash; PREDILECTA                                            <small class="d-block">COD: 0000000016339</small>
                                        </h5>
                                        <p class="mb-2">
                                            <a href="https://jcatdistribuidora.com.br/catalogo/departamento/padaria-confeitaria" class="btn btn-primary btn-sm p-0 px-1"><small class="text-bold">Padaria / Confeitaria</small></a>
                                            <a href="https://jcatdistribuidora.com.br/catalogo/categoria/saches" class="btn btn-secondary btn-sm p-0 px-1"><small class="text-bold">Saches</small></a>
                                        </p>
                                        <p class="mb-4">Venda: CAIXA</p>
                                        <button href="#" class="btn btn-primary btn-sm text-uppercase rounded-pill mb-3"  data-toggle="modal" data-target="#modal-detalhes" onclick="openModal('PREDILECTA MOSTARDA SACHET 144X5G','0000000016339','PREDILECTA MOSTARDA SACHET 144X5G','CAIXA','Padaria / Confeitaria','Saches','https://www.jcatdistribuidora.com.br/storage/products/0000000016339.jpeg')">Mais informações</button>
                                    </div>
                                </div>
                            </li>
                                            </ul>
                            
            <div class="row align-items-center justify-content-center d-print-none my-3 d-none">
                <div class="col-12 text-center mb-3">
                    <a href="?page=-55" 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>
                                            </select>

                    <a href="?page=-53" class="btn btn-primary "><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>