PageSourceSearch

https://jrleiloes.com.br/index/quem-somos

html jrleiloes.com.br collected 2026-10-08 19:24:22 UTC 89,228 bytes, 2,074 lines download raw bytes

1
2<!DOCTYPE html>
3<html>
4
5<head>
6    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
7    <meta name="author" content="Joyce Ribeiro Leilões"/>
8    <meta name="title" content="Joyce Ribeiro Leilões">
9    <meta property="og:title" content="Joyce Ribeiro Leilões">
10    <meta name="description" content="Joyce Ribeiro Leilões"/>
11    <meta property="og:description" content="Joyce Ribeiro Leilões - Leilões...">
12    <meta name="keywords" content="leilão judicial, leilão justiça trabalho, leilão justiça estadual, leilão justiça federal, leilão eletrônico, leilão online, leilão casa, leilão terreno, leilão apartamento, leilão galpão, leilão barracão, leilão fazenda, leilão chácara, leilão sítio, leilão carro, leilão moto, leilão caminhão, leilão trator, leilão colheitadeira, leilão avião, leilão helicóptero, leilão vaca, leilão boi, leilão porco, leilão gado, leilão móveis, leilão barco, leilão lancha, leilão jet ski, leilão iate, leilão combustível, leilão arma"/>
13    <meta name="rating" content="General">
14    <meta name="expires" content="never">
15    <meta name="language" content="portuguese">
16    <meta name="charset" content="UTF-8">
17    <meta name="distribution" content="Global">
18    <title>Joyce Ribeiro Leilões</title>
19    <link rel="shortcut icon"
20          href="https://s3-sa-east-1.amazonaws.com/906de634c48fb7d34136160b4c353ae4/public/jrleiloes/layout/favicon.png"
21          type="image/x-icon"/>
22    <link rel="apple-touch-icon"
23      href="https://s3-sa-east-1.amazonaws.com/906de634c48fb7d34136160b4c353ae4/public/jrleiloes/layout/icon-192.png">
24    <link rel="manifest" href="/index/manifest">
25
26
27    <!-- Mobile Metas -->
28    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
29
30    <!-- Web Fonts  -->
31    <link rel="preconnect" href="https://fonts.googleapis.com">
32    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
33    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
34
35    <!-- Tailwind CSS -->
36    <link rel="stylesheet" href="/tailwindcss/css/app.css?v=1791487462"/>
37
38    <!-- Custom Icons -->
39    <link rel="stylesheet" href="/tailwindcss/css/icons/style.css"/>
40
41    <link rel="stylesheet" href="/v3/vendor/font-awesome/css/font-awesome.min.css">
42
43    <!-- VUE -->
44    <link rel="stylesheet" href="/v3/js/vue/jquery-ui/jquery-ui.css">
45
46    <!-- Head Libs
47    
47<script src="/v3/vendor/modernizr/modernizr.min.js"></script>
47-->
48
49    
49<script src="/v3/vendor/jquery/jquery.min.js"></script>
49
50    
50<script src="/v3/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
50
51    <link rel="stylesheet" href="/v3/vendor/magnific-popup/magnific-popup.min.css">
52    <style>
53        #categorias-leilao {
54            display: flex;
55            padding: 6px;
56            background: gray;
57            width: fit-content;
58            border-radius: 5px;
59            gap: 10px;
60            align-items: center;
61        }
62
63        .share_leilao {
64            position: relative;
65            background-color: gray;
66            border-radius: 5px;
67            padding: 6px;
68            width: fit-content;
69            cursor: pointer;
70        }
71
72        .nm_status {
73            position: absolute;
74            display: flex;
75            justify-content: space-evenly;
76            align-items: center;
77            font-size: 13px;
78            padding: 10px 15px;
79            bottom: 0;
80            width: 100%;
81        }
82
83        .nm_statusmontagem {
84            position: absolute;
85            font-size: 13px;
86            top: 10px;
87            left: 10px;
88        }
89
90        .estado-lote-span {
91            display: grid;
92            grid-template-columns: 1fr 1fr 1fr 1fr;
93            width: 150px;
94            gap: 5px;
95        }
96
97        .estado-lote {
98            border: 1px solid #ccc;
99            display: flex;
100            justify-content: center;
101            align-items: center;
102            font-weight: bold;
103            border-radius: 2px;
104            font-size: 12px;
105        }
106
107        .categoria_share {
108            display: flex;
109            align-items: center;
110            justify-content: space-between;
111            margin-bottom: 15px;
112        }
113
114        #share-title {
115            max-height: 50px;
116            overflow-y: auto;
117        }
118
119        #share-title::-webkit-scrollbar {
120            width: 5px;
121        }
122
123        #share-title::-webkit-scrollbar-track {
124            background: transparent;
125        }
126
127        #share-title::-webkit-scrollbar-thumb {
128            background-color: #0a1a3d;
129            border-radius: 20px;
130        }
131
132        #nm_leilao {
133            color: #1C2D47;
134            font-weight: 800;
135            font-size: 12px !important;
136            text-transform: uppercase;
137            display: -webkit-box;
138            -webkit-line-clamp: 2;
139            -webkit-box-orient: vertical;
140            overflow: hidden;
141            max-width: 212px;
142        }
143
144        #leiloes-list li.destaque {
145            animation: blink 2s infinite;
146        }
147
148        @keyframes blink {
149            0%, 100% {
150                border: 3px solid #1C2D47;
151            }
152            50% {
153                border: inherit;
154            }
155        }
156
157        @media (max-width: 1024px) {
158            #nm_leilao {
159                max-width: 205px;
160            }
161        }
162
163        @media (max-width: 768px) {
164            #nm_leilao {
165                max-width: 255px;
166            }
167        }
168
169        .body-card {
170            padding: 1rem;
171        }
172
173        .container-lote-list {
174            max-width: 1500px !important;
175        }
176
177        #lotes-list {
178            max-width: 1360px !important;
179            gap: 3.5rem;
180        }
181
182        #lotes-list .list-lote {
183            background: transparent;
184            background-image: url("https://serrano-desenvolvimento.s3.sa-east-1.amazonaws.com/public/meirelesleiloes/layout/card-lote-435.png");
185            background-repeat: no-repeat;
186            background-size: cover;
187            min-height: 401px;
188            max-height: 401px;
189            min-width: 281px;
190            max-width: 281px;
191            transition: all 0.3s ease-in-out;
192            cursor: pointer;
193            padding: 0 20px 10px 20px;
194            display: flex;
195            flex-direction: column;
196            justify-content: space-between;
197            align-items: center;
198        }
199
200        .componente-lote-li {
201            width: 280px !important;
202        }
203
204        .content-img {
205            display: flex;
206            align-items: center;
207            position: relative;
208            z-index: 1;
209            height: 145px;
210        }
211
212        .content-img .img-lote {
213            width: 280px;
214            height: 145px;
215        }
216
217        .content-img .img-lote img {
218            width: 280px;
219            height: 145px;
220            object-fit: cover;
221            border-radius: 10px;
222            border: 1px solid rgba(0, 0, 0, 0.1);
223        }
224
225        .status-num_lote {
226            z-index: 2;
227            display: flex;
228            justify-content: space-between;
229            width: 255px;
230            position: absolute;
231            transform: translateY(10px);
232        }
233
234        .btn-hab-extra {
235            top: 95px;
236            position: absolute;
237            width: 100%;
238            background-color: rgba(255, 255, 255, 0.5);
239            backdrop-filter: blur(5px);
240            border-radius: 5px;
241            padding: 5px 7px;
242            display: flex;
243            font-size: 14px;
244            justify-content: center;
245            gap: 10px;
246            align-items: center;
247        }
248
249        .btn-hab-extra img {
250            opacity: 0.5;
251        }
252
253        .modal {
254            display: none;
255            position: fixed;
256            top: 0;
257            left: 0;
258            z-index: 1050;
259            width: 100%;
260            height: 100%;
261            overflow: hidden;
262            background-color: rgba(0, 0, 0, 0.5);
263        }
264
265        .modal.show {
266            display: block;
267        }
268
269        .modal-dialog {
270            max-width: 500px;
271            margin: 1.75rem auto;
272            pointer-events: none;
273            min-width: 50rem;
274        }
275
276        .modal-content {
277            pointer-events: auto;
278        }
279
280        body.modal-open {
281            overflow: hidden;
282        }
283
284        .custom-modal .modal-content {
285            border-radius: 12px;
286            border: none;
287            background-color: #f9f9f9;
288            overflow: hidden;
289            min-width: 50rem;
290            max-height: 30rem;
291            min-height: 30rem;
292            display: flex;
293            flex-direction: column;
294            justify-content: space-between;
295        }
296
297        .custom-modal-header {
298            color: white;
299            text-align: center;
300            border-bottom: none;
301            height: 405px;
302        }
303
304        h5#modalHabilitacaoExtraLabel {
305            background: linear-gradient(to right, #343a40, #495057);
306        }
307
308        .custom-modal-body {
309            padding: 1.5rem;
310            font-size: 1rem;
311            color: #333;
312            display: flex;
313            height: 100%;
314        }
315
316        .hab-tab-content {
317            width: fit-content;
318            display: flex;
319            max-height: 21rem;
320            overflow: auto;
321            text-align: justify;
322        }
323
324        #mensagemLiberacao {
325            min-width: 300px;
326            width: 100%;
327        }
328
329        #fecharModalLiberacao {
330            background-color: #1c2d47;
331            transition: all 0.3s ease-in-out;
332            border-bottom-left-radius: 5px;
333            border-bottom-right-radius: 5px;
334            color: white;
335            font-size: 12px;
336        }
337
338        #fecharModalLiberacao:hover {
339            background-color: #264579;
340        }
341
342        .redirecionaUsuario {
343            width: 100%;
344            display: flex;
345            justify-content: center;
346            font-size: 14px;
347            margin: 10px 0;
348        }
349
350        .LinkRedirecionaUsuario {
351            text-decoration: underline;
352        }
353
354        .modal-backdrop {
355            background-color: rgba(0, 0, 0, 0.5);
356        }
357
358        .modal-footer {
359            width: 100%;
360            display: flex;
361            justify-content: center;
362            flex-direction: column;
363            border-top: 1px solid #000;
364        }
365
366        .status_lote {
367            padding: 5px;
368            border-radius: 5px;
369            font-size: 12px;
370            display: flex;
371            align-items: center;
372            justify-content: center;
373            backdrop-filter: blur(10px);
374            font-weight: 500;
375        }
376
377        .status_lote.bg-white {
378            background-color: rgba(255, 255, 255, 0.5);
379        }
380
381        .num_lote {
382            padding: 5px 7px;
383            display: flex;
384            align-items: center;
385            justify-content: center;
386            font-size: 12px;
387            background-color: rgba(255, 255, 255, 0.5);
388            backdrop-filter: blur(5px);
389            border: 0.5px solid #ccc;
390            border-radius: 5px;
391        }
392
393        .content-title {
394            display: flex;
395            gap: 10px;
396            padding: 10px;
397            border-radius: 10px;
398            font-size: 12px;
399            background-color: #ebebeb;
400            width: 260px;
401            height: 50px;
402            align-items: center;
403        }
404
405        .title_lote {
406            font-size: 12px !important;
407            display: -webkit-box;
408            -webkit-line-clamp: 2;
409            -webkit-box-orient: vertical;
410            overflow: hidden;
411            color: #1C2D47;
412            font-weight: 600;
413        }
414
415        .content_body {
416            display: flex;
417            flex-direction: column;
418            gap: 5px;
419            padding: 10px;
420            border-radius: 10px;
421            background-color: #ebebeb;
422            width: 260px;
423            font-size: 10px;
424            font-family: 'Poppins', sans-serif;
425            font-weight: 500;
426        }
427
428        .cidade-estado {
429            display: flex;
430            align-items: center;
431        }
432
433        .icon-label {
434            display: flex;
435            gap: 10px;
436            align-items: center;
437            color: var(--azul-escuro);
438            flex-shrink: 0;
439            font-family: 'Poppins', sans-serif !important;
440        }
441
442        .vl-avaliacao,
443        .vl-lanceminimo,
444        .vl-lanceatual,
445        .vl-usuario {
446            display: flex;
447            justify-content: space-between;
448            align-items: center;
449            color: var(--azul-escuro);
450        }
451
452        .button-acessar-lote {
453            width: 156px;
454            height: fit-content;
455            border-radius: 5px;
456            padding: 10px;
457            background-color: #1C2D47;
458            color: #fff;
459            font-size: 12px;
460            display: flex;
461            align-items: center;
462            justify-content: center;
463            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
464            transition: all 0.3s ease-in-out;
465        }
466
467        .button-acessar-lote:hover {
468            box-shadow: none;
469            transition: all 0.3s ease-in-out;
470            background-color: #264579;
471        }
472
473        .newsletter-popup {
474            max-width: 700px;
475            width: 100%;
476            height: 324px;
477            background: #2f3035;
478            padding: 40px 40px 25px;
479            border-top: 4px solid #0088CC;
480            border-radius: 5px;
481            margin-right: auto;
482            margin-left: auto;
483            position: relative;
484            background-repeat: no-repeat;
485            background-position: center center;
486            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
487        }
488
489        .newsletter-popup-content {
490            max-width: 300px;
491            text-align: center;
492            display: flex;
493            flex-direction: column;
494            align-items: center;
495        }
496
497        .newsletter-popup-content .btn,
498        .newsletter-popup-content .form-control {
499            font-size: 13px;
500            padding-top: 7px;
501            padding-bottom: 7px;
502        }
503
504        .newsletter-popup-content .form-control {
505            height: 34px;
506        }
507
508        .newsletter-popup h2 {
509            font-weight: 700;
510            color: #fff;
511            font-size: 16px;
512            line-height: 1;
513            margin: 30px 0 12px;
514        }
515
516        .newsletter-popup p {
517            font-size: 13px;
518            line-height: 1.4;
519            color: #ccc;
520        }
521
522        .newsletter-popup form {
523            margin: 0 0 8px;
524        }
525
526        .mfp-close-btn-in .newsletter-popup .mfp-close {
527            color: #0088CC;
528            font-weight: 700;
529            opacity: 0.85;
530            top: -5px;
531        }
532
533        a#usuario_pendente {
534            color: #0088cc;
535        }
536
537        .hab-tabs-nav {
538            height: 355px;
539            width: 30%;
540            border-right: 1px solid #ccc;
541        }
542
543        .hab-tab-btn {
544            font-size: 0.9rem;
545        }
546
547        .hab-tab-btn.active {
548            box-shadow: inset -2px -2px 5px rgba(0, 0, 0, 0.1);
549            font-weight: 600;
550            font-size: 0.9rem;
551        }
552
553        @media (max-width: 768px) {
554            .modal-dialog {
555                max-width: 40rem;
556                min-width: 40rem;
557            }
558
559            .custom-modal .modal-content {
560                min-width: initial;
561                max-width: 40rem;
562            }
563
564            .hab-tab-content {
565
566            }
567        }
568
569        @media (max-width: 435px) {
570            .modal-dialog {
571                max-width: 27rem;
572                min-width: fit-content;
573            }
574
575            .hab-tab-btn.active {
576                font-size: 0.7rem;
577                min-width: initial;
578            }
579
580            #mensagemLiberacao {
581                font-size: 0.7rem;
582            }
583
584            .redirecionaUsuario {
585                font-size: 12px;
586            }
587        }
588    </style>
589
590    
591</head>
592
593<body>
594
595<!-- Pre-loader -->
596<div class="w-full h-screen fixed block top-0 left-0 bg-jrBlue-100 z-[100]" id="pre-loader">
597    <div class="top-1/2 my-0 flex justify-center relative">
598        <i class="icon-logo animate-pulse text-9xl"></i>
599    </div>
600</div>
601
602
603<style>
604    .container-cookies-informations span:nth-child(1) {
605        font-size: 1.2em;
606        font-weight: 600;
607        margin-bottom: 5px;
608        color: rgb(26, 26, 26);
609    }
610
611    .container-cookies-informations span {
612        display: block;
613        font-size: 1em;
614    }
615
616    .container-cookies-informations a {
617        text-decoration: underline;
618    }
619
620    .container-cookies-accept a {
621        margin: 0px 20px 0px 0px;
622        text-decoration: underline;
623        font-size: 1em;
624        font-weight: 500;
625    }
626
627    .container-cookies-accept button {
628        border: 0px;
629        border-radius: 4px;
630        background: rgb(20, 101, 223);
631        color: #FFF;
632        font-size: 1em;
633        padding: 10px;
634        cursor: pointer;
635    }
636
637    .container-cookies-accept button:nth-child(3) {
638        margin-left: 20px;
639        background: #c00202;
640    }
641
642    .container-cookies-modal {
643        background: rgba(0, 0, 0, 0.5);
644        z-index: 1000000001 !important;
645        position: fixed;
646        top: 50%;
647        left: 50%;
648        transform: translate(-50%, -50%);
649        width: 100%;
650        height: 100%;
651    }
652
653    .container-cookies-modal-header span {
654        font-size: 1.4em;
655        font-weight: 600;
656    }
657
658    .container-cookies-modal-header button {
659        background: rgb(212, 27, 27);
660        border-radius: 2px;
661        border: 0px;
662        color: #FFF;
663        font-weight: 600;
664        padding: 1px 8px 2px 8.2px;
665        cursor: pointer;
666    }
667
668    .container-cookies-modal-footer button {
669        padding: 10px 20px;
670        border-radius: 2px;
671        background: rgb(20, 101, 223);
672        color: #FFF;
673        border: 0px;
674    }
675
676    .desabled {
677        display: none;
678    }
679
680    .checked {
681        display: flex;
682        align-items: center;
683        justify-content: space-between;
684    }
685
686    .checked b {
687        width: 95%;
688    }
689
690    @media (max-width: 1024px) {
691        .container-cookies-informations span:nth-child(1) {
692            font-size: 1.1em;
693        }
694
695        .container-cookies-informations span {
696            font-size: 0.9em;
697        }
698
699        .container-cookies-accept a {
700            font-size: 0.9em;
701        }
702
703        .container-cookies-accept button {
704            font-size: 0.9em;
705        }
706
707        .container-cookies {
708            display: flex;
709            flex-direction: column;
710            width: 100%;
711            background: #FFF;
712            position: fixed;
713            bottom: 0;
714            z-index: 1000000000 !important;
715            box-shadow: 0 4px 28px 0 rgb(0 0 0 / 38%);
716        }
717
718        .container-cookies-informations {
719            width: 100%;
720            padding: 25px 40px;
721        }
722
723        .container-cookies-accept {
724            display: flex;
725            align-items: center;
726            justify-content: space-between;
727            width: 100%;
728            padding: 1rem 40px;
729            flex-wrap: wrap;
730            gap: 1rem;
731        }
732
733        .container-cookies-accept_buttons {
734            display: flex;
735            gap: 1rem;
736            width: 100%;
737        }
738
739        /* #omnizeButtonFrame {
740            position: fixed !important;
741            bottom: 220px !important;
742            right: 34px !important;
743            z-index: 3 !important;
744        }
745
746        #omnizemessageFrame {
747            z-index: 4 !important;
748            bottom: 226px !important;
749            right: 120px !important;
750        }
751
752        #omnizeWgtContainerFrame {
753            z-index: 2 !important;
754        } */
755        .container-cookies-modal-card {
756            background: #FFF;
757            width: 98%;
758            height: 610px;
759            border-radius: 4px;
760            position: fixed;
761            top: 50%;
762            left: 50%;
763            transform: translate(-50%, -50%);
764        }
765
766        .container-cookies-modal-header {
767            display: flex;
768            align-items: center;
769            justify-content: space-between;
770            padding: 10px 20px 10px 12px;
771            border-bottom: 1px solid #bdbbbb;
772        }
773
774        .container-cookies-modal-header span {
775            font-size: 1.2em;
776        }
777
778        .container-cookies-modal-body {
779            display: flex;
780            flex-direction: column;
781        }
782
783        .container-cookies-modal-body nav {
784            display: flex;
785            flex-direction: column;
786            width: 100%;
787        }
788
789        .container-cookies-modal-body nav li {
790            list-style-type: none;
791            padding: 8px 12px;
792            border-bottom: 1px solid #bdbbbb;
793            font-size: 1em;
794            font-weight: 600;
795            cursor: pointer;
796        }
797
798        .container-cookies-modal-body nav .active {
799            border-bottom: 6px solid rgb(20, 101, 223);
800            padding: 8px 12px;
801            font-weight: 700;
802        }
803
804        .container-cookies-modal-body section {
805            display: flex;
806            flex-direction: column;
807            height: 10px;
808            width: 100%;
809            padding: 20px;
810            text-align: justify;
811        }
812
813        .container-cookies-modal-footer {
814            position: absolute;
815            bottom: 0;
816            left: 0;
817            padding: 20px;
818            height: 100px;
819            display: flex;
820            flex-direction: row;
821            justify-content: space-between;
822            width: 100%;
823            align-items: start;
824            border-top: 1px solid #bdbbbb;
825        }
826    }
827
828    @media (min-width: 1024px) {
829        /* #omnizeButtonFrame {
830            position: fixed !important;
831            bottom: 128px !important;
832            right: 34px !important;
833            z-index: 3 !important;
834        }
835
836        #omnizemessageFrame {
837            z-index: 4 !important;
838            bottom: 135px !important;
839            right: 120px !important;
840        } */
841        /* #omnizeWgtContainerFrame {
842            z-index: 2 !important;
843            bottom: 118px !important;
844        } */
845        .container-cookies {
846            display: flex;
847            justify-content: space-between;
848            align-items: center;
849            width: 100%;
850            background: #FFF;
851            position: fixed;
852            bottom: 0;
853            z-index: 1000000000 !important;
854            box-shadow: 0 4px 28px 0 rgb(0 0 0 / 38%);
855        }
856
857        .container-cookies-informations {
858            width: 50%;
859            padding: 40px;
860        }
861
862        .container-cookies-accept {
863            display: flex;
864            align-items: center;
865            justify-content: right;
866            width: 50%;
867            padding: 40px;
868        }
869
870        .container-cookies-modal-card {
871            background: #FFF;
872            width: 730px;
873            max-width: 730px;
874            height: 610px;
875            border-radius: 4px;
876            position: fixed;
877            top: 50%;
878            left: 50%;
879            transform: translate(-50%, -50%);
880        }
881
882        .container-cookies-modal-header {
883            display: flex;
884            align-items: center;
885            justify-content: space-between;
886            padding: 10px 20px 20px 20px;
887            border-bottom: 1px solid #bdbbbb;
888        }
889
890        .container-cookies-modal-body {
891            display: flex;
892            justify-content: space-between;
893        }
894
895        .container-cookies-modal-body nav {
896            display: flex;
897            flex-direction: column;
898            width: 30%;
899            padding: 0px 0px;
900        }
901
902        .container-cookies-modal-body nav li {
903            list-style-type: none;
904            padding: 8px 20px;
905            border-bottom: 1px solid #bdbbbb;
906            font-size: 1.1em;
907            font-weight: 600;
908            cursor: pointer;
909        }
910
911        .container-cookies-modal-body nav .active {
912            border-left: 10px solid rgb(20, 101, 223);
913            padding: 8px 12px;
914            font-weight: 700;
915        }
916
917        .container-cookies-modal-body section {
918            display: flex;
919            flex-direction: column;
920            height: 10px;
921            width: 70%;
922            padding: 20px;
923            text-align: justify;
924        }
925
926        .container-cookies-modal-footer {
927            position: absolute;
928            bottom: 0;
929            left: 0;
930            padding: 20px;
931            height: 100px;
932            display: flex;
933            flex-direction: row;
934            justify-content: space-between;
935            width: 100%;
936            align-items: start;
937            border-top: 1px solid #bdbbbb;
938        }
939    }
940
941</style>
942
943<div class="container-cookies-modal" style="display: none;">
944    <div class="container-cookies-modal-card">
945        <div class="container-cookies-modal-header">
946            <span>Centro de preferências de privacidade</span>
947            <button type="button">x</button>
948        </div>
949        <div class="container-cookies-modal-body">
950            <nav>
951                <li class="active" data-session="0">Sua privacidade</li><span class="icol-arrowdown"></span>
952                <li data-session="1">Cookies essenciais</li>
953                <li data-session="2">Cookies de publicidade</li>
954                <li data-session="3">Cookies de analíticos</li>
955                <li data-session="4">Cookies de funcionalidade</li>
956            </nav>
957            <section>
958					<span>
959						<b>Sua privacidade</b><br>
960						Pensando na sua privacidade, oferecemos à você a opção de decidir como deseja que seus dados de navegação sejam coletados. <br><br>
961						Para alterar, à qualquer momento, sua personalização do nível de cookies, acesse nossa <a
962                                href="/index/politica-privacidade">Política de Privacidade.</a><br><br>
963                        Nas opções ao lado você pode fazer a sua escolha.
964					</span>
965                <span class="desabled">
966						<div class="checked"><b>Essenciais</b> <input type="checkbox" data-keys="essenciais"
967                                                                      data-session="1" checked disabled><br></div>
968						São cookies essenciais que possibilitam a navegação em nossas aplicações e o acesso a todos os recursos; sem estes, nossos serviços podem apresentar mal desempenho ou não funcionar.
969					</span>
970                <span class="desabled">
971						<div class="checked"><b>Publicidade</b> <input type="checkbox" data-keys="publicidade"
972                                                                       data-session="2"><br></div>
973						Estes cookies podem ser estabelecidos através do nosso site pelos nossos parceiros de publicidade. Podem ser usados por essas empresas para construir um perfil sobre os seus interesses e mostrar-lhe anúncios relevantes em outros websites. Eles não armazenam diretamente informações pessoais, mas são baseados na identificação exclusiva do seu navegador e dispositivo de internet. Se não permitir estes cookies, terá menos publicidade direcionada.
974					</span>
975                <span class="desabled">
976						<div class="checked"><b>Analíticos</b> <input type="checkbox" data-keys="analiticos"
977                                                                      data-session="3"><br></div>
978						Estes cookies são usados para recolher informações sobre a forma como os visitantes utilizam o nosso website. Usamos as informações para avaliar o desempenho do nosso website e para nos ajudar a melhorá-lo. Os cookies recolhem informações, incluindo o número de visitantes do website, como os visitantes chegaram ao website e a página que visitaram, sem recolher nenhuma informação pessoal.
979					</span>
980                <span class="desabled">
981						<div class="checked"><b>Funcionalidade</b> <input type="checkbox" data-keys="funcionalidade"
982                                                                          data-session="4"><br></div>
983						São utilizados para assegurar a disponibilização de funcionalidades adicionais do site, como por exemplo o nosso web chat.
984					</span>
985            </section>
986        </div>
987        <div class="container-cookies-modal-footer">
988            <button type="button" id="confirmar_escolhas">Confirmar minhas escolhas</button>
989            <button type="button" class="permitir_todos" data-enviar="0">Permitir todos</button>
990        </div>
991    </div>
992</div>
993
994<div class="container-cookies">
995    <div class="container-cookies-informations">
996        <span>Aviso de cookies</span>
997        <span>Utilizamos cookies para que o site possa funcionar, para melhorar a sua navegação, personalizar conteúdo apresentado a você, bem como para obter informações estatísticas sobre o uso do site. Saiba mais no <a
998                    href="https://s3-sa-east-1.amazonaws.com/906de634c48fb7d34136160b4c353ae4/core/aviso_cookies.pdf" target="_blank"> Aviso de Cookies </a></span>
999    </div>
1000    <div class="container-cookies-accept">
1001        <a href="#">Preferências de cookies</a>
1002        <div class="container-cookies-accept_buttons">
1003            <button type="button" class="permitir_todos" data-enviar="1">Aceitar todos os cookies</button>
1004            <button type="button" class="recusar_todos" data-enviar="2">Fechar</button>
1005        </div>
1006    </div>
1007</div>
1008
1009<!-- <a href="#" class="preferencias_cookies">Preferências de cookies</a> -->
1010<script>
1011    function setCookie(cname, cvalue, exdays) {
1012        const d = new Date();
1013        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
1014        let expires = "expires=" + d.toUTCString();
1015        document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
1016    }
1017
1018    function getCookie(cname) {
1019        let name = cname + "=";
1020        let decodedCookie = decodeURIComponent(document.cookie);
1021        let ca = decodedCookie.split(';');
1022        for (let i = 0; i < ca.length; i++) {
1023            let c = ca[i];
1024            while (c.charAt(0) == ' ') {
1025                c = c.substring(1);
1026            }
1027            if (c.indexOf(name) == 0) {
1028                return c.substring(name.length, c.length);
1029            }
1030        }
1031        return false;
1032    }
1033
1034    const listInput = document.querySelectorAll(".container-cookies-modal-body section span input");
1035    const container_cookies = document.querySelector(".container-cookies");
1036
1037    (() => {
1038        const verificar = ["funcionalidade", "analiticos", "publicidade", "essenciais"].map((element) => {
1039            const cookie = getCookie(element);
1040            return (cookie) ? element : false;
1041        }).filter((element) => element);
1042
1043        if ((verificar.length > 0) && (getCookie("essenciais"))) container_cookies.style.display = "none";
1044
1045        listInput.forEach((element) => {
1046            const session = element.getAttribute("data-keys");
1047            const inputChecked = verificar.map((input) => (session === input) ? true : false).filter((input) => input);
1048            if (inputChecked[0]) element.setAttribute("checked", "");
1049        })
1050    })();
1051
1052    salvar_registro_cookies = async (key) => {
1053        const form = new FormData();
1054        form.append("cookie", key)
1055        const response = await fetch("/index/cookies", {method: "POST", body: form});
1056        const person = await response.json();
1057    }
1058
1059    const modal = document.querySelector(".container-cookies-modal");
1060    const closebtn = document.querySelector(".container-cookies-modal-header button");
1061    const preference = document.querySelector(".container-cookies-accept a");
1062
1063    const arrayEventModal = [closebtn, preference];
1064
1065    const timePage = setTimeout(addEventLinkDocument, 5000);
1066
1067    function addEventLinkDocument() {
1068        const btn_preference = document.querySelector("#portotemplate .preferencias_cookies");
1069        if (btn_preference !== null) {
1070            btn_preference.style.cursor = "pointer";
1071            btn_preference.addEventListener("click", function () {
1072                modal.style.display = (modal.style.display != "none") ? "none" : "block";
1073            });
1074        }
1075        clearTimeout(timePage);
1076    }
1077
1078    arrayEventModal.forEach((element) => {
1079        element.addEventListener("click", function () {
1080            modal.style.display = (modal.style.display != "none") ? "none" : "block";
1081        });
1082    })
1083
1084    const listNavLink = document.querySelectorAll(".container-cookies-modal-body nav li");
1085    listNavLink.forEach((element) => {
1086        element.addEventListener("click", function () {
1087            const activeLink = document.querySelector(".active");
1088            const listNavSession = document.querySelectorAll(".container-cookies-modal-body section span");
1089            const sessionActive = listNavSession[element.getAttribute("data-session")];
1090            const sessionDesabled = listNavSession[activeLink.getAttribute("data-session")];
1091            activeLink.classList.remove("active");
1092            element.classList.add("active");
1093            sessionDesabled.classList.add("desabled");
1094            sessionActive.classList.remove("desabled");
1095        });
1096    })
1097
1098    limpar_cookies = (list) => {
1099        const escolhas = list.map((element) => (element.checked) ? false : element).filter((element) => element);
1100        escolhas.forEach(element => {
1101            const key = element.getAttribute("data-keys");
1102            document.cookie.split(";").forEach(cookie => {
1103                if (cookie.indexOf(key)) {
1104                    setCookie(key, false, -1);
1105                }
1106            });
1107        });
1108    }
1109
1110    const confirmar_escolhas = document.querySelector("#confirmar_escolhas");
1111    confirmar_escolhas.addEventListener("click", function () {
1112        const list = Array.prototype.slice.call(listInput);
1113        limpar_cookies(list);
1114
1115        const escolhas = list.map((element) => (element.checked) ? element : false).filter((element) => element);
1116        escolhas.forEach(element => {
1117            const key = element.getAttribute("data-keys");
1118            setCookie(key, true, "365");
1119            salvar_registro_cookies(key);
1120        });
1121
1122        modal.style.display = (modal.style.display != "none") ? "none" : "block";
1123        container_cookies.style.display = "none";
1124    })
1125
1126    const permitir_todos = document.querySelectorAll(".permitir_todos");
1127    permitir_todos.forEach((element) => {
1128        element.addEventListener("click", function () {
1129            const list = Array.prototype.slice.call(listInput);
1130            limpar_cookies(list);
1131
1132            list.forEach(element => {
1133                const key = element.getAttribute("data-keys");
1134                setCookie(key, true, "365");
1135                salvar_registro_cookies(key);
1136            });
1137
1138            if (element.getAttribute("data-enviar") != 1) modal.style.display = (modal.style.display != "none") ? "none" : "block";
1139            container_cookies.style.display = "none";
1140        })
1141    })
1142
1143    const recusar_todos = document.querySelector(".recusar_todos");
1144    recusar_todos.addEventListener("click", function () {
1145        modal.style.display = "none";
1146        container_cookies.style.display = "none";
1147    })
1148
1149</script>
1149
1150
1151
1152
1153<div class="font-poppins bg-jrGray-60">
1154
1155    
1155<script>
1156    $(document).ready(function () {
1157
1158        setInterval(function () {
1159            var data = new Date();
1160
1161            var horaFormatada = ' | ';
1162
1163            horaFormatada += data.getHours().toString().length == 1 ? '0' + data.getHours() : data.getHours();
1164            horaFormatada += ':';
1165            horaFormatada += data.getMinutes().toString().length == 1 ? '0' + data.getMinutes() : data.getMinutes();
1166
1167            $('#data_hora_relogio').html(horaFormatada);
1168
1169        }, 1000);
1170    });
1171
1172    function clearFilterStorage() {
1173        sessionStorage.removeItem('filtros');
1174        sessionStorage.removeItem('filtro-saladisputa');
1175    }
1176</script>
1176
1177
1178
1179<!-- alerta -->
1180<!--<div class="modal_alertas" id="modal_alertas" title="clique para fechar">-->
1181<!--    <img-->
1182<!--            onclick="modalToggleHome()"-->
1183<!--            title="clique para fechar"-->
1184<!--            src="https://testweb-serrano.s3.sa-east-1.amazonaws.com/public/banner/GOLPE+CAIXA+-+SITE+JOYCE+RS.png">-->
1185<!--    <button-->
1186<!--            onclick="modalToggleHome()"-->
1187<!--            class="bg-jrRed-100 w-24 px-4 py-3 mt-1 rounded text-white hover:text-jrGray-50 transition duration-300 hover:bg-jrBlue-50">-->
1188<!--        Fechar-->
1189<!--    </button>-->
1190<!--</div>-->
1191<!-- fim alerta -->
1192
1193<nav class="w-full text-white z-30 flex justify-center bg-jrBlue-100 ">
1194
1195    <!-- Desktop version -->
1196    <div class="hidden md:flex justify-between items-center text-white py-5 w-full z-10 text-sm font-new nt:max-w-[1260px] md:max-w-[945px] lg:max-w-[1260px]">
1197        <a class="cursor-pointer" href="/" onclick="clearFilterStorage()">
1198            <img alt="Logo" src="https://s3-sa-east-1.amazonaws.com/906de634c48fb7d34136160b4c353ae4							/public/jrleiloes/layout/images/logo.png">
1199        </a>
1200        <div class="flex gap-5">
1201            <a href="/index/quem-somos" class="text-white px-2.5 cursor-pointer hover:border-b">Quem somos</a>
1202            <a href="/index/indique-nos" class="text-white flex px-2.5 cursor-pointer hover:border-b">Indique-nos</a>
1203            <a href="/index/como-participar" class="text-white flex px-2.5 cursor-pointer hover:border-b">Como
1204                participar</a>
1205            <a href="https://atendimento.leiloesjudiciais.com.br/hc/pt-br/requests/new" target="_blank"
1206               class="text-white flex px-2.5 cursor-pointer hover:border-b ">Contato</a>
1207        </div>
1208        <div class="flex gap-5 items-center font-poppins text-sm">
1209                            <a href="/index/login" class="flex items-center px-2.5 cursor-pointer hover:border-b text-white">Login<i
1210                            class="ml-2 icon-arrow-login"></i></a>
1211                <a href="/usuario"
1212                   class="flex items-center px-2.5 py-2 rounded-md cursor-pointer bg-white text-jrBlue-100">
1213                    Cadastre-se <i class="icon-user-check ml-2 flex items-center"></i>
1214                </a>
1215                    </div>
1216    </div>
1217
1218    <!-- Mobile version -->
1219    <div class="md:hidden flex justify-between items-center w-full py-6 px-10 bg-slate-800">
1220        <div class="relative">
1221            <a class="cursor-pointer text-white" aria-expanded="false" aria-haspopup="true"
1222               onclick="event.preventDefault(); toggleNavbar('menu-mob')">
1223                <i class="icon-menu flex items-center"></i>
1224            </a>
1225            <div class="absolute -left-10 top-[50px] mt-2 w-56 py-1 bg-jrGray-150 focus:outline-none z-50 hidden menu"
1226                 role="menu" aria-orientation="vertical" aria-labelledby="menu-mob" id="menu-mob">
1227                <div class="flex flex-col gap-5 justify-center items-center text-white py-6">
1228                    <a class="" href="/index/quem-somos">Quem somos</a>
1229                    <a class="" href="/index/indique-nos">Indique-nos</a>
1230                    <a class="" href="/index/como-participar">Como participar</a>
1231                    <a class="" target="_blank"
1232                       href="https://atendimento.leiloesjudiciais.com.br/hc/pt-br/requests/new">Contato</a>
1233                </div>
1234            </div>
1235        </div>
1236
1237        <a href="/">
1238            <img alt="Logo" src="https://s3-sa-east-1.amazonaws.com/906de634c48fb7d34136160b4c353ae4							/public/jrleiloes/layout/images/logo.png">
1239        </a>
1240
1241        <div class="relative">
1242            <a class="cursor-pointer text-white" aria-expanded="false" aria-haspopup="true"
1243               onclick="event.preventDefault(); toggleNavbar('usuario-mob')">
1244                <i class="icon-user-circle flex items-center text-2xl"></i>
1245            </a>
1246            <div class="absolute -right-10 top-[54px] mt-2 w-48 shadow-lg py-1 bg-jrGray-150 focus:outline-none z-50 hidden menu"
1247                 role="menu" aria-orientation="vertical" aria-labelledby="usuario-mob" id="usuario-mob">
1248                <div class="flex flex-col gap-5 justify-center items-center text-white py-6">
1249                                            <a class="" href="/index/login">Login</a>
1250                        <a class="" href="/usuario">Cadastre-se</a>
1251                                    </div>
1252            </div>
1253        </div>
1254    </div>
1255
1256</nav>
1257
1258<style>
1259    .modal_alertas {
1260        width: 100% !important;
1261        height: 100% !important;
1262        position: fixed;
1263        z-index: 999;
1264        top: 0;
1265        left: 0;
1266        background: rgba(11, 11, 11, 0.12);
1267        backdrop-filter: blur(2px);
1268        display: none;
1269        align-items: center;
1270        justify-content: center;
1271        flex-direction: column;
1272    }
1273
1274    .modal_alertas img {
1275        width: 100%;
1276        max-width: 800px;
1277        cursor: pointer;
1278        transition: all 0.3s ease-in-out;
1279    }
1280</style>
1281    <div role="main" class="w-full main container_minha-conta">
1282
1283        <input type="text" class="hidden" id="url_logo_base" value="https://s3-sa-east-1.amazonaws.com/906de634c48fb7d34136160b4c353ae4">
1284
1285        <div class="w-full flex justify-center mt-8">
1286    <div class="w-full md:max-w-[1200px] px-8 md:px-4">
1287        Início / <span class="font-semibold"> Quem somos</span>
1288    </div>
1289</div>
1290
1291<div class="w-full flex flex-col justify-center items-center">
1292    <div class="w-full md:max-w-[1200px] px-8 md:px-0 md:py-12 py-8 justify-center md:flex grid gap-20">
1293        <div class="md:w-1/2 flex-col justify-center items-start gap-10 inline-flex">
1294            <div class="flex-col justify-start items-start gap-[15px] flex">
1295                <div class="text-slate-800 text-xs font-bold font-ne
1295w leading-none tracking-wide">A LEILOEIRA</div>
1296                <div class="text-neutral-400 text-[45px] font-semibold font-new leading-[58.50px]">Joyce Ribeiro</div>
1297            </div>
1298            <img class="md:hidden" src="/jrleiloes/images/joyce-ribeiro-02.png"/>
1299            <div class="text-neutral-900 text-sm font-normal font-poppins leading-7">Joyce Ribeiro é Leiloeira Oficial,
1300                com mais de 15 anos de experiência, possui vasta experiência no ramo de
1301                leilões judiciais, extrajudiciais e particulares. Pioneira ao ser a primeira Leiloeira a realizar
1302                leilões eletrônicos no Rio Grande do Sul, sua atuação ao longo dos anos a
1303                consolidou como uma profissional respeitada nesse setor. Sua expertise em leilões a torna uma referência
1304                no mercado. Com vocação genuína e dedicação ímpar, desempenhou
1305                papel significativo ao trazer o olhar feminino para o mundo dos leilões. Sua longa carreira e sucesso,
1306                demonstram sua capacidade de superar barreiras e seu compromisso
1307                com a integridade e a excelência em seu trabalho.
1308            </div>
1309            <div class="w-full flex justify-center md:justify-start items-center">
1310                <a href="/index"
1311                   class="flex items-center bg-jrBlue-100 text-white px-2.5 py-1 rounded-md hover:bg-jrBlue-50">
1312                    Faça seu lance <i class="ml-2 icon-justice-hammer"></i>
1313                </a>
1314            </div>
1315        </div>
1316        <div class="hidden md:block md:w-3/4 flex-col justify-end items-end flex">
1317            <div class="flex justify-end">
1318                <img alt="Logo"
1319                     src="https://s3-sa-east-1.amazonaws.com/906de634c48fb7d34136160b4c353ae4/public/jrleiloes/layout/images/joyce-ribeiro-01.png">
1320            </div>
1321        </div>
1322    </div>
1323
1324    <div class="w-full px-8 md:px-0 md:max-w-[1200px] md:py-16 py-12 md:flex grid justify-center">
1325
1326        <div class="w-full md:flex justify-between items-center gap-10">
1327            <!-- Mobile -->
1328            <div class="md:hidden h-[90px] flex-col flex">
1329                <div class="text-left text-slate-800 text-xs font-bold font-new leading-none">QUEM SOMOS</div>
1330                <div class="self-stretch text-left text-neutral-400 text-[45px] font-semibold font-new leading-[58.50px]">
1331                    JR Leilões
1332                </div>
1333            </div>
1334            <img class="w-full md:hidden rounded-lg" alt="Logo"
1335                 src="https://s3-sa-east-1.amazonaws.com/906de634c48fb7d34136160b4c353ae4/public/jrleiloes/layout/images/quem-somos-mob.png">
1336
1337            <img class="hidden md:block md:w-[590px] md:h-[651px] rounded-[20px]" alt="Logo"
1338                 src="https://s3-sa-east-1.amazonaws.com/906de634c48fb7d34136160b4c353ae4/public/jrleiloes/layout/images/quem-somos.png">
1339            <div class="w-full md:w-[458px] h-[651px] flex-col justify-between items-start inline-flex">
1340                <div class="hidden md:block self-stretch h-[90px] flex-col justify-start items-start gap-[15px] flex">
1341                    <div class="self-stretch text-right text-slate-800 text-xs font-bold font-new leading-none tracking-wide">
1342                        QUEM SOMOS
1343                    </div>
1344                    <div class="self-stretch text-right text-neutral-400 text-[45px] font-semibold font-new leading-[58.50px]">
1345                        JR Leilões
1346                    </div>
1347                </div>
1348                <div class="md:mt-0 mt-6 md:text-right text-neutral-900 text-sm font-normal font-poppins leading-7">
1349                    <p>A JR Leilões é referência no setor de leilões desde 2008. Oferecemos aos nossos clientes bons
1350                        negócios com segurança, transparência, lisura e excelência. Somos a solução para quem quer
1351                        comprar e vender em leilões.</p>
1352                    <p>Nosso propósito vai muito além de fazer a intermediação, pois acreditamos no leilão como
1353                        facilitador de transações, distribuidor de ativos, recuperador de dívidas, promotor de
1354                        sustentabilidade, promotor de concorrência, desempenhando papel vital para o funcionamento
1355                        saudável da sociedade.</p>
1356                    <br>
1357                    <p>Atuamos nos Estados do Rio Grande do Sul, Paraná e Santa Catarina, e contamos com uma equipe
1358                        altamente treinada e capacitada para cuidar de todas as etapas dos leilões, oferecendo soluções
1359                        personalizadas que aumentam a liquidez dos bens, e acompanhamento diferenciado aos compradores,
1360                        o que impressiona e facilita cada etapa a ser percorrida.</p>
1361                    <br>
1362                    <p>Investimos continuamente em atualização e avanços tecnológicos para garantir que você tenha a
1363                        melhor experiência ao participar dos nossos leilões.</p>
1364                    <br>
1365                    <p>Vem com a gente para o fantástico mundo dos leilões!</p>
1366                </div>
1367            </div>
1368        </div>
1369
1370    </div>
1371
1372    <div class="w-full px-8 md:px-0 md:max-w-[1200px] py-12 flex flex-col justify-center items-center gap-[15px] mt-56 md:mt-0">
1373        <div class="text-center text-neutral-400 text-[45px] font-semibold font-ne
1373w leading-[58.50px]">Porque a JR
1374            Leilões?
1375        </div>
1376        <div class="text-center text-slate-800 text-xs font-bold font-new leading-none tracking-wide">DIFERENCIAIS</div>
1377    </div>
1378
1379    <div class="w-full px-8 md:px-0 md:max-w-[1200px] md:py-16 py-8 justify-center md:flex grid gap-10">
1380
1381        <div class="md:w-1/3 md:p-10 p-4 bg-white bg-opacity-30 rounded-[20px] border border-neutral-400 backdrop-blur-[15px] flex-col justify-center items-center gap-10 inline-flex">
1382            <div class="md:h-[60px] text-center text-neutral-400 text-[45px] font-semibold font-new leading-[58.50px]">
1383                Experiência
1384            </div>
1385            <svg xmlns="http://www.w3.org/2000/svg" width="58" height="59" viewBox="0 0 58 59" fill="none">
1386                <path d="M49.4972 23.5083C49.4972 34.8347 40.3152 44.0167 28.9888 44.0167C17.6623 44.0167 8.48047 34.8347 8.48047 23.5083C8.48047 12.1819 17.6623 3 28.9888 3C40.3152 3 49.4972 12.1819 49.4972 23.5083Z"
1387                      stroke="#1C2D47" stroke-width="4.13793" stroke-linecap="round" stroke-linejoin="round"/>
1388                <path d="M29.8282 12.3735L32.6532 18.0564C32.7163 18.2001 32.8165 18.3245 32.9435 18.4168C33.0704 18.5091 33.2196 18.5661 33.3759 18.5819L39.6499 19.5346C39.8293 19.5579 39.9983 19.6318 40.1372 19.7477C40.2761 19.8636 40.3792 20.0166 40.4343 20.1888C40.4894 20.3611 40.4944 20.5456 40.4485 20.7205C40.4027 20.8955 40.308 21.0538 40.1755 21.177L35.5438 25.5787C35.4748 25.7105 35.4387 25.857 35.4387 26.0057C35.4387 26.1545 35.4748 26.301 35.5438 26.4328L36.4308 32.674C36.4686 32.8544 36.4533 33.0419 36.3867 33.2138C36.3201 33.3857 36.205 33.5345 36.0555 33.6423C35.906 33.7501 35.7284 33.8122 35.5443 33.8211C35.3602 33.8299 35.1775 33.7852 35.0183 33.6923L29.434 30.7359C29.2895 30.6706 29.1327 30.6369 28.9741 30.6369C28.8155 30.6369 28.6588 30.6706 28.5142 30.7359L22.93 33.6923C22.7708 33.7852 22.588 33.8299 22.4039 33.8211C22.2198 33.8122 22.0422 33.7501 21.8927 33.6423C21.7432 33.5345 21.6281 33.3857 21.5616 33.2138C21.4949 33.0419 21.4796 32.8544 21.5175 32.674L22.5687 26.4328C22.6138 26.2879 22.6225 26.1341 22.5939 25.9851C22.5652 25.8361 22.5001 25.6965 22.4044 25.5787L17.7727 21.1441C17.6499 21.0197 17.5637 20.8638 17.5235 20.6936C17.4833 20.5234 17.4908 20.3454 17.5451 20.1792C17.5994 20.013 17.6984 19.8649 17.8312 19.7512C17.9641 19.6375 18.1257 19.5625 18.2983 19.5346L24.5724 18.6148C24.7286 18.599 24.8778 18.542 25.0048 18.4497C25.1317 18.3573 25.2319 18.2329 25.2951 18.0892L28.1201 12.4064C28.1957 12.2455 28.3147 12.109 28.4639 12.0123C28.613 11.9156 28.7862 11.8625 28.9639 11.8591C29.1416 11.8557 29.3167 11.902 29.4695 11.993C29.6222 12.0839 29.7465 12.2157 29.8282 12.3735Z"
1389                      stroke="#1C2D47" stroke-width="4.13793" stroke-linecap="round" stroke-linejoin="round"/>
1390                <path d="M11.2241 33.5679L2.104 49.3643L11.9585 46.7239L14.599 56.5784L22.512 42.8727" stroke="#1C2D47"
1391                      stroke-width="4.13793" stroke-linecap="round" stroke-linejoin="round"/>
1392                <path d="M46.7762 33.5679L55.8962 49.3643L46.0417 46.7239L43.4013 56.5784L35.4883 42.8727"
1393                      stroke="#1C2D47" stroke-width="4.13793" stroke-linecap="round" stroke-linejoin="round"/>
1394            </svg>
1395            <div class="text-center text-black text-sm font-normal font-poppins leading-7">Possuímos mais de 15 anos de
1396                experiência com Leilões Oficiais, tendo atuado em mais de 140 varas e em diversos leilões extrajudiciais
1397                para Bancos, Prefeituras e particulares.
1398            </div>
1399        </div>
1400
1401        <div class="md:w-1/3 md:p-10 p-4 bg-white bg-opacity-30 rounded-[20px] border border-neutral-400 backdrop-blur-[15px] flex-col justify-center items-center gap-10 inline-flex">
1402            <div class="md:h-[60px] text-center text-neutral-400 text-[45px] font-semibold font-new leading-[58.50px]">
1403                Pioneira
1404            </div>
1405            <svg xmlns="http://www.w3.org/2000/svg" width="58" height="59" viewBox="0 0 58 59" fill="none">
1406                <path d="M29 19.5517H11.2363C10.6876 19.5517 10.1613 19.3337 9.77332 18.9457L3.56643 12.7388C2.75845 11.9309 2.75845 10.6209 3.56643 9.8129L9.77332 3.60598C10.1613 3.21798 10.6876 3 11.2363 3H29"
1407                      stroke="#1C2D47" stroke-width="4.13793" stroke-linecap="round" stroke-linejoin="round"/>
1408                <path d="M29 31.9655H46.7637C47.3124 31.9655 47.8388 31.7476 48.2265 31.3595L54.4334 25.1526C55.2415 24.3447 55.2415 23.0347 54.4334 22.2267L48.2265 16.0198C47.8388 15.6318 47.3124 15.4138 46.7637 15.4138H29"
1409                      stroke="#1C2D47" stroke-width="4.13793" stroke-linecap="round" stroke-linejoin="round"/>
1410                <path d="M29 44.3792H11.2363C10.6876 44.3792 10.1613 44.1612 9.77332 43.7734L3.56643 37.5663C2.75845 36.7584 2.75845 35.4484 3.56643 34.6404L9.77332 28.4335C10.1613 28.0455 10.6876 27.8275 11.2363 27.8275H29"
1411                      stroke="#1C2D47" stroke-width="4.13793" stroke-linecap="round" stroke-linejoin="round"/>
1412                <path d="M29 3V56.7931" stroke="#1C2D47" stroke-width="4.13793" stroke-linecap="round"
1413                      stroke-linejoin="round"/>
1414            </svg>
1415            <div class="text-center text-black text-sm font-normal font-poppins leading-7">
1415JR Leilões é reconhecida por
1416                ser a primeira Leiloeira do estado do Rio Grande do Sul a realizar leilões eletrônicos, o que demonstra
1417                sua inovação e adaptação às tendências tecnológicas no setor.
1418            </div>
1419        </div>
1420
1421        <div class="md:w-1/3 md:p-10 p-4 bg-white bg-opacity-30 rounded-[20px] border border-neutral-400 backdrop-blur-[15px] flex-col justify-center items-center gap-10 inline-flex">
1422            <div class="md:h-[60px] text-center text-neutral-400 text-[45px] font-semibold font-new leading-[58.50px]">
1423                Infraestrutura
1424            </div>
1425            <svg xmlns="http://www.w3.org/2000/svg" width="58" height="59" viewBox="0 0 58 59" fill="none">
1426                <path d="M12.4482 29.8992V19.0164C12.4806 16.8772 12.9347 14.7655 13.7845 12.8021C14.6344 10.8387 15.8634 9.06232 17.4009 7.57469C18.9385 6.08711 20.7545 4.9175 22.7449 4.13293C24.7352 3.34837 26.8609 2.96426 29 3.00261C31.139 2.96426 33.2647 3.34837 35.255 4.13293C37.2454 4.9175 39.0614 6.08711 40.599 7.57469C42.1367 9.06232 43.3656 10.8387 44.2156 12.8021C45.0651 14.7655 45.5194 16.8772 45.5517 19.0164V29.8992"
1427                      stroke="#1C2D47" stroke-width="4.13793" stroke-linecap="round" stroke-linejoin="round"/>
1428                <path d="M6.24145 23.6921H10.3794C10.9281 23.6921 11.4544 23.9101 11.8423 24.2981C12.2304 24.6861 12.4483 25.2124 12.4483 25.7611V38.1749C12.4483 38.7236 12.2304 39.2499 11.8423 39.6379C11.4544 40.0259 10.9281 40.2439 10.3794 40.2439H6.24145C5.14398 40.2439 4.0915 39.8079 3.31549 39.0319C2.53948 38.2559 2.10352 37.2034 2.10352 36.1059V27.8301C2.10352 26.7326 2.53948 25.6801 3.31549 24.9041C4.0915 24.1281 5.14398 23.6921 6.24145 23.6921Z"
1429                      stroke="#1C2D47" stroke-width="4.13793" stroke-linecap="round" stroke-linejoin="round"/>
1430                <path d="M51.7587 40.2439H47.6207C47.072 40.2439 46.5457 40.0259 46.1576 39.6379C45.7698 39.2499 45.5518 38.7236 45.5518 38.1749V25.7611C45.5518 25.2124 45.7698 24.6861 46.1576 24.2981C46.5457 23.9101 47.072 23.6921 47.6207 23.6921H51.7587C52.856 23.6921 53.9087 24.1281 54.6846 24.9041C55.4604 25.6801 55.8966 26.7326 55.8966 27.8301V36.1059C55.8966 37.2034 55.4604 38.2559 54.6846 39.0319C53.9087 39.8079 52.856 40.2439 51.7587 40.2439Z"
1431                      stroke="#1C2D47" stroke-width="4.13793" stroke-linecap="round" stroke-linejoin="round"/>
1432                <path d="M37.2759 51.6232C39.4708 51.6232 41.5756 50.7513 43.1277 49.1992C44.6799 47.6471 45.5517 45.5421 45.5517 43.3473V34.037"
1433                      stroke="#1C2D47" stroke-width="4.13793" stroke-linecap="round" stroke-linejoin="round"/>
1434                <path d="M37.2758 51.6231C37.2758 52.9948 36.7309 54.3107 35.7609 55.2806C34.7909 56.2505 33.4752 56.7955 32.1034 56.7955H25.8965C24.5247 56.7955 23.2091 56.2505 22.2391 55.2806C21.2691 54.3107 20.7241 52.9948 20.7241 51.6231C20.7241 50.2514 21.2691 48.9355 22.2391 47.9656C23.2091 46.9957 24.5247 46.4507 25.8965 46.4507H32.1034C33.4752 46.4507 34.7909 46.9957 35.7609 47.9656C36.7309 48.9355 37.2758 50.2514 37.2758 51.6231Z"
1435                      stroke="#1C2D47" stroke-width="4.13793" stroke-linecap="round" stroke-linejoin="round"/>
1436            </svg>
1437            <div class="text-center text-black text-sm font-normal font-poppins leading-7">JR Leilões também se destaca
1438                pela sua equipe própria, treinada e capacitada para lidar com todos os aspectos dos leilões, desde a
1439                preparação até o pós-leilão, com atendimento personalizado.
1440            </div>
1441        </div>
1442    </div>
1443</div>
1444
1445    </div>
1446
1447    <footer class="w-full bg-gradient-to-r from-gray-900 via-jrBlue-200 to-jrBlue-100 flex flex-col justify-center items-center overflow-hidden">
1448    <div class="flex flex-col justify-between footer w-full max-w-[1200px] px-4 md:max-w-[945px] lg:max-w-[1260px]">
1449        <div class="md:block w-full">
1450            <div class="h-auto md:h-[604px] w-full py-8 md:py-[100px] flex-col justify-center items-center gap-2.5 flex container-footer">
1451                <div class="h-auto md:h-[413px] w-full flex-col justify-between gap-8 md:gap-[47px] flex content-footer">
1452                    <div class="justify-between items-center md:items-start gap-8 md:gap-[61px] lg:gap-0 flex flex-row md:flex-row links-newsletter">
1453                        <div class="w-full lg:w-[626px] xl:w-[801px] h-auto md:h-[255px] justify-between md:items-start gap-6 md:gap-[50px] xl:gap-[100px] flex flex-wrap md:flex-nowrap links-institucional">
1454                            <div class="flex-col justify-start items-start gap-[15px] inline-flex">
1455                                <div class="text-white text-base font-bold font-ne
1455w leading-7">INSTITUCIONAL</div>
1456                                <div class="flex-col justify-start items-start gap-[13px] flex">
1457                                    <a href="/index/quem-somos"
1458                                       class="opacity-70 text-white text-base font-normal font-new hover:font-bold">Quem
1459                                        somos</a>
1460                                    <a href="/index/quem-somos"
1461                                       class="opacity-70 text-white text-base font-normal font-new hover:font-bold">Joyce
1462                                        Ribeiro</a>
1463                                </div>
1464                                <div class="text-white text-base font-bold font-new leading-7">REDES SOCIAIS</div>
1465                                <div class="flex-col justify-start items-start gap-[13px] flex">
1466                                    <a href="https://www.instagram.com/joyceribeiroleiloeira/"
1467                                       class="opacity-70 text-white text-base font-normal font-new hover:font-bold">@joyceribeiroleiloeira</a>
1468                                </div>
1469                            </div>
1470                            <div class="flex-col justify-start items-start gap-[15px] inline-flex">
1471                                <div class="text-white text-base font-bold font-new leading-7">LEILÕES</div>
1472                                <div class="flex-col justify-start items-start gap-[13px] flex">
1473                                    <a target="_blank"
1474                                       href="https://906de634c48fb7d34136160b4c353ae4.s3.sa-east-1.amazonaws.com/public/jrleiloes/layout/regras_joyce.pdf"
1475                                       class="opacity-70 text-white text-base font-normal font-new hover:font-bold">Regulamentos</a>
1476                                    <a href="/index/duvidas"
1477                                       class="opacity-70 text-white text-base font-normal font-new hover:font-bold">Dúvidas
1478                                        frequentes</a>
1479                                    <a href="/index/como-participar"
1480                                       class="opacity-70 text-white text-base font-normal font-new hover:font-bold">Como
1481                                        participar</a>
1482                                </div>
1483                            </div>
1484                            <div class="flex-col justify-start items-start gap-[15px] inline-flex">
1485                                <div class="w-[159px] text-white text-base font-bold font-new leading-7">CONTATO</div>
1486                                <div class="w-[263px] h-[115px] flex-col justify-start items-start gap-3 flex"
1487                                     style="height: fit-content;">
1488                                    <a href="/index/indique-nos"
1489                                       class="self-stretch opacity-70 text-white text-base font-normal font-new hover:font-bold">Indique-nos</a>
1490                                    <div class="self-stretch opacity-70 text-white text-base font-normal font-new">
1491                                        0800 500 9960
1492                                    </div>
1493                                    <div class="self-stretch opacity-70 text-white text-base font-normal font-new">
1494                                        51-3126-8866
1495                                    </div>
1496                                    <a href="/cdn-cgi/l/email-protection#a5c6cacbd1c4d1cae5cfd7c9c0ccc9cac0d68bc6cac88bc7d7" class="self-stretch opacity-70 text-white text-base font-normal font-new hover:font-bold"><span class="__cf_email__" data-cfemail="492a26273d283d2609233b252c2025262c3a672a2624672b3b">[email&#160;protected]</span></a>
1497                                </div>
1498                            </div>
1499                        </div>
1500                        <div class="bg-gray-900 rounded-[10px] flex-col justify-start items-start gap-2.5 inline-flex container-newsletter"
1501                             style="padding: 20px !important;">
1502                            <div class="w-full flex-col justify-start items-start gap-[18px] flex">
1503                                <div class="w-[149px] text-white text-base font-bold font-ne
1503w leading-7">INSCREVA-SE
1504                                </div>
1505                                <form action="/index/salva-newsletter" id="form_newsletter" class="w-full">
1506
1507                                    <div class="flex flex-col gap-3">
1508
1509                                        <div class="flex">
1510                                            <input type="email"
1511                                                   id="email"
1512                                                   name="email"
1513                                                   required
1514                                                   placeholder="Endereço de e-mail"
1515                                                   class="w-full px-4 py-3 bg-white rounded-l-md border border-zinc-300 text-neutral-700 text-sm focus:outline-none focus:ring-2 focus:ring-jrBlue-100 focus:border-transparent placeholder-gray-400"
1516                                            >
1517
1518                                        </div>
1519
1520                                        <div class="flex flex-col md:flex-row gap-3">
1521                                            <select name="uf_newsletter"
1522                                                    id="uf_newsletter_select"
1523                                                    class="w-full px-4 py-3 bg-white rounded-md border border-zinc-300 text-neutral-700 text-sm focus:outline-none focus:ring-2 focus:ring-jrBlue-100 focus:border-transparent appearance-none bg-no-repeat bg-right pr-8"
1524                                                    style="background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22 fill=%22none%22 stroke=%22%23a1a1aa%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22><path d=%22M6 8l4 4 4-4%22/></svg>'); background-position: right 0.10rem center; background-repeat: no-repeat;"
1525                                            >
1526                                                <option value="" disabled selected>Selecione seu Estado (UF)</option>
1527
1528                                                                                            </select>
1529
1530                                            <div>
1531                                                <label class="text-white text-sm mb-2 block">Quais bens são de seu
1532                                                    interesse?</label>
1533                                                <div class="multiselect-container relative">
1534                                                    <div class="multiselect-display w-full px-4 py-3 bg-white rounded-md border border-zinc-300 text-neutral-700 text-sm flex items-center justify-between cursor-pointer"
1535                                                         style="background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22 fill=%22none%22 stroke=%22%23a1a1aa%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22><path d=%22M6 8l4 4 4-4%22/></svg>'); background-position: right 0.10rem center; background-repeat: no-repeat;"
1536                                                         tabindex="0">
1537                                                        <span class="truncate">Selecione um ou mais interesses</span>
1538                                                    </div>
1539                                                    <div class="multiselect-options hidden absolute top-full mt-1 w-full bg-white rounded-md border border-zinc-300 shadow-lg z-10 p-2 space-y-1">
1540                                                        <label class="custom-checkbox-label flex items-center p-2 rounded-md hover:bg-jrBlue-50 hover:text-white transition-colors duration-150">
1541                                                            <input type="checkbox" name="interesses[]" value="imovel"
1542                                                                   class="interesse-item custom-checkbox-input">
1543                                                            <span class="custom-checkbox-box"></span>
1544                                                            <span class="custom-checkbox-text">Imóveis</span>
1545                                                        </label>
1546                                                        <label class="custom-checkbox-label flex items-center p-2 rounded-md hover:bg-jrBlue-50 hover:text-white transition-colors duration-150">
1547                                                            <input type="checkbox" name="interesses[]" value="veiculo"
1548                                                                   class="interesse-item custom-checkbox-input">
1549                                                            <span class="custom-checkbox-box"></span>
1550                                                            <span class="custom-checkbox-text">Veículos</span>
1551                                                        </label>
1552                                                        <label class="custom-checkbox-label flex items-center p-2 rounded-md hover:bg-jrBlue-50 hover:text-white transition-colors duration-150">
1553                                                            <input type="checkbox" name="interesses[]"
1554                                                                   value="equipamento"
1555                                                                   class="interesse-item custom-checkbox-input">
1556                                                            <span class="custom-checkbox-box"></span>
1557                                                            <span class="custom-checkbox-text">Equipamentos</span>
1558                                                        </label>
1559                                                        <hr class="border-t border-gray-200 my-1">
1560                                                        <label class="custom-checkbox-label flex items-center p-2 rounded-md hover:bg-jrBlue-50 hover:text-white transition-colors duration-150">
1561                                                            <input type="checkbox" id="todos-interesses"
1562                                                                   class="custom-checkbox-input">
1563                                                            <span class="custom-checkbox-box"></span>
1564                                                            <span class="custom-checkbox-text font-bold">Todos os interesses</span>
1565                                                        </label>
1566                                                    </div>
1567                                                </div>
1568                                            </div>
1569                                        </div>
1570                                        <div class="rounded-md text-white text-xs p-2 border hidden"
1571                                             id="newsletter-error">
1572                                            <i class="icon-warning mr-2"></i>
1573                                            <span id="newsletter-message-error"></span>
1574                                        </div>
1575                                        <div class="rounded-md text-white text-xs p-2 border hidden"
1576                                             id="newsletter-success">
1577                                            <i class="icon-megaphone mr-2"></i>
1578                                            Verifique seu email para finalizar o cadastro!
1579                                        </div>
1580                                        <div class="g-recaptcha"
1581                                             data-sitekey="6LdLpbcsAAAAAGCkczhgOCGQCHxhfgzsn5PvJF24"></div>
1582                                        <button type="submit"
1583                                                id="submit-newsletter"
1584                                                class="px-4 py-3 rounded-r-md gap-2 flex justify-center items-center transition-colors rounded"
1585                                        >
1586                                            <span class="text-sm">Inscrever-se</span>
1587                                            <i class="icon-arrow-next send"></i>
1588                                        </button>
1589                                    </div>
1590                                </form>
1591                                <div class="w-[254px] h-[82px] opacity-70 text-white text-xs font-normal font-new leading-tight">
1592                                    Não perca mais tempo! Cadastre-se e receba as melhores ofertas de leilões
1593                                    diretamente no seu e-mail. Aproveite já!
1594                                </div>
1595                            </div>
1596                        </div>
1597                    </div>
1598                    <div class="self-stretch h-px border-[1px] border-white"></div>
1599                    <div class="self-stretch justify-between items-center inline-flex logo-termo" style="z-index: 1;">
1600                        <div class="flex items-center space-x-4">
1601                            <img alt="Logo" src="https://s3-sa-east-1.amazonaws.com/906de634c48fb7d34136160b4c353ae4							/public/jrleiloes/layout/images/logo.png">
1602                        </div>
1603                        <div class="justify-start items-start gap-9 flex links-termos">
1604                            <a target="_blank"
1605                               href="https://atendimento.leiloesjudiciais.com.br/hc/pt-br/articles/17183521162651-Termos-de-uso-do-site"
1606                               class="text-white text-sm font-medium font-new hover:font-bold">Termos</a>
1607                            <a target="_blank"
1608                               href="https://atendimento.leiloesjudiciais.com.br/hc/pt-br/articles/17183348941467-Pol%C3%ADtica-de-Privacidade"
1609                               class="text-white text-sm font-medium font-new hover:font-bold">Privacidade</a>
1610                            <a target="_blank"
1611                               href="https://atendimento.leiloesjudiciais.com.br/hc/pt-br/articles/17183448101019-Pol%C3%ADtica-de-Cookies"
1612                               class="text-white text-sm font-medium font-new hover:font-bold">Cookies</a>
1613                            <a target="_blank"
1614                               href="https://atendimento.leiloesjudiciais.com.br/hc/pt-br/articles/17199919770395-Contato-do-Encarregado-DPO"
1615                               class="text-white text-sm font-medium font-new hover:font-bold">Contato DPO</a>
1616                            <a target="_blank"
1617                               href="https://atendimento.leiloesjudiciais.com.br/hc/pt-br/articles/17183685027227-Quadro-resumo-Prote%C3%A7%C3%A3o-de-dados"
1618                               class="text-white text-sm font-medium font-new hover:font-bold">Quadro Resumo</a>
1619                        </div>
1620                        <div class="flex py-[15px] justify-start items-center gap-5 flex">
1621                            <a target="_blank" href="https://wa.me/+5508005009960">
1622                                <i class="icon-whatsapp text-white text-2xl"></i>
1623                            </a>
1624                            <a target="_blank" href="https://www.instagram.com/joyceribeiroleiloeira/">
1625                                <i class="icon-instagram text-white text-2xl"></i>
1626                            </a>
1627                            <a target="_blank" href="https://www.facebook.com/JoyceRibeiroLeiloeira/">
1628                                <i class="icon-facebook text-white text-2xl"></i>
1629                            </a>
1630                        </div>
1631                    </div>
1632                </div>
1633            </div>
1634        </div>
1635
1636    </div>
1637
1638    <div class="w-full h-[59px] py-[30px] ls:h-[305px] justify-center items-center gap-2.5 inline-flex designbyrdckt"
1639         style="height: 210px;">
1640        <div class="h-5 px-5 py-[5px] justify-center items-center gap-2.5 flex designbyrdckt-mobile"
1641             style="padding-top: 185px">
1642
1643        </div>
1644    </div>
1645
1646</footer>
1647
1648<style>
1649    .custom-checkbox-box::after {
1650        content: '';
1651        position: absolute;
1652        display: none;
1653    }
1654
1655    .custom-checkbox-input:checked + .custom-checkbox-box::after {
1656        display: block;
1657    }
1658
1659    .custom-checkbox-box::after {
1660        left: 6px;
1661        top: 2px;
1662        width: 5px;
1663        height: 10px;
1664        border: solid white;
1665        border-width: 0 3px 3px 0;
1666        transform: rotate(45deg);
1667    }
1668
1669    #submit-newsletter {
1670        background-color: #fff;
1671        transition: all 0.3s ease;
1672    }
1673
1674    #submit-newsletter:hover {
1675        background-color: #28374f;
1676        color: #fff;
1677    }
1678
1679    .custom-checkbox-input {
1680        position: absolute;
1681        opacity: 0;
1682        width: 0;
1683        height: 0;
1684    }
1685
1686    .custom-checkbox-box {
1687        width: 18px;
1688        height: 18px;
1689        border: 2px solid #a1a1aa;
1690        border-radius: 4px;
1691        background-color: #fff;
1692        transition: background-color 0.2s, border-color 0.2s;
1693        display: flex;
1694        align-items: center;
1695        justify-content: center;
1696    }
1697
1698    .custom-checkbox-text {
1699        margin-left: 10px;
1700        color: #3f3f46;
1701    }
1702
1703    .custom-checkbox-label:hover .custom-checkbox-text {
1704        color: #fff;
1705    }
1706
1707    .custom-checkbox-input:checked + .custom-checkbox-box {
1708        background-color: #064d8a;
1709        border-color: #064d8a;
1710    }
1711
1712    .custom-checkbox-box::after {
1713        content: '';
1714        display: block;
1715        width: 5px;
1716        height: 10px;
1717        border: solid white;
1718        border-width: 0 2px 2px 0;
1719        transform: rotate(45deg);
1720        opacity: 0;
1721        transition: opacity 0.2s;
1722    }
1723
1724    .custom-checkbox-input:checked + .custom-checkbox-box::after {
1725        opacity: 1;
1726    }
1727
1728    .multiselect-container.open .arrow {
1729        transform: rotate(180deg);
1730    }
1731
1732    .container-newsletter {
1733        max-width: 100%;
1734        box-sizing: border-box;
1735    }
1736
1737    .multiselect-disabled {
1738        opacity: 0.6;
1739        cursor: not-allowed;
1740        background-color: #f3f4f6;
1741        pointer-events: none;
1742    }
1743
1744    @media (max-width: 768px) {
1745        .container-footer {
1746            display: flex;
1747            padding: 20px 0 !important;
1748            flex-direction: column;
1749            height: auto !important;
1750            gap: 10px;
1751        }
1752
1753        .content-footer {
1754            height: auto !important;
1755            width: 100% !important;
1756        }
1757
1758        .links-newsletter {
1759            display: flex;
1760            flex-direction: column;
1761            align-items: center;
1762            width: 100% !important;
1763            gap: 30px !important;
1764        }
1765
1766        .links-institucional {
1767            display: grid;
1768            gap: 20px;
1769            height: auto !important;
1770            width: 100% !important;
1771            max-width: 100% !important;
1772        }
1773
1774        .container-newsletter {
1775            display: flex;
1776            margin-top: 20px;
1777            height: auto !important;
1778            width: 100% !important;
1779            max-width: 100% !important;
1780            min-width: 0 !important;
1781        }
1782
1783        .logo-termo {
1784            display: flex;
1785            flex-direction: column;
1786            align-items: center;
1787            gap: 15px;
1788        }
1789
1790        .links-termos {
1791            display: flex;
1792            flex-wrap: wrap;
1793            justify-content: center;
1794            gap: 15px;
1795            margin-top: 10px;
1796        }
1797
1798        .designbyrdckt {
1799            height: auto !important;
1800            padding: 20px 0 !important;
1801        }
1802
1803        .designbyrdckt-mobile {
1804            padding-top: 0 !important;
1805        }
1806    }
1807</style>
vendor: 110 bytes, lines 1807-1809
1807
1808
1809<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
vendor: 76 bytes, line 1809
1809<script src="https://www.google.com/recaptcha/api.js" async defer></script>
1810<script>
1811    document.addEventListener('DOMContentLoaded', function () {
1812        const ufSelect = document.getElementById('uf_newsletter_select');
1813        const multiselectDisplay = document.querySelector('.multiselect-display');
1814        const multiselectSpan = multiselectDisplay.querySelector('span');
1815        const placeholderOriginal = 'Selecione um ou mais interesses';
1816
1817        function toggleInteressesState() {
1818            if (ufSelect.value) {
1819                multiselectDisplay.classList.remove('multiselect-disabled');
1820                multiselectSpan.textContent = placeholderOriginal;
1821            } else {
1822                multiselectDisplay.classList.add('multiselect-disabled');
1823                multiselectSpan.textContent = 'Selecione um estado primeiro';
1824            }
1825        }
1826
1827        ufSelect.addEventListener('change', toggleInteressesState);
1828
1829        toggleInteressesState();
1830
1831        const container = document.querySelector('.multiselect-container');
1832        if (container) {
1833            const display = container.querySelector('.multiselect-display');
1834            const optionsContainer = container.querySelector('.multiselect-options');
1835            const displaySpan = display.querySelector('span');
1836            const todosCheckbox = document.getElementById('todos-interesses');
1837            const itemCheckboxes = optionsContainer.querySelectorAll('.interesse-item');
1838
1839            display.addEventListener('click', () => {
1840                optionsContainer.classList.toggle('hidden');
1841                container.classList.toggle('open');
1842            });
1843
1844            window.addEventListener('click', (e) => {
1845                if (!container.contains(e.target)) {
1846                    optionsContainer.classList.add('hidden');
1847                    container.classList.remove('open');
1848                }
1849            });
1850
1851            todosCheckbox.addEventListener('change', () => {
1852                itemCheckboxes.forEach(checkbox => {
1853                    checkbox.checked = todosCheckbox.checked;
1854                });
1855                updateDisplay();
1856            });
1857
1858            const syncCheckboxes = () => {
1859                const allChecked = Array.from(itemCheckboxes).every(item => item.checked);
1860                todosCheckbox.checked = allChecked;
1861                updateDisplay();
1862            };
1863
1864            itemCheckboxes.forEach(checkbox => {
1865                checkbox.addEventListener('change', syncCheckboxes);
1866            });
1867
1868            function updateDisplay() {
1869                const selectedLabels = [];
1870                itemCheckboxes.forEach(checkbox => {
1871                    if (checkbox.checked) {
1872                        selectedLabels.push(checkbox.parentElement.querySelector('.custom-checkbox-text').textContent.trim());
1873                    }
1874                });
1875
1876                if (selectedLabels.length === itemCheckboxes.length) {
1877                    displaySpan.textContent = 'Todos os interesses';
1878                } else if (selectedLabels.length > 0) {
1879                    displaySpan.textContent = selectedLabels.join(', ');
1880                } else {
1881                    displaySpan.textContent = placeholderOriginal;
1882                }
1883            }
1884
1885            updateDisplay();
1886        }
1887
1888        $(document).ready(function () {
1889            let isSubmitting = false;
1890
1891            $('#form_newsletter').off('submit').on('submit', function (event) {
1892                event.preventDefault();
1893
1894                if (isSubmitting) return false;
1895                isSubmitting = true;
1896
1897                const form = $(this);
1898                const submitBtn = form.find('#submit-newsletter');
1899                const msgSuccess = $('#newsletter-success');
1900                const msgError = $('#newsletter-error');
1901                const msgErrorContent = $('#newsletter-message-error');
1902
1903                msgSuccess.addClass('hidden');
1904                msgError.addClass('hidden');
1905                submitBtn.prop('disabled', true).find('span').text('Enviando...');
1906
1907                submitBtn.prop('disabled', true);
1908
1909                const email = form.find('input[name="email"]').val();
1910                const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
1911                if (!emailRegex.test(email)) {
1912                    msgErrorContent.html("Digite um e-mail válido.");
1913                    msgError.removeClass('hidden');
1914                    submitBtn.prop('disabled', false).find('span').text('Inscrever-se');
1915                    isSubmitting = false;
1916                    return false;
1917                }
1918
1919                const uf = form.find('select[name="uf_newsletter"]').val();
1920                if (!uf) {
1921                    msgErrorContent.html("Por favor, selecione um estado (UF).");
1922                    msgError.removeClass('hidden');
1923                    submitBtn.prop('disabled', false).find('span').text('Inscrever-se');
1924                    isSubmitting = false;
1925                    return false;
1926                }
1927
1928                if (form.find('.interesse-item:checked').length === 0) {
1929                    msgErrorContent.html("Selecione pelo menos um interesse.");
1930                    msgError.removeClass('hidden');
1931                    submitBtn.prop('disabled', false).find('span').text('Inscrever-se');
1932                    isSubmitting = false;
1933                    return false;
1934                }
1935
1936                $.ajax({
1937                    type: "POST",
1938                    url: form.attr('action'),
1939                    data: form.serialize(),
1940                    dataType: 'json',
1941                    success: function (data) {
1942                        const dados = typeof data === 'string' ? JSON.parse(data) : data;
1943                        if (dados.response === 'error') {
1944                            msgErrorContent.html(dados.message || "Ocorreu um erro ao enviar.");
1945                            msgError.removeClass('hidden');
1946                        } else {
1947                            msgSuccess.removeClass('hidden');
1948                            form.trigger('reset');
1949
1950                            if (container) {
1951                                document.querySelector('.multiselect-display span').textContent = 'Selecione um ou mais interesses';
1952                            }
1953                        }
1954                    },
1955                    error: function () {
1956                        msgErrorContent.html("Erro na comunicação com o servidor.");
1957                        msgError.removeClass('hidden');
1958                    },
1959                    complete: function () {
1960                        isSubmitting = false;
1961                        submitBtn.prop('disabled', false).find('span').text('Inscrever-se');
1962                        setTimeout(() => {
1963                            msgError.addClass("hidden");
1964                            msgSuccess.addClass("hidden");
1965                        }, 5000);
1966                    }
1967                });
1968            });
1969        });
1970    });
1971</script>
1971</div>
1972
1973<!-- Vendor -->
1974
1975<script src="/v3/vendor/jquery.appear/jquery.appear.min.js"></script>
vendor: 1 bytes, line 1975
1975
1976<script src="/v3/vendor/jquery.easing/jquery.easing.min.js"></script>
vendor: 1 bytes, line 1976
1976
1977<script src="/v3/vendor/jquery-cookie/jquery-cookie.min.js"></script>
1977
1978
1979<script src="/v3/js/vue/jquery-ui/jquery-ui.js"></script>
vendor: 1 bytes, line 1979
1979
1980<script src="/v3/vendor/bootstrap/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 1980
1980
1981<script src="/v3/vendor/common/common.min.js"></script>
vendor: 1 bytes, line 1981
1981
1982<script src="/v3/vendor/jquery.validation/jquery.validation.min.js"></script>
vendor: 1 bytes, line 1982
1982
1983<script src="/v3/vendor/jquery.easy-pie-chart/jquery.easy-pie-chart.min.js"></script>
vendor: 1 bytes, line 1983
1983
1984<script src="/v3/vendor/jquery.gmap/jquery.gmap.min.js"></script>
vendor: 1 bytes, line 1984
1984
1985<script src="/v3/vendor/jquery.lazyload/jquery.lazyload.min.js"></script>
vendor: 1 bytes, line 1985
1985
1986<script src="/v3/vendor/isotope/jquery.isotope.min.js"></script>
vendor: 1 bytes, line 1986
1986
1987<script src="/v3/vendor/owl.carousel/owl.carousel.min.js"></script>
vendor: 1 bytes, line 1987
1987
1988<script src="/v3/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
vendor: 1 bytes, line 1988
1988
1989<script src="/v3/vendor/vide/vide.min.js"></script>
1989
1990
1991<!-- VUE -->
1992<script src="/v3/js/vue/popper.js"></script>
1992
1993
1994<!-- scripts vlance -->
1995<script src="/v3/js/vue/jquery.flexslider-min.js"></script>
vendor: 1 bytes, line 1995
1995
1996<script src="/v3/js/vue/jquery.alerts.js"></script>
vendor: 1 bytes, line 1996
1996
1997<script src="/v3/js/vue/jquery.nivo.slider.pack-3.js"></script>
vendor: 1 bytes, line 1997
1997
1998<script src="/v3/js/vue/jquery.selectbox-0.1.3.js"></script>
vendor: 1 bytes, line 1998
1998
1999<script src="/v3/js/vue/jquery.tipsy.js"></script>
vendor: 1 bytes, line 1999
1999
2000<script src="/v3/js/vue/jquery.roundabout.min.js"></script>
vendor: 1 bytes, line 2000
2000
2001<script src="/v3/js/vue/jquery.easing.1.3.js"></script>
vendor: 1 bytes, line 2001
2001
2002<script src="/v3/js/vue/liteaccordion.jquery.js"></script>
2002
2003
2004<script src="/v3/js/vue/jquery.featureCarousel.min.js"></script>
vendor: 1 bytes, line 2004
2004
2005<script src="/v3/js/vue/jquery.fancybox.pack.js"></script>
2005
2006
2007<script src="/v3/js/vue/busca.js"></script>
vendor: 1 bytes, line 2007
2007
2008<script src="/v3/js/vue/usuario.js"></script>
vendor: 1 bytes, line 2008
2008
2009<script src="/v3/js/vue/ui_leilao.js"></script>
vendor: 1 bytes, line 2009
2009
2010<script src="/v3/js/vue/leilao.js"></script>
vendor: 1 bytes, line 2010
2010
2011<script src="/v3/js/vue/main.js"></script>
vendor: 1 bytes, line 2011
2011
2012<script src="/v3/js/vue/jquery.maskedinput.js"></script>
2012
2013<!--
2013<script src="/v3/js/vue/scripts.js"></script>
2013-->
2014<script type="text/javascript" src="/sig/js/jquery.meio.mask.js"></script>
2014
2015
2016<!-- Theme Base, Components and Settings
2017<script src="/v3/js/theme.js"></script>
2017-->
2018
2019
2020<script src="/v3/vendor/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
vendor: 1 bytes, line 2020
2020
2021<script src="/v3/vendor/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
2021
2022
2023<!-- Demo
2024<script src="/v3/js/v3.js"></script>
2024-->
2025
2026<!-- Theme Initialization Files
2027<script src="/v3/js/theme.init.js"></script>
2027-->
2028
2029<!-- Current Page Vendor and Views -->
2030<script src="/v3/js/view.contact.js"></script>
2030
2031
2032<script>
2033    $(function () {
2034        $('#pre-loader').delay(700).fadeOut('slow');
2035        $('.permitir_todos').text('Aceitar todos')
2036        $('.container-cookies').css('min-height', '240px')
2037    });
2038
2039    function toggleNavbar(collapseID) {
2040        let item = $('#' + collapseID);
2041
2042        $('.menu').not(item).css('display', 'none');
2043
2044        item.toggle('fast');
2045    }
2046</script>
2046
2047
2048<div class="modal fade custom-modal" id="modalHabilitacaoExtra" tabindex="-1"
2049     aria-labelledby="modalHabilitacaoExtraLabel" aria-hidden="true">
2050    <div class="modal-dialog modal-dialog-centered">
2051        <div class="modal-content shadow-lg">
2052            <div class="modal-header custom-modal-header">
2053                <h5 class="modal-title w-100 text-center" id="modalHabilitacaoExtraLabel">TIPOS DE HABILITAÇÕES
2054                    ESPECIAIS</h5>
2055                <div class="modal-body d-flex custom-modal-body">
2056                    <div class="ps-3" id="mensagemLiberacao"></div>
2057                </div>
2058            </div>
2059            <div class="modal-footer">
2060                <div class="redirecionaUsuario">
2061                    <span>
2062                        <a class="LinkRedirecionaUsuario" href="/usuario?pg=1#/documentos/editar-dados" target="_blank">Clique aqui</a>
2063                        para ser redirecionado para a página de anexo de documentos
2064                    </span>
2065                </div>
2066                <button type="button" class="btn btn-dark p-2" id="fecharModalLiberacao">FECHAR</button>
2067            </div>
2068        </div>
2069    </div>
2070</div>
2071<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"3512fa624d4b4a2d914dc0c898927e76","r":1,"spa":2}' crossorigin="anonymous"></script>
2071
2072</body>
2073
2074</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.