OK
http://jcrs.uol.com.br/
Brazil
Country
Network
April 27, 2025, 01:42 AM UTC
Date & Time
Websites
Websites
Runtime: 2.9s
On April 27, 2025, 01:42 AM UTC, http://jcrs.uol.com.br/ was accessible when tested on AS268869 in Brazil.

Failures

HTTP Experiment
null
DNS Experiment
null
Control
null

DNS Queries

Resolver:
172.253.233.23
Query:
IN A jcrs.uol.com.br
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
A
200.147.35.224

TCP Connections

Connection to 200.147.35.224:80 succeeded.

HTTP Requests

URL
GET https://www.jornaldocomercio.com/
Response Headers
Access-Control-Allow-Headers:
Origin, Accept, Content-Type, X-Requested-With, X-CSRF-Token
Access-Control-Allow-Methods:
GET, OPTIONS
Access-Control-Allow-Origin:
*
Age:
2626
Alt-Svc:
h3=":443"; ma=86400
Cache-Control:
public, max-age=120, s-maxage=31536000
Cf-Cache-Status:
HIT
Cf-Ray:
936a9ff3cfdc544d-CFC
Content-Type:
text/html; charset=utf-8
Date:
Sun, 27 Apr 2025 01:42:42 GMT
Last-Modified:
Sat, 26 Apr 2025 22:04:54 GMT
Nel:
{"success_fraction":0,"report_to":"cf-nel","max_age":604800}
Report-To:
{"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=zxXbD8VYhILxso10vmDxmnkCc%2Fwv1yjd1hq1CPX5gAByvPgAZv1u2sJYQhsSnFFMG3xmetHW7cDUdl44rvIS7jc1bqDaxQcV5XdIMJQPk0tFKANUys79iOOiZ4Jkf7mUwg%2BYJyMsLCVbTQ%3D%3D"}],"group":"cf-nel","max_age":604800}
Server:
cloudflare
Server-Timing:
cfL4;desc="?proto=TCP&rtt=96200&min_rtt=51835&rtt_var=56803&sent=6&recv=9&lost=0&retrans=0&sent_bytes=3224&recv_bytes=666&delivery_rate=82462&cwnd=252&unsent_bytes=0&cid=b5c09a01a6195516&ts=132&x=0"
Strict-Transport-Security:
max-age=31536000; includeSubDomains
Vary:
Accept-Encoding
Via:
1.1 varnish (Varnish/5.2)
X-Amz-Id-2:
z6bOTLhNVrYFn0D7dOf6Nli1Bz7U7jM5q5ogWk7h8tGMuoMSH1lb7EmH/uQ09wHbcjt4+N+plqk=
X-Amz-Request-Id:
753PEETH98HJBM9Q
X-Cache:
MISS
X-Host:
jornaldocomercio.com.s3-website-us-west-2.amazonaws.com
X-Host-Normalize:
www.jornaldocomercio.com
X-Is-Cacheable:
true
X-Is-S3-Storage:
true
X-Pf-Server:
1
X-Teste:
X-Ua-Device:
desktop
X-Url:
/home/jornaldocomercio/public_html/public/_conteudo/home/
X-Url-Without-Qs:
/
X-Varnish:
2785347
Response Body

<!DOCTYPE html>
    <html lang="en">

    <head>
        <!-- META TAGS -->
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="True">
<meta name="google-site-verification" content="8pnJe8rohHwyVen0WXYCjOqXYOM0yclYiqaefh-7eJw" />

<!-- ROBOTS -->
<meta name="robots" content="all, max-image-preview:standard" />


<!-- GENERAL -->
<meta property="title" content="P&aacute;gina Inicial - Jornal do Com&eacute;rcio">
<meta name="description" content="O jornal de economia e negócios do Rio Grande do Sul">
<meta name="author" content="Jornal do Comércio">
<meta name="referrer" content="always">
<meta name="language" content="pt-br">

<!-- ARTICLE -->
<meta property="article:published_time" content="2025-04-26">
<meta property="article:author" content="Jornal do Comércio">
<meta property="article:publisher" content="https://www.facebook.com/jornaldocomercio">
<meta property="article:published_time" content="2025-04-26">
    <meta property="article:tag" content="jornal, notícia">
<meta name="article:section" content="Home">

<!-- FACEBOOK -->
<meta property="og:site_name" content="Jornal do Comércio">
<meta property="og:title" content="P&aacute;gina Inicial - Jornal do Com&eacute;rcio">
<meta property="og:description" content="O jornal de economia e negócios do Rio Grande do Sul">
<meta property="og:url" content="https://www.jornaldocomercio.com/home" />
<meta property="og:image" content="https://www.jornaldocomercio.com/_midias/jpg/2018/05/29/logojc-1828666.jpg" />
<meta property="og:locale" content="pt_BR">
<meta property="og:type" content="article" />
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="800">
<meta property="og:image:height" content="600">
<meta property="fb:app_id" content="343474196372356" />
<meta property="fb:article_style" content="default" />
<meta property="fb:pages" content="162499700429555" />
<!-- TWITTER -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="https://www.jornaldocomercio.com">
<meta name="twitter:title" content="Página Inicial - Jornal do Comércio">
<meta name="twitter:description" content="O jornal de economia e negócios do Rio Grande do Sul">
<meta name="twitter:domain" content="Jornal do Comércio">
<meta property="twitter:image:src" content="https://www.jornaldocomercio.com/_midias/jpg/2018/05/29/logojc-1828666.jpg">
<meta name="application-name" content="Jornal do Comércio">

<!-- NATIVO -->
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<!-- <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' 'unsafe-eval' *.jornaldocomercio.com *.jornaldocomercio.com.br jcrs.homo homo.jornaldocomercio.com.br *.jquery.com *.googlesyndication.com *.google.com *.gstatic.com *.google.com.br *.google.pt *.youtube.com *.ytimg.com *.google-analytics.com *.googletagservices.com *.moatads.com *.facebook.com *.doubleclick.net receiver.posclick.dinamize.com cdn.ampproject.org *.onesignal.com *.twitter.com *.twimg.com *.facebook.net *.googletagmanager.com *.i94.co cdnjs.cloudflare.com *.hs-scripts.com *.hs-banner.com *.hscollectedforms.net *.hs-analytics.net *.usemessages.com cdn.onesignal.com onesignal.com *.licdn.com *.linkedin.com *.afpforum.com api.openweathermap.org *.taboola.com *.criteo.com *.spotx.tv *.spotxchange.com *.advertising.com *.pubmatic.com *.appnexus.com *.indexexchange.com *.contextweb.com *.openx.com *.tremorhub.com *.rubiconproject.com *.freewheel.tv *.rhythmone.com *.smartadserver.com *.beachfront.com *.advertising.com *.emxdgt.com *.improvedigital.com *.scorecardresearch.com video.unrulymedia.com tags.crwdcntrl.net"> -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Pragma" content="no-cache" />
<meta name="facebook-domain-verification" content="2enb3629uulbiz6jaf4rs0lehdi19q" />
<meta name="google-site-verification" content="8pnJe8rohHwyVen0WXYCjOqXYOM0yclYiqaefh-7eJw" />
<meta name="HandheldFriendly" content="True">
<meta name="harpototalcare" content="c02da7b9810bd99e356699f2fcf0857b">


<link rel="canonical" href="https://www.jornaldocomercio.com/home" />

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">

    <link rel="apple-touch-icon" sizes="180x180" href="https://www.jornaldocomercio.com/v2/assets/icons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="https://www.jornaldocomercio.com/v2/assets/icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="https://www.jornaldocomercio.com/v2/assets/icons/favicon-16x16.png">
<link rel="manifest" href="https://www.jornaldocomercio.com/v2/assets/icons/site.webmanifest">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&amp;family=Poppins:wght@400;500;600;700&amp;display=swap" rel="stylesheet">

<!-- Title -->
<title>Página Inicial - Jornal do Comércio</title>

<link rel="stylesheet" href="https://www.jornaldocomercio.com/v2/fonts/charter/webfonts/stylesheet.css?v=1745705083">
<link rel="stylesheet" href="https://www.jornaldocomercio.com/v2/css/swiper/swiper.min.css?v=1745705083">
<link rel="stylesheet" href="https://www.jornaldocomercio.com/v2/css/swiper/pagination.min.css?v=1745705083">
<link rel="stylesheet" href="https://www.jornaldocomercio.com/v2/css/swiper/navigation.min.css?v=1745705083">
<link rel="stylesheet" href="https://www.jornaldocomercio.com/v2/css/css.css?v=1745705083">
<link rel="stylesheet" href="https://www.jornaldocomercio.com/v2/css/swiper/swiper-custom.css?v=1745705083">


<script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
<script src="https://www.jornaldocomercio.com/v2/assets/momentjs/moment-with-locales.min.js?v=1745705083"></script>
<script src="https://d.jornaldocomercio.com/assets/cleave/cleave.min.js?v=1745705083"></script>
<script src="https://www.jornaldocomercio.com/v2/js/js_head.js?v=1745705083"></script>
<script type="text/javascript">
    usuarioAutenticacao();
    $(function(){
        usuarioAutenticacao();
    })
    window.FIVE_LIVE = false;
    </script>




<script>
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
        id_noticia: '',
        editoria: 'Página Inicial',
        status_assinante: usuarioAssinante() ? 1 : 0,
        status_premium: usuarioPremium() ? 1 : 0,
        pessoa_juridica: usuarioPj() ? 1 : 0,
        noticia_exclusiva: false,
        noticia_retomada: false,
    });
</script>

<script>
    (function(w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({
            'gtm.start': new Date().getTime(),
            event: 'gtm.js'
        });
        var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s),
            dl = l != 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src =
            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-58RP5M5');
</script>
<script type="application/ld+json">
    {"@context":"https:\/\/www.schema.org","@type":"WebSite","name":"Jornal do Com\\u00e9rcio","url":"https:\/\/www.jornaldocomercio.com","isAccessibleForFree":"True"}
</script>
    </head>

    <body>
        <div id="root">
            <div class="font-charterregular ">
                <header class="flex flex-col shadow-image">
    <div id="barra-topo" class="flex flex-col justify-center w-full bg-white dark:bg-dark m-0">
        <div id="barra-data" class="flex flex-col items-center bg-main-primary dark:bg-black m-0">
            <div class="flex justify-between items-center px-4 xl:px-14 py-1 bg-main-primary dark:bg-black max-w-[1440px] w-full relative">
                <p class="text-white text-[0.7rem] xl:text-[0.8rem] font-normal leading-3 ">Porto Alegre, <span class="today"></span></span></p>
                <script>
                    const weekdays = ['dom', 'seg', 'ter', 'qua', 'qui', 'sex', 'sáb'];
                    const date = new Date();

                    const day = String(date.getDate()).padStart(2, '0');
                    const month = String(date.getMonth() + 1).padStart(2, '0');
                    const year = String(date.getFullYear()).substring(2);

                    const date_formatted = `${weekdays[date.getDay()]}, ${day}/${month}/${year}`;
                    document.querySelector('.today').innerHTML = date_formatted;           
                </script>
                                    <ul class="items-center gap-3 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hidden xl:flex">
                        <li><a target="_blank" href="https://www.facebook.com/jornaldocomercio/" class="header-social-icon"><img src="https://www.jornaldocomercio.com/v2/assets/imgs/facebook.svg" alt="" class="h-6 w-6"></a>
                        </li>
                        <li><a target="_blank" href="https://twitter.com/JC_RS" class="header-social-icon"><img src="https://www.jornaldocomercio.com/v2/assets/imgs/twitter.svg" alt="" class="h-6 w-6"></a>
                        </li>
                        <li><a target="_blank" href="https://www.instagram.com/jornaldocomercio/" class="header-social-icon"><img src="https://www.jornaldocomercio.com/v2/assets/imgs/instagram.svg" alt="" class="h-6 w-6"></a>
                        </li>
                        <li><a target="_blank" href="https://www.tiktok.com/@jornaldocomerciors/" class="header-social-icon"><img src="https://www.jornaldocomercio.com/v2/assets/imgs/tiktok.svg" alt="" class="h-6 w-6"></a>
                        </li>
                        <li><a target="_blank" href="https://www.linkedin.com/company/jornaldocomercio/" class="header-social-icon"><img src="https://www.jornaldocomercio.com/v2/assets/imgs/linkedin.svg" alt="" class="h-6 w-6"></a>
                        </li>
                        <li>
                            <a target="_blank" href="https://www.youtube.com/@JornaldoComercioRS" class="header-social-icon" title="Youtube Jornal do Comério">
                                <img src="https://www.jornaldocomercio.com/v2/assets/imgs/youtube.svg" alt="" class="h-6 w-6">
                            </a>
                        </li>
                        <li>
                            <a target="_blank" href="https://beacons.ai/jornaldocomercio" class="header-social-icon" title="Beacons Jornal do Comério">
                                <img src="https://www.jornaldocomercio.com/v2/assets/imgs/beacons.svg" alt="" class="h-6 w-6">
                            </a>
                        </li>
                        <li>
                            <a target="_blank" href="/rss" class="header-social-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-6 h-6 text-white">
                                    <path fill-rule="evenodd" d="M3.75 4.5a.75.75 0 01.75-.75h.75c8.284 0 15 6.716 15 15v.75a.75.75 0 01-.75.75h-.75a.75.75 0 01-.75-.75v-.75C18 11.708 12.292 6 5.25 6H4.5a.75.75 0 01-.75-.75V4.5zm0 6.75a.75.75 0 01.75-.75h.75a8.25 8.25 0 018.25 8.25v.75a.75.75 0 01-.75.75H12a.75.75 0 01-.75-.75v-.75a6 6 0 00-6-6H4.5a.75.75 0 01-.75-.75v-.75zm0 7.5a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z" clip-rule="evenodd"></path>
                                </svg>
                            </a>
                        </li>
                        <li>
                            <a target="_blank" href="/fale-conosco" class="header-social-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-6 h-6 text-white">
                                    <path d="M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z">
                                    </path>
                                    <path d="M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z">
                                    </path>
                                </svg>
                            </a>
                        </li>
                    </ul>
                
                <div class="flex items-center gap-4">
                    
                    <a class="text-white text-base font-normal leading-normal underline-spaced hidden xl:block" href="https://d.jornaldocomercio.com/publicidade-legal" target="_blank">
                        Publicidade Legal
                    </a>
                                            <div class="h-1 w-1 rounded-full bg-white hidden xl:block"></div>
                        <a class="text-white text-xs xl:text-base font-normal leading-normal underline-spaced" href="https://www.jornaldocomerciocampanha.com/anuncie" target="_blank">
                            Anuncie no JC
                        </a>
                        <div class="h-8 w-[1px] bg-white"></div>
                                                    <button class="
                                darkmode-toggle
                                w-11 h-6 p-0.5 bg-white dark:bg-black dark:border rounded-2xl flex items-center
                                justify-end 
                                ">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-5 h-5 text-main-secondary bg-neutral-light-gray rounded-2xl dark:hidden">
                                    <path d="M12 2.25a.75.75 0 01.75.75v2.25a.75.75 0 01-1.5 0V3a.75.75 0 01.75-.75zM7.5 12a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM18.894 6.166a.75.75 0 00-1.06-1.06l-1.591 1.59a.75.75 0 101.06 1.061l1.591-1.59zM21.75 12a.75.75 0 01-.75.75h-2.25a.75.75 0 010-1.5H21a.75.75 0 01.75.75zM17.834 18.894a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 10-1.061 1.06l1.59 1.591zM12 18a.75.75 0 01.75.75V21a.75.75 0 01-1.5 0v-2.25A.75.75 0 0112 18zM7.758 17.303a.75.75 0 00-1.061-1.06l-1.591 1.59a.75.75 0 001.06 1.061l1.591-1.59zM6 12a.75.75 0 01-.75.75H3a.75.75 0 010-1.5h2.25A.75.75 0 016 12zM6.697 7.757a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 00-1.061 1.06l1.59 1.591z">
                                    </path>
                                </svg>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-5 h-5 text-white bg-neutral-dark-gray rounded-2xl hidden dark:block">
                                    <path fill-rule="evenodd" d="M9.528 1.718a.75.75 0 01.162.819A8.97 8.97 0 009 6a9 9 0 009 9 8.97 8.97 0 003.463-.69.75.75 0 01.981.98 10.503 10.503 0 01-9.694 6.46c-5.799 0-10.5-4.701-10.5-10.5 0-4.368 2.667-8.112 6.46-9.694a.75.75 0 01.818.162z" clip-rule="evenodd"></path>
                                </svg>
                            </button>
                                                                <script>
                        /* DARK MODE */
                        let darkmode = localStorage.getItem('@JCRS:darkmode');
                        darkmode = darkmode === 'true'
                        setDarkMode(darkmode);
                        var cd_site = '278';
                        function setDarkMode(status) {
                            darkmodeToggle = document.querySelector('.darkmode-toggle');
                            if (!darkmodeToggle) {
                                return;
                            }
                            root = document.querySelector('#root');
                            if (status == true) {
                                localStorage.setItem('@JCRS:darkmode', 'true');
                                root.classList.add('dark');
                                root.classList.add('bg-dark');
                                darkmodeToggle.classList.remove('justify-end');
                                darkmodeToggle.classList.add('justify-start');
                                darkmode = true;
                                $(function(){
                                    $.ajax({
                                        url: url_dynamic + 'includes/paginas/inove/api_log.php',
                                        type: 'POST',
                                        data: {
                                            'acao': 'darkmode',
                                        }
                                    });
                                })
                            } else {
                                localStorage.setItem('@JCRS:darkmode', 'false');
                                root.classList.remove('dark');
                                root.classList.remove('bg-dark');
                                darkmodeToggle.classList.add('justify-end');
                                darkmodeToggle.classList.remove('justify-start');
                                darkmode = false;
                            }
                        }
                    </script>
                </div>
            </div>
        </div>
        <div class="flex flex-col items-center bg-white dark:bg-dark">
            <div id="barra-logo" class="max-w-[1440px] py-6 bg-white dark:bg-dark w-full">
                <div class="flex justify-between px-4 xl:px-[3.75rem] xl:pt-[1.125rem] xl:pb-2.5">
                    
                    <div id="barra-topo-interna" class="flex max-w-[1440px] bg-white dark:bg-dark z-[2] justify-between items-center w-full">
                        <form id="search-header" class="flex xl:gap-6 xl:w-[362px] xl:mr-4" action="/busca" method="get">
                                                            <button id="menu-side-open" class="flex items-center gap-2 text-orange-500 text-base font-bold leading-tight font-charterbold whitespace-nowrap" type="button">
                                    <img src="https://www.jornaldocomercio.com/v2/assets/imgs/menu-icon.svg" alt="" class="w-6 h-6">
                                    <span class="hidden xl:block">Menu completo</span>
                                </button>
                                <button id="menu-side-close" class="hidden flex items-center gap-2 text-orange-500 text-base font-bold leading-tight font-charterbold whitespace-nowrap" type="button">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-6 w-6 text-main-secondary">
                                        <path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path>
                                    </svg>
                                    <span class="hidden xl:block">Fechar</span>
                                </button>
                                                        <label for="header-search" class="hidden xl:flex items-center gap-2 w-56 relative group">
                                <input type="text" id="header-search" name="q" placeholder="O que você busca?" class="w-full text-neutral-medium-gray text-base font-normal leading-tight focus:outline-none px-4 pt-2.5 pb-3 border border-neutral-light-gray  hover:border-main-secondary focus:border-main-secondary transition-all ease-in duration-200 rounded-lg placeholder:text-neutral-medium-gray dark:bg-dark dark:border-neutral-dark-gray dark:text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="w-5 h-5 text-neutral-dark-gray absolute top-1/2 transform -translate-y-1/2 right-4 group-hover:text-main-secondary cursor-pointer" onClick="document.getElementById('search-header').submit();">
                                    <path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z" clip-rule="evenodd"></path>
                                </svg>
                            </label>
                        </form>
                        <a href="/">
                                                                                                <img id="logo-jc" src="https://www.jornaldocomercio.com/v2/assets/imgs/logo.png" alt="Jornal do Comércio. O jornal da economia e negócios do RS. 90 anos." class="logo-jc xl:w-[422px] object-contain mx-auto xl:block hidden dark:hidden">
                                    <img id="logo-jc" src="https://www.jornaldocomercio.com/v2/assets/imgs/logo-dark.png" alt="Jornal do Comércio. O jornal da economia e negócios do RS. 90 anos." class="logo-jc-dark w-[224px] xl:w-[422px] object-contain mx-auto hidden dark:block">
                                    <img id="logo-jc" src="https://www.jornaldocomercio.com/v2/assets/imgs/logo-mobile.png" alt="Jornal do Comércio. O jornal da economia e negócios do RS. 90 anos." class="logo-jc-mobile w-[224px] object-contain mx-auto xl:hidden block dark:hidden">
                                                                                    </a>
                        <div id="barra-topo-espacamento-mobile" class="w-6 h-6 block xl:hidden"></div>
                        <div class="hidden xl:flex items-center justify-end w-[362px]">
                                                            <div class="user-not-logged flex gap-2">
                                    <button class="btn btn-secondary login-open">Entrar</button>
                                    <a href="https://loja.jornaldocomercio.com/?utm_source=btn_assine" class="btn text-white bg-main-secondary hover:bg-button-primary w-full xl:w-fit">Assine agora</a>
                                </div>
                                <div class="user-logged flex hidden">
                                    <a href="https://d.jornaldocomercio.com/loja/usuario.php" class="flex gap-1 dark:text-white">Olá, <span class="name text-main-secondary text-ellipsis max-w-[128px] overflow-hidden whitespace-nowrap"></span></a>
                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="#ED702D" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 ml-1">
                                        <path d="M12.0001 9.60002C13.9883 9.60002 15.6001 7.98825 15.6001 6.00002C15.6001 4.0118 13.9883 2.40002 12.0001 2.40002C10.0119 2.40002 8.4001 4.0118 8.4001 6.00002C8.4001 7.98825 10.0119 9.60002 12.0001 9.60002Z" fill="#ED702D"/>
                                        <path d="M4.1583 17.3923C3.92444 18.0019 4.13332 18.6852 4.64914 19.0855C6.67996 20.6617 9.23052 21.6 12.0002 21.6C14.7728 21.6 17.3257 20.6598 19.3575 19.0807C19.8731 18.68 20.0815 17.9966 19.8473 17.3871C18.6362 14.2363 15.5811 12 12.0038 12C8.42448 12 5.36805 14.2387 4.1583 17.3923Z" fill="#ED702D"/>
                                    </svg>
                                </div>
                                                    </div>
                        <div id="barra-topo-botoes-mobile" class="hidden flex flex-col xl:hidden items-center justify-end">
                                                            <div class="user-logged flex hidden">
                                    <a href="https://d.jornaldocomercio.com/loja/usuario.php" class="flex gap-1 dark:text-white">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="#ED702D" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 ml-1">
                                            <path d="M12.0001 9.60002C13.9883 9.60002 15.6001 7.98825 15.6001 6.00002C15.6001 4.0118 13.9883 2.40002 12.0001 2.40002C10.0119 2.40002 8.4001 4.0118 8.4001 6.00002C8.4001 7.98825 10.0119 9.60002 12.0001 9.60002Z" fill="#ED702D"/>
                                            <path d="M4.1583 17.3923C3.92444 18.0019 4.13332 18.6852 4.64914 19.0855C6.67996 20.6617 9.23052 21.6 12.0002 21.6C14.7728 21.6 17.3257 20.6598 19.3575 19.0807C19.8731 18.68 20.0815 17.9966 19.8473 17.3871C18.6362 14.2363 15.5811 12 12.0038 12C8.42448 12 5.36805 14.2387 4.1583 17.3923Z" fill="#ED702D"/>
                                        </svg>
                                    </a>
                                </div>
                                <div class="user-not-logged flex flex-col gap-2">
                                    <a href="https://loja.jornaldocomercio.com/?utm_source=btn_assine" class="btn text-white bg-main-secondary hover:bg-button-primary w-full xl:w-fit px-2 py-1 text-[0.756rem]">Assine</a>
                                    <button class="btn btn-secondary login-open w-fit px-2 py-1 text-[0.756rem]">Entrar</button>
                                </div>
                                                    </div>                        
                    </div>
                </div>
            </div>
        </div>
    </div>

            <div class="flex-col items-center hidden xl:flex dark:bg-dark">
            <ul class="list-circle-except-first-child flex gap-4 justify-between px-[3.75rem] pb-2 overflow-hidden max-w-screen xl:max-w-[1440px] w-full">
                                                    <li class="marker:text-orange-500 ">
                        <a 
                            class="
                                text-sm font-normal py-2 px-2 hover:bg-main-secondary/20 leading-tight whitespace-nowrap transition ease-in duration-200 text-black dark:text-white
                                " 
                            href="https://d.jornaldocomercio.com/minha_capa.php"
                        >
                        Minha capa                    </a>
                </li>
                                    <li class="marker:text-orange-500 ">
                        <a 
                            class="
                                text-sm font-normal py-2 px-2 hover:bg-main-secondary/20 leading-tight whitespace-nowrap transition ease-in duration-200 text-black dark:text-white
                                text-main-secondary" 
                            href="/"
                        >
                        Capa                    </a>
                </li>
                                    <li class="marker:text-orange-500 ">
                        <a 
                            class="
                                text-sm font-normal py-2 px-2 hover:bg-main-secondary/20 leading-tight whitespace-nowrap transition ease-in duration-200 text-black dark:text-white
                                " 
                            href="https://www.jornaldocomercio.com/ultimas-noticias/"
                        >
                        Últimas                    </a>
                </li>
                                    <li class="marker:text-orange-500 ">
                        <a 
                            class="
                                text-sm font-normal py-2 px-2 hover:bg-main-secondary/20 leading-tight whitespace-nowrap transition ease-in duration-200 text-black dark:text-white
                                " 
                            href="https://www.jornaldocomercio.com/economia/"
                        >
                        Economia                    </a>
                </li>
                                    <li class="marker:text-orange-500 ">
                        <a 
                            class="
                                text-sm font-normal py-2 px-2 hover:bg-main-secondary/20 leading-tight whitespace-nowrap transition ease-in duration-200 text-black dark:text-white
                                " 
                            href="https://www.jornaldocomercio.com/politica/"
                        >
                        Política                    </a>
                </li>
                                    <li class="marker:text-orange-500 ">
                        <a 
                            class="
                                text-sm font-normal py-2 px-2 hover:bg-main-secondary/20 leading-tight whitespace-nowrap transition ease-in duration-200 text-black dark:text-white
                                " 
                            href="https://www.jornaldocomercio.com/geral/"
                        >
                        Geral                    </a>
                </li>
                                    <li class="marker:text-orange-500 ">
                        <a 
                            class="
                                text-sm font-normal py-2 px-2 hover:bg-main-secondary/20 leading-tight whitespace-nowrap transition ease-in duration-200 text-black dark:text-white
                                " 
                            href="https://www.jornaldocomercio.com/internacional/"
                        >
                        Internacional                    </a>
                </li>
                                    <li class="marker:text-orange-500 ">
                        <a 
                            class="
                                text-sm font-normal py-2 px-2 hover:bg-main-secondary/20 leading-tight whitespace-nowrap transition ease-in duration-200 text-black dark:text-white
                                " 
                            href="https://www.jornaldocomercio.com/esportes/"
                        >
                        Esportes                    </a>
                </li>
                                    <li class="marker:text-orange-500 ">
                        <a 
                            class="
                                text-sm font-normal py-2 px-2 hover:bg-main-secondary/20 leading-tight whitespace-nowrap transition ease-in duration-200 text-black dark:text-white
                                " 
                            href="https://www.jornaldocomercio.com/cultura/"
                        >
                        Cultura                    </a>
                </li>
                                    <li class="marker:text-orange-500 ">
                        <a 
                            class="
                                text-sm font-normal py-2 px-2 hover:bg-main-secondary/20 leading-tight whitespace-nowrap transition ease-in duration-200 text-black dark:text-white
                                " 
                            href="https://www.jornaldocomercio.com/opiniao/"
                        >
                        Opinião                    </a>
                </li>
                                    <li class="marker:text-orange-500 ">
                        <a 
                            class="
                                text-sm font-normal py-2 px-2 hover:bg-main-secondary/20 leading-tight whitespace-nowrap transition ease-in duration-200 text-black dark:text-white
                                " 
                            href="https://www.jornaldocomercio.com/colunas/"
                        >
                        Colunas                    </a>
                </li>
                                    <li class="marker:text-orange-500 ">
                        <a 
                            class="
                                text-sm font-normal py-2 px-2 hover:bg-main-secondary/20 leading-tight whitespace-nowrap transition ease-in duration-200 text-black dark:text-white
                                " 
                            href="https://www.jornaldocomercio.com/cadernos/"
                        >
                        Cadernos                    </a>
                </li>
                                    <li class="marker:text-orange-500 ">
                        <a 
                            class="
                                text-sm font-normal py-2 px-2 hover:bg-main-secondary/20 leading-tight whitespace-nowrap transition ease-in duration-200 text-black dark:text-white
                                " 
                            href="https://www.jornaldocomercio.com/ge2/capa/"
                        >
                        GeraçãoE                    </a>
                </li>
                                    <li class="marker:text-orange-500 ">
                        <a 
                            class="
                                text-sm font-normal py-2 px-2 hover:bg-main-secondary/20 leading-tight whitespace-nowrap transition ease-in duration-200 text-black dark:text-white
                                " 
                            href="https://www.jornaldocomercio.com/especiais/nucleo-i/"
                        >
                        Núcleo-I                    </a>
                </li>
                                
            </ul>
        </div>
            
</header>
    <div class="user-not-logged flex xl:hidden items-center gap-2 px-4 pt-6 dark:bg-dark">
        <button class="btn btn-secondary w-full login-open">Entrar</button>
        <a href="https://loja.jornaldocomercio.com/?utm_source=btn_assine" title="Loja Jornal do Comércio" class="btn text-white bg-main-secondary hover:bg-button-primary w-full xl:w-fit text-center">Assine agora</a>
    </div>
                
    <div class="user-logged flex items-center justify-center rounded-3xl border p-4 mx-4 mt-6 xl:hidden hidden">
        <a href="https://d.jornaldocomercio.com/loja/usuario.php" class="flex gap-1 dark:text-white">Olá, <span class="name text-main-secondary text-ellipsis max-w-[200px] overflow-hidden whitespace-nowrap"></span></a>
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 ml-1">
            <path d="M12.0001 9.60002C13.9883 9.60002 15.6001 7.98825 15.6001 6.00002C15.6001 4.0118 13.9883 2.40002 12.0001 2.40002C10.0119 2.40002 8.4001 4.0118 8.4001 6.00002C8.4001 7.98825 10.0119 9.60002 12.0001 9.60002Z" fill="#ED702D"/>
            <path d="M4.1583 17.3923C3.92444 18.0019 4.13332 18.6852 4.64914 19.0855C6.67996 20.6617 9.23052 21.6 12.0002 21.6C14.7728 21.6 17.3257 20.6598 19.3575 19.0807C19.8731 18.68 20.0815 17.9966 19.8473 17.3871C18.6362 14.2363 15.5811 12 12.0038 12C8.42448 12 5.36805 14.2387 4.1583 17.3923Z" fill="#ED702D"/>
        </svg>
    </div>
                <div id="modal-overlay" class="invisible opacity-0 transition-opacity duration-500 bg-modal-primary fixed inset-0 dark z-[10]"></div> <!-- z-[2] -->
<div id="menu-side-overlay" class="top-[224px] invisible opacity-0 transition-opacity duration-500 bg-black/40 fixed left-0 bottom-0 w-screen z-20 cursor-pointer"></div>

<div id="modal-form-feedbackv2" class="invisible opacity-0 transition-opacity duration-500 fixed rounded-lg py-4 px-4 modal-shadow focus:outline-none overflow-y-auto z-[20] w-[280px] bg-white dark:bg-dark" tabindex="-1" style="pointer-events: auto; right: 0; bottom: 0; left: auto; top: auto;">
    <h2 class="text-xl font-charterbold font-bold mb-4 dark:text-white" style="font-size: 18px; margin-right: 32px;">
        O que você está achando do novo layout do JC?
    </h2>
    <form>
        <input type="hidden" name="acao" value="feedbackv2" />
        <input type="hidden" name="width" value="" />
        <input type="hidden" name="height" value="" />
        <script>
            document.querySelector('#modal-form-feedbackv2 [name=width]').value = window.innerWidth;
            document.querySelector('#modal-form-feedbackv2 [name=height]').value = window.innerHeight;
        </script>
        <!-- <fieldset class="flex flex-col gap-2 mb-4">
            <label for="" class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins ml-4">nome completo</label>
            <input type="text" name="nome" class="px-4 py-[0.625rem] bg-neutral-off-white dark:bg-black rounded-lg w-full text-black dark:text-white font-base "><span class="ml-4 text-[0.625rem]  text-neutral-light-gray">Campo opcional</span>
        </fieldset>
        <fieldset class="flex flex-col gap-2 mb-8">
            <label class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins ml-4">e-mail</label>
            <input type="email" name="email" class="px-4 py-[0.625rem] bg-neutral-off-white dark:bg-black rounded-lg w-full text-black dark:text-white font-base "><span class="ml-4 text-[0.625rem]  text-neutral-light-gray">Campo opcional</span>
        </fieldset> -->
        <input type="hidden" name="usuario_id" value="" />
        <script>
            if (typeof usuario == 'object') {
                if (usuario.id) {
                    document.querySelector('#modal-form-feedbackv2 [name=usuario_id]').value = usuario.id;
                }
            }
        </script>
        <fieldset class="flex flex-col gap-2 mb-8">
            <label class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins ml-4">mensagem</label>
            <textarea type="text" name="mensagem" class="px-4 py-[0.625rem] bg-neutral-off-white dark:bg-black rounded-lg w-full text-black dark:text-white font-base " required=""></textarea>
        </fieldset>

        <div class="retorno text-white bg-red-500 text-sm mb-4 p-2" style="display: none"></div>

        <div class="flex flex-col-reverse gap-2 xl:flex-row xl:items-center xl:justify-end dark:text-white">
            <button type="button" class="px-4 py-3 rounded-lg text-base font-normal leading-normal h-fit whitespace-nowrap btn-clean" data-modal-hide="modal-form-feedbackv2">
                Cancelar
            </button>
            <button type="submit" class="btn text-white bg-main-secondary hover:bg-button-primary g-recaptcha">
                Enviar feedback
            </button>
        </div>
    </form>

    <button data-modal-hide="modal-form-feedbackv2" class="modal-close text-violet11 hover:bg-violet4 focus:shadow-violet7 absolute top-4 right-2 inline-flex h-8 w-8 appearance-none items-center justify-center rounded-full focus:shadow-[0_0_0_2px] focus:outline-none" aria-label="Close" type="button">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="w-8 h-8 text-main-secondary">
            <path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path>
        </svg>
    </button>
</div>
<div id="modal-form-newsletter" class="invisible opacity-0 transition-opacity duration-500 fixed inset-x-4 inset-y-10 max-h-[100vh] rounded-lg pt-16 px-6 pb-6 modal-shadow focus:outline-none overflow-y-auto z-[20] xl:max-w-[40.5rem] xl:left-1/2 xl:-translate-x-1/2 bg-white dark:bg-dark" tabindex="-1" style="pointer-events: auto;">
    <h2 class="text-xl font-charterbold font-bold mb-4 dark:text-white">Cadastre-se para receber as Newsletters gratuitas do JC</h2>
    <p class="text-base leading-5  text-neutral-dark-gray dark:text-neutral-light-gray mb-6">As notícias que você não pode deixar de ler irão chegar cedinho no seu e-mail, para começar o dia bem informado!</p>
    <form>
        <input type="hidden" name="acao" value="newsletter" />
        <fieldset class="flex flex-col gap-2 mb-4">
            <label for="" class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins ml-4">nome completo</label>
            <input type="text" name="nome" class="px-4 py-[0.625rem] bg-neutral-off-white dark:bg-black rounded-lg w-full text-black dark:text-white font-base "><span class="ml-4 text-[0.625rem]  text-neutral-light-gray">Campo opcional</span>
        </fieldset>
        <fieldset class="flex flex-col gap-2 mb-8">
            <label class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins ml-4">e-mail</label>
            <input type="email" name="email" class="px-4 py-[0.625rem] bg-neutral-off-white dark:bg-black rounded-lg w-full text-black dark:text-white font-base " required="">
        </fieldset>
        <fieldset>
            <h3 class="text-base leading-5 text-black dark:text-white mb-4">Escolha qual news você deseja receber</h3>
            <div class="flex flex-col gap-2">
                <label class="flex items-center gap-2 text-base leading-5  text-neutral-dark-gray dark:text-neutral-light-gray">
                    <input type="checkbox" name="preferencias[]" value="JC diária" class="peer relative appearance-none w-5 h-5 border-2 border-main-secondary rounded-full focus:outline-none checked:after:content=[&quot;&quot;] checked:after:w-2 checked:after:h-2 checked:after:rounded-full checked:after:absolute checked:after:bg-main-secondary checked:after:top-1/2 checked:after:left-1/2 checked:after:translate-y-[-50%] checked:after:translate-x-[-50%]">
                    Jornal do Comércio
                </label>
                <label class="flex items-center gap-2 text-base leading-5  text-neutral-dark-gray dark:text-neutral-light-gray">
                    <input type="checkbox" name="preferencias[]" value="GeraçãoE" class="peer relative appearance-none w-5 h-5 border-2 border-main-secondary rounded-full focus:outline-none checked:after:content=[&quot;&quot;] checked:after:w-2 checked:after:h-2 checked:after:rounded-full checked:after:absolute checked:after:bg-main-secondary checked:after:top-1/2 checked:after:left-1/2 checked:after:translate-y-[-50%] checked:after:translate-x-[-50%]">
                    GeraçãoE (Empreendedorismo)
                </label>
                <label class="flex items-center gap-2 text-base leading-5  text-neutral-dark-gray dark:text-neutral-light-gray">
                    <input type="checkbox" name="preferencias[]" value="JC Especiais" class="peer relative appearance-none w-5 h-5 border-2 border-main-secondary rounded-full focus:outline-none checked:after:content=[&quot;&quot;] checked:after:w-2 checked:after:h-2 checked:after:rounded-full checked:after:absolute checked:after:bg-main-secondary checked:after:top-1/2 checked:after:left-1/2 checked:after:translate-y-[-50%] checked:after:translate-x-[-50%]">
                    Cadernos Especiais
                </label>
                <label class="flex items-center gap-2 text-base leading-5  text-neutral-dark-gray dark:text-neutral-light-gray">
                    <input type="checkbox" name="preferencias[]" value="Promoções" class="peer relative appearance-none w-5 h-5 border-2 border-main-secondary rounded-full focus:outline-none checked:after:content=[&quot;&quot;] checked:after:w-2 checked:after:h-2 checked:after:rounded-full checked:after:absolute checked:after:bg-main-secondary checked:after:top-1/2 checked:after:left-1/2 checked:after:translate-y-[-50%] checked:after:translate-x-[-50%]">
                    Conteúdo promocional
                </label>
            </div>
            <div class="w-full h-[1px] bg-neutral-light-gray my-6"></div>
        </fieldset>
        <fieldset class="flex flex-col gap-2 mb-10">
            <label class="flex items-center gap-2 text-sm  leading-5 text-neutral-dark-gray dark:text-neutral-light-gray">
                <input type="checkbox" name="termo" required class="form-checkbox h-5 w-5 rounded-sm text-neutral-dark-gray dark:text-neutral-light-gray outline-none focus:outline-none dark:bg-black dark:checked:bg-main-secondary">
                <span>
                    Li e concordo com a <a class="underline font-charterbold font-bold" href="https://www.jornaldocomercio.com/_conteudo/secao/2020/10/761660-politica-de-privacidade-do-jornal-do-comercio.html" target="_blank">Política de Privacidade.</a>
                </span>
            </label>
        </fieldset>

        <div class="retorno text-white bg-red-500 text-sm mb-4 p-2" style="display: none"></div>

        <div class="flex flex-col-reverse gap-7 xl:flex-row xl:items-center xl:justify-end dark:text-white">
            <button type="button" class="px-4 py-3 rounded-lg text-base font-normal leading-normal h-fit whitespace-nowrap btn-clean" data-modal-hide="modal-form-newsletter">
                Cancelar
            </button>
            <button type="submit" class="btn text-white bg-main-secondary hover:bg-button-primary">
                Cadastrar
            </button>
        </div>
    </form>

    <button data-modal-hide="modal-form-newsletter" class="text-violet11 hover:bg-violet4 focus:shadow-violet7 absolute top-6 right-6 inline-flex h-8 w-8 appearance-none items-center justify-center rounded-full focus:shadow-[0_0_0_2px] focus:outline-none" aria-label="Close" type="button">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="w-8 h-8 text-main-secondary">
            <path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path>
        </svg>
    </button>
</div>
<div id="modal-form-cadastro" class="invisible opacity-0 transition-opacity duration-500 fixed inset-x-4 inset-y-10 rounded-lg p-6 modal-shadow focus:outline-none overflow-y-auto z-[20] xl:max-w-[40.5rem] xl:left-1/2 xl:-translate-x-1/2 bg-white dark:bg-dark" tabindex="-1" style="pointer-events: auto;">
    <h2 class="text-xl font-charterbold font-bold mb-2 dark:text-white text-center">
        Faça cadastro no site do JC para comentar.
    </h2>
    <p class="text-base leading-5 text-neutral-dark-gray dark:text-neutral-light-gray mb-4 text-center">
        Não é necessário ser assinante
    </p>
    <form class="cadastro-usuario" method="POST">
        <input type="hidden" name="usuario_existente" class="usuario_existente" value="0">
        <input type="hidden" name="acao" value="cadastrar" />
        <input type="hidden" name="site" value="jc">
        <fieldset class="flex flex-col gap-2 mb-4">
            <label for="" class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins ml-4">
                CPF/CNPJ *
            </label>
            <input value="" type="text" name="cpf_cnpj" id="cpf_cnpj" class="cpf_cnpj px-4 py-[0.625rem] bg-neutral-off-white dark:bg-black rounded-lg w-full text-black dark:text-white font-base" required>
        </fieldset>
        <fieldset class="flex flex-col gap-2 mb-4">
            <label class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins ml-4">
                e-mail *
            </label>
            <input value="" type="text" name="email" id="email" class="px-4 py-[0.625rem] bg-neutral-off-white dark:bg-black rounded-lg w-full text-black dark:text-white font-base " required>
        </fieldset>
        <fieldset class="flex flex-col gap-2 mb-4">
            <label class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins ml-4">
                Nome completo/Razão Social *
            </label>
            <input value="" type="text" name="nome" id="email" class="px-4 py-[0.625rem] bg-neutral-off-white dark:bg-black rounded-lg w-full text-black dark:text-white font-base" required>
        </fieldset>
        <fieldset class="flex flex-col gap-2 mb-4">
            <label class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins ml-4">
                Tel. (DDD-xxxx-xxxx) *
            </label>
            <input value="" type="text" name="telefone" id="tel" class="telefone px-4 py-[0.625rem] bg-neutral-off-white dark:bg-black rounded-lg w-full text-black dark:text-white font-base" required>
        </fieldset>
        <fieldset class="flex gap-2 mb-4">
            <div class="flex flex-col gap-2 w-1/2">
                <label class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins ml-4">
                    Crie sua senha *
                </label>
                <input value="" type="password" name="senha" id="senha" class="px-4 py-[0.625rem] bg-neutral-off-white dark:bg-black rounded-lg w-full text-black dark:text-white font-base" required>
            </div>
            <div class="flex flex-col gap-2 w-1/2">
                <label class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins ml-4">
                    Repita sua senha *
                </label>
                <input value="" type="password" name="senha2" id="senha2" class="px-4 py-[0.625rem] bg-neutral-off-white dark:bg-black rounded-lg w-full text-black dark:text-white font-base" required>
            </div>
        </fieldset>
        <fieldset>
            <div class="flex flex-col gap-2">
                <label class="flex items-center gap-2 text-base leading-5  text-neutral-dark-gray dark:text-neutral-light-gray">
                    <input type="checkbox" name="termo" value="1" class="peer relative appearance-none w-5 h-5 border-2 border-main-secondary rounded-full focus:outline-none checked:after:content=[&quot;&quot;] checked:after:w-2 checked:after:h-2 checked:after:rounded-full checked:after:absolute checked:after:bg-main-secondary checked:after:top-1/2 checked:after:left-1/2 checked:after:translate-y-[-50%] checked:after:translate-x-[-50%]">
                    Li e concordo com a <a class="underline font-charterbold font-bold" href="https://www.jornaldocomercio.com/_conteudo/secao/2020/10/761660-politica-de-privacidade-do-jornal-do-comercio.html" target="_blank">Política de Privacidade.</a>
                </label>
                <label class="flex items-center gap-2 text-base leading-5  text-neutral-dark-gray dark:text-neutral-light-gray">
                    <input type="checkbox" name="receber_email" value="1" class="peer relative appearance-none w-5 h-5 border-2 border-main-secondary rounded-full focus:outline-none checked:after:content=[&quot;&quot;] checked:after:w-2 checked:after:h-2 checked:after:rounded-full checked:after:absolute checked:after:bg-main-secondary checked:after:top-1/2 checked:after:left-1/2 checked:after:translate-y-[-50%] checked:after:translate-x-[-50%]" checked>
                    Quero receber as principais notícias do dia no meu e-mail
                </label>
            </div>
            <div class="w-full h-[1px] bg-neutral-light-gray my-6"></div>
        </fieldset>

        <div class="retorno text-white bg-red-500 text-sm mb-4 p-2" style="display: none"></div>

        <div class="flex flex-col gap-4 xl:items-center dark:text-white">
            <button type="submit" class="btn text-white bg-main-secondary hover:bg-button-primary">
                Cadastrar
            </button>
            <p class="mb-2 dark:text-white">Já é cadastrado?</p>
            <button type="button" class="btn text-white bg-main-primary" onclick="modal_form('login')">
                Login
            </button>
        </div>

    </form>

    <button data-modal-hide="modal-form-cadastro" class="text-violet11 hover:bg-violet4 focus:shadow-violet7 absolute top-6 right-6 inline-flex h-8 w-8 appearance-none items-center justify-center rounded-full focus:shadow-[0_0_0_2px] focus:outline-none" aria-label="Close" type="button">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="w-8 h-8 text-main-secondary">
            <path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path>
        </svg>
    </button>
</div>
<div id="modal-form-corrigir" class="invisible opacity-0 transition-opacity duration-500 fixed inset-x-4 inset-y-10 max-h-[100vh] rounded-lg pt-16 px-6 pb-6 modal-shadow focus:outline-none overflow-y-auto z-[20] xl:max-w-[40.5rem] xl:left-1/2 xl:-translate-x-1/2 bg-white dark:bg-dark" tabindex="-1" style="pointer-events: auto;">
    <h2 class="text-xl font-charterbold font-bold mb-4 dark:text-white">Corrigir texto</h2>
    <p class="text-base leading-5  text-neutral-dark-gray dark:text-neutral-light-gray mb-6">Se você encontrou algum erro nesta notícia, por favor preencha o formulário abaixo e clique em enviar. Este formulário destina-se somente à comunicação de erros.</p>
    <form>
        <input type="hidden" name="acao" value="corrigir" />
        <input type="hidden" name="id" value="" />
        <fieldset class="flex flex-col gap-2 mb-4">
            <label for="" class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins ml-4">nome completo</label>
            <input type="text" name="nome" class="px-4 py-[0.625rem] bg-neutral-off-white dark:bg-black rounded-lg w-full text-black dark:text-white font-base "><span class="ml-4 text-[0.625rem]  text-neutral-light-gray">Campo opcional</span>
        </fieldset>
        <fieldset class="flex flex-col gap-2 mb-8">
            <label class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins ml-4">e-mail</label>
            <input type="email" name="email" class="px-4 py-[0.625rem] bg-neutral-off-white dark:bg-black rounded-lg w-full text-black dark:text-white font-base " required="">
        </fieldset>
        <fieldset class="flex flex-col gap-2 mb-8">
            <label class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins ml-4">correção</label>
            <textarea type="text" name="mensagem" class="px-4 py-[0.625rem] bg-neutral-off-white dark:bg-black rounded-lg w-full text-black dark:text-white font-base " required=""></textarea>
        </fieldset>
        <script>
            if (typeof usuario == 'object') {
                if (usuario.nome) {
                    document.querySelector('#modal-form-corrigir [name=nome]').value = usuario.nome;
                }
                if (usuario.email) {
                    document.querySelector('#modal-form-corrigir [name=email]').value = usuario.email;
                }
            }
        </script>

        <div class="retorno text-white bg-red-500 text-sm mb-4 p-2" style="display: none"></div>

        <div class="flex flex-col-reverse gap-7 xl:flex-row xl:items-center xl:justify-end dark:text-white">
            <button type="button" class="px-4 py-3 rounded-lg text-base font-normal leading-normal h-fit whitespace-nowrap btn-clean" data-modal-hide="modal-form-corrigir">
                Cancelar
            </button>
            <button id="btn-corrigir" type="submit" class="btn text-white bg-main-secondary hover:bg-button-primary g-recaptcha">
                Enviar
            </button>
            <input type="reset" class="hidden" />
        </div>
    </form>

    <button data-modal-hide="modal-form-corrigir" class="text-violet11 hover:bg-violet4 focus:shadow-violet7 absolute top-6 right-6 inline-flex h-8 w-8 appearance-none items-center justify-center rounded-full focus:shadow-[0_0_0_2px] focus:outline-none" aria-label="Close" type="button">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="w-8 h-8 text-main-secondary">
            <path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path>
        </svg>
    </button>
</div>
<div id="modal-form-login" class="invisible opacity-0 transition-opacity duration-500 fixed inset-4 max-h-[100vh] rounded-lg pt-16 px-6 pb-6 modal-shadow focus:outline-none overflow-y-auto z-[20] xl:max-w-[40.5rem] xl:top-4 xl:bottom-auto xl:left-1/2 xl:-translate-x-1/2 bg-white dark:bg-dark" tabindex="-1" style="pointer-events: auto;">
    <h2 class="text-xl font-charterbold font-bold mb-4 dark:text-white">Entre com seus dados e boa leitura!</h2>
    <form>
        <input type="hidden" name="acao" value="login" />
        <fieldset class="flex flex-col gap-2 mb-4">
            <label class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins ml-4">e-mail, CPF ou CNPJ</label><input type="text" name="email" class="px-4 py-[0.625rem] bg-neutral-off-white dark:bg-black rounded-lg w-full text-black dark:text-white font-base " placeholder="" required="">
        </fieldset>
        <fieldset class="flex flex-col gap-2 mb-4">
            <label class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins ml-4">senha</label><input type="password" name="senha" class="px-4 py-[0.625rem] bg-neutral-off-white dark:bg-black rounded-lg w-full text-black dark:text-white font-base " placeholder="" required="">
        </fieldset>

        <div class="retorno text-white bg-red-500 text-sm mb-4 p-2" style="display: none"></div>

        <div class="text-center dark:text-white">
            <button type="submit" class="btn text-white bg-main-secondary hover:bg-button-primary">Acessar</button>
        </div>

        <div class="text-center mt-4">
            <p class="mb-2 dark:text-white">Ou, acesse via rede social:</p>
            <div class="flex flex-col space-y-2 md:flex-row md:space-x-4 md:space-y-0 justify-center">
                <button type="button" class="bg-blue-500 hover:bg-blue-600 text-white px-2 py-2 rounded-md flex items-center space-x-2" onclick="javascript:auth_social('facebook');">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" class="w-5 h-5" viewBox="0,0,256,256">
                        <g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(4,4)"><path d="M48,7h-32c-4.418,0 -8,3.582 -8,8v32c0,4.418 3.582,8 8,8h17v-17h-6v-7h6v-5c0,-7 4,-11 10,-11c3.133,0 5,1 5,1v6h-4c-2.86,0 -4,2.093 -4,4v5h7l-1,7h-6v17h8c4.418,0 8,-3.582 8,-8v-32c0,-4.418 -3.582,-8 -8,-8z"></path></g></g>
                    </svg>
                    <span>Login com Facebook</span>
                </button>
                <button type="button" class="bg-red-500 hover:bg-red-600 text-white px-2 py-2 rounded-md flex items-center space-x-2" onclick="javascript:auth_social('google');">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" class="w-5 h-5" viewBox="0,0,256,256">
                        <g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(3.55556,3.55556)"><path d="M36.005,31.774l22.623,0.032c1.975,9.355 -1.635,28.194 -22.623,28.194c-13.257,0 -24.005,-10.745 -24.005,-24c0,-13.255 10.748,-24 24.005,-24c6.227,0 11.899,2.371 16.164,6.257l-6.755,6.753c-2.532,-2.169 -5.813,-3.487 -9.409,-3.487c-7.996,0 -14.48,6.481 -14.48,14.476c0,7.995 6.482,14.476 14.48,14.476c6.716,0 11.359,-3.975 13.067,-9.532h-13.067z"></path></g></g>
                    </svg>
                    <span>Login com Google</span>
                </button>
                <button type="button" class="bg-blue-400 hover:bg-blue-500 text-white px-2 py-2 rounded-md flex items-center space-x-2" onclick="javascript:auth_social('twitter');">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" class="w-5 h-5" viewBox="0,0,256,256">
                        <g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M50.0625,10.4375c-1.84766,0.82031 -3.82812,1.37109 -5.91016,1.62109c2.125,-1.27344 3.75781,-3.28906 4.52344,-5.6875c-1.98437,1.17578 -4.19141,2.03125 -6.53125,2.49219c-1.875,-2 -4.54687,-3.24609 -7.50391,-3.24609c-5.67969,0 -10.28516,4.60156 -10.28516,10.28125c0,0.80469 0.09375,1.58984 0.26953,2.34375c-8.54687,-0.42969 -16.12109,-4.52344 -21.19531,-10.74609c-0.88672,1.52344 -1.39062,3.28906 -1.39062,5.17187c0,3.56641 1.8125,6.71484 4.57422,8.5625c-1.6875,-0.05469 -3.27344,-0.51953 -4.66016,-1.28906c0,0.04297 0,0.08594 0,0.12891c0,4.98438 3.54688,9.13672 8.24609,10.08594c-0.85937,0.23438 -1.76953,0.35938 -2.70703,0.35938c-0.66406,0 -1.30859,-0.0625 -1.9375,-0.1875c1.3125,4.08203 5.10938,7.0625 9.60547,7.14453c-3.51562,2.75781 -7.94922,4.39844 -12.76953,4.39844c-0.83203,0 -1.64844,-0.04687 -2.44922,-0.14453c4.54687,2.92188 9.95312,4.62109 15.76172,4.62109c18.91406,0 29.25781,-15.66797 29.25781,-29.25391c0,-0.44531 -0.01172,-0.89453 -0.02734,-1.33203c2.00781,-1.44922 3.75,-3.26172 5.12891,-5.32422z"></path></g></g>
                    </svg>
                    <span>Login com Twitter</span>
                </button>
            </div>
        </div>

        <hr class="my-3 border-gray-300">

        <div class="flex flex-col items-center md:flex-row md:justify-between dark:text-white text-sm">
            <a href="https://loja.jornaldocomercio.com/acesso" target="_blank" class="underline mb-2 md:mb-0">Esqueci meus dados de acesso</a>
            <a href="https://www.jornaldocomercio.com/_conteudo/secao/2020/10/761660-politica-de-privacidade-do-jornal-do-comercio.html" class="underline">Política de privacidade</a>
        </div>
    </form>
    <button data-modal-hide="modal-form-login" class="text-violet11 hover:bg-violet4 focus:shadow-violet7 absolute top-6 right-6 inline-flex h-8 w-8 appearance-none items-center justify-center rounded-full focus:shadow-[0_0_0_2px] focus:outline-none" aria-label="Close" type="button">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="w-8 h-8 text-main-secondary">
            <path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path>
        </svg>
    </button>
</div>
<div id="modal-flash" class="invisible opacity-0 transition-opacity duration-500 flex flex-col items-center fixed inset-x-4 h-[19.5rem] rounded-lg bg-main-primary p-14 modal-shadow focus:outline-none overflow-y-auto pt-16 px-6 pb-10 z-[20] xl:max-w-[40.5rem] xl:left-1/2 xl:-translate-x-1/2 top-1/2 -translate-y-1/2" style="pointer-events: auto;">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-14 h-14 text-white mb-4" data-modal-hide="modal-flash">
        <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
    </svg>
    <h2 class="text-xl font-bold font-charterbold text-white text-center mb-10 max-w-[18rem]"></h2>
    <button type="button" class="btn text-white bg-main-secondary hover:bg-button-primary w-full" data-modal-hide="modal-flash">Entendi</button>
    <button class="text-violet11 hover:bg-violet4 focus:shadow-violet7 absolute top-6 right-6 inline-flex h-6 w-h-6 appearance-none items-center justify-center rounded-full focus:shadow-[0_0_0_2px] focus:outline-none" aria-label="Close" type="button" data-modal-hide="modal-flash">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="w-8 h-8 text-white">
            <path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path>
        </svg>
    </button>
</div>
<div id="modal-policy" class="invisible opacity-0 transition-opacity duration-500 flex flex-col items-center bg-white fixed left-4 right-4 bottom-4 shadow-lg xl:bottom-0 xl:left-0 xl:right-0 pt-4 z-[999] modal-shadow xl:shadow-none rounded-lg dark:bg-dark">
    <div class="flex items-center gap-7 shadow-2xl max-w-[1440px] px-6 xl:px-40 pb-4">
        <p class="text-sm leading-5  text-black dark:text-white">
            Ao utilizar nossos serviços, você aceita a política de monitoramento de cookies. Para mais informações, consulte nossa <a class="text-main-secondary underline" href="https://www.jornaldocomercio.com/_conteudo/secao/2020/10/761660-politica-de-privacidade-do-jornal-do-comercio.html">Política de privacidade.</a>
        </p>
        <button class="btn text-white bg-main-secondary hover:bg-button-primary" data-modal-hide="modal-policy">Aceitar</button>
    </div>
</div>


<div class="whatsapp-lateral-container flex items-center gap-2 fixed top-1/2 -right-[137px] xl:-right-[149px] cursor-pointer p-4 rotate-[-90deg]">
    <div class="android-lateral-btn py-1 px-3 xl:py-3 text-sm xl:text-base font-bold bg-main-primary">
        <a href="https://play.google.com/store/apps/details?id=com.jcrs.flip" target="_blank" title="Baixar app para Android">
            <svg class="text-white w-4 h-4" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16" height="16" viewBox="0 0 50 50">
                <path d="M 16.28125 0.03125 C 16.152344 0.0546875 16.019531 0.078125 15.90625 0.15625 C 15.449219 0.464844 15.347656 1.105469 15.65625 1.5625 L 17.8125 4.78125 C 14.480469 6.546875 11.996094 9.480469 11.1875 13 L 38.8125 13 C 38.003906 9.480469 35.519531 6.546875 32.1875 4.78125 L 34.34375 1.5625 C 34.652344 1.105469 34.550781 0.464844 34.09375 0.15625 C 33.632813 -0.152344 32.996094 -0.0195313 32.6875 0.4375 L 30.3125 3.9375 C 28.664063 3.335938 26.875 3 25 3 C 23.125 3 21.335938 3.335938 19.6875 3.9375 L 17.3125 0.4375 C 17.082031 0.09375 16.664063 -0.0429688 16.28125 0.03125 Z M 19.5 8 C 20.328125 8 21 8.671875 21 9.5 C 21 10.332031 20.328125 11 19.5 11 C 18.667969 11 18 10.332031 18 9.5 C 18 8.671875 18.667969 8 19.5 8 Z M 30.5 8 C 31.332031 8 32 8.671875 32 9.5 C 32 10.332031 31.332031 11 30.5 11 C 29.671875 11 29 10.332031 29 9.5 C 29 8.671875 29.671875 8 30.5 8 Z M 8 15 C 6.34375 15 5 16.34375 5 18 L 5 32 C 5 33.65625 6.34375 35 8 35 C 8.351563 35 8.6875 34.925781 9 34.8125 L 9 15.1875 C 8.6875 15.074219 8.351563 15 8 15 Z M 11 15 L 11 37 C 11 38.652344 12.347656 40 14 40 L 36 40 C 37.652344 40 39 38.652344 39 37 L 39 15 Z M 42 15 C 41.648438 15 41.3125 15.074219 41 15.1875 L 41 34.8125 C 41.3125 34.921875 41.648438 35 42 35 C 43.65625 35 45 33.65625 45 32 L 45 18 C 45 16.34375 43.65625 15 42 15 Z M 15 42 L 15 46 C 15 48.207031 16.792969 50 19 50 C 21.207031 50 23 48.207031 23 46 L 23 42 Z M 27 42 L 27 46 C 27 48.207031 28.792969 50 31 50 C 33.207031 50 35 48.207031 35 46 L 35 42 Z" fill="currentColor"></path>
            </svg>
        </a>
    </div>
    <div class="apple-lateral-btn py-1 px-3 xl:py-3 text-sm xl:text-base font-bold bg-main-primary">
        <a href="https://apps.apple.com/us/app/jornal-do-com%C3%A9rcio/id1507771607?l=pt&amp;ls=1" target="_blank" title="Baixar app para iOS">
            <svg class="text-white w-4 h-4" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16" height="16" viewBox="0 0 50 50">
                <path d="M 44.527344 34.75 C 43.449219 37.144531 42.929688 38.214844 41.542969 40.328125 C 39.601563 43.28125 36.863281 46.96875 33.480469 46.992188 C 30.46875 47.019531 29.691406 45.027344 25.601563 45.0625 C 21.515625 45.082031 20.664063 47.03125 17.648438 47 C 14.261719 46.96875 11.671875 43.648438 9.730469 40.699219 C 4.300781 32.429688 3.726563 22.734375 7.082031 17.578125 C 9.457031 13.921875 13.210938 11.773438 16.738281 11.773438 C 20.332031 11.773438 22.589844 13.746094 25.558594 13.746094 C 28.441406 13.746094 30.195313 11.769531 34.351563 11.769531 C 37.492188 11.769531 40.8125 13.480469 43.1875 16.433594 C 35.421875 20.691406 36.683594 31.78125 44.527344 34.75 Z M 31.195313 8.46875 C 32.707031 6.527344 33.855469 3.789063 33.4375 1 C 30.972656 1.167969 28.089844 2.742188 26.40625 4.78125 C 24.878906 6.640625 23.613281 9.398438 24.105469 12.066406 C 26.796875 12.152344 29.582031 10.546875 31.195313 8.46875 Z" fill="currentColor"></path>
            </svg>
        </a>
    </div>
    <button id="whatsapp-lateral-btn" title="Notícias no celular" class="whatsapp-lateral-btn whatapp-lateral-verde flex flex-row gap-4 justify-center items-center font-sans antialiased py-1 px-3 xl:py-2 xl:px-6 text-sm xl:text-base font-bold">
        Notícias no celular
        <svg class="text-black w-4 h-4" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
            <path id="Vector" d="M7.61281 0.00925298C3.38723 0.210451 0.0526477 3.72954 0.0654665 7.95991C0.0693696 9.24837 0.380427 10.4645 0.929149 11.5391L0.0866654 15.6286C0.0410916 15.8498 0.240606 16.0435 0.460363 15.9915L4.4676 15.0421C5.49713 15.5549 6.6535 15.8511 7.87734 15.8698C12.1963 15.9357 15.7975 12.5064 15.9322 8.18904C16.0764 3.56114 12.2569 -0.21192 7.61281 0.00925298ZM12.3943 12.3289C11.2208 13.5025 9.66042 14.1488 8.00078 14.1488C7.029 14.1488 6.09862 13.9307 5.23539 13.5007L4.67734 13.2227L2.22048 13.8048L2.73764 11.2944L2.4627 10.756C2.01458 9.87837 1.78736 8.92936 1.78736 7.93534C1.78736 6.27567 2.43366 4.71537 3.60721 3.54178C4.77028 2.37871 6.35607 1.72189 8.00089 1.72189C9.66053 1.72192 11.2208 2.36822 12.3943 3.54174C13.5679 4.71529 14.2142 6.27559 14.2142 7.93523C14.2142 9.5801 13.5574 11.1659 12.3943 12.3289Z" fill="currentColor"></path>
            <path id="Vector_2" d="M11.8513 9.65628L10.3143 9.21493C10.1122 9.15692 9.89458 9.21424 9.74734 9.36427L9.37146 9.74723C9.21296 9.90871 8.97247 9.9606 8.7627 9.87573C8.03558 9.58147 6.50605 8.22152 6.11544 7.54128C6.00275 7.34506 6.02138 7.09974 6.15975 6.9207L6.48791 6.49614C6.61648 6.32981 6.64361 6.10641 6.55859 5.91413L5.9119 4.45152C5.75701 4.1012 5.30934 3.99922 5.01688 4.24657C4.58789 4.6094 4.07889 5.16076 4.01701 5.77159C3.90792 6.84853 4.36978 8.2061 6.11632 9.8362C8.13404 11.7194 9.74982 11.9682 10.8018 11.7134C11.3986 11.5688 11.8754 10.9894 12.1764 10.515C12.3815 10.1916 12.2195 9.762 11.8513 9.65628Z" fill="currentColor"></path>
        </svg>
    </button>
</div>
<style>
    .whatsapp-lateral-container {
        z-index: 2;
        /* transform: rotate(-90deg);
        transform-style: preserve-3d;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; */
    }
    .whatsapp-lateral-btn {
        background-color: #2dd68a;
        border-radius: 8px 8px 0 0;
        /* -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; */
    }
    .apple-lateral-btn, .android-lateral-btn {
        background-color: rgb(30 58 138);
        border-radius: 8px 8px 0 0;
    }
    .whatsapp-lateral-container .whatsapp-lateral-btn.whatapp-lateral-verde {
        transition: none;
        /* -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; */
    }

</style>

<div class="hotjar-container">
    <div class="feedback-hotjar"></div>
</div>                <div>

                    <div class="pt-8">
                        <div class="hidden xl:block">
                            <div class="flex flex-col items-center dark:bg-darkBg bg-banner">
                                <div class="w-full py-4 max-w-[1140px]">
                                    <div data-espaco="header" class="adunitjc w-[1140px]"></div>
                                </div>
                            </div>
                        </div>

                        <div class="block xl:hidden">
                            <div class="flex flex-col items-center dark:bg-darkBg bg-banner">
                                <div class="w-full py-4 max-w-[320px]">
                                    <div data-espaco="header-sm" class="adunitjc flex justify-center w-[320px]"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="flex flex-col items-center dark:bg-dark">
    <main class="flex flex-col xl:flex-row justify-start items-start gap-6 px-4 xl:px-[3.75rem] py-8 xl:py-10 xl:max-w-[1440px] w-full">
        <div class="flex flex-col xl:flex-row xl:items-center gap-6 w-full">
            <a 
                href="https://www.jornaldocomercio.com/internacional/2025/04/1200181-papa-francisco-e-sepultado-em-cerimonia-reservada-apos-funeral.html" 
                class="flex-none  "
            >
                <img 
                    src="https://www.jornaldocomercio.com/_midias/jpg/2025/04/26/800x600/1_afp__20250426__43kv6t2__v1__highres__vaticanreligionpope-11162643.jpg" 
                                        alt="" class="w-[536px] xl:h-[430px] h-[275px] object-cover rounded-lg shadow-image"
                >
            </a>
            <div class="flex flex-col gap-2">
                                <h1 class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins">
                    Religião                </h1>
                <a href="https://www.jornaldocomercio.com/internacional/2025/04/1200181-papa-francisco-e-sepultado-em-cerimonia-reservada-apos-funeral.html" class="text-black dark:text-white font-bold text-start font-charterbold text-2xl xl:text-[2.5rem] leading-snug mb-2">
                    Papa Francisco é sepultado em cerimônia reservada após funeral                </a>
                <a href="https://www.jornaldocomercio.com/internacional/2025/04/1200181-papa-francisco-e-sepultado-em-cerimonia-reservada-apos-funeral.html" class="text-zinc-600 dark:text-neutral-medium-gray font-bold text-start font-charterbold text-xl leading-snug hidden xl:block">
                    Familiares do pontífice estiveram presentes na cerimônia, além de autoridades como Trump e Lula                </a>
            </div>
        </div>
            
                    
            <article class="hidden xl:flex xl:flex-col gap-10 xl:gap-4 p-6 bg-blue-900 flex-row-reverse rounded-lg shadow xl:max-w-[312px] w-full">
                <a title="Flip" href="https://flip.jornaldocomercio.com/" target="_blank" class="text-white xl:text-sm text-lg font-bold font-charterbold">
                    Acesse as notícias mais importantes do dia na edição digital.
                </a>

                <a title="Flip" href="https://flip.jornaldocomercio.com/" target="_blank">
                    <img 
                        src="https://www.jornaldocomercio.com/v2/assets/imgs/highlight-article.png" 
                        class="object-contain block w-[85px] max-w-none md:w-1/2 xl:w-full h-auto xl:h-[326px] "
                        id="cover"
                        alt="" 
                    >
                </a>
            </article>

                
        
    </main>

    
</div>

    <div class="flex flex-col gap-4 items-center dark:bg-darkBg">

        
        <section class="grid grid-cols-1 xl:grid-cols-4 gap-6 items-start px-4 xl:px-[3.75rem] max-w-[1440px] w-full mb-8">

                                            <div class="flex xl:flex-col gap-4 w-full max-w-full xl:max-w-[19.5rem]">
                                        <a href="https://www.jornaldocomercio.com/esportes/2025/04/1200182-pelo-brasileirao-inter-vira-sobre-o-juventude-e-encerra-jejum-de-vitorias.html" class="rounded-lg  ">
                        <img 
                            data-src="https://www.jornaldocomercio.com/_midias/jpg/2025/04/26/800x600/1_54478229415_6631e8740f_o-11162679.jpg" 
                                                        alt="" class="lazy rounded-lg w-[120px] h-[96px] xl:w-full xl:h-[250px] shadow-image cursor-pointer object-cover"
                        >
                    </a>
                    <div class="flex-1">
                        <h1 class="tag">Campeonato Brasileiro</h1>
                        <a href="https://www.jornaldocomercio.com/esportes/2025/04/1200182-pelo-brasileirao-inter-vira-sobre-o-juventude-e-encerra-jejum-de-vitorias.html" class="text-black font-bold text-start font-charterbold text-base xl:text-xl leading-snug -mt-2 dark:text-white">
                            Inter vira sobre o Juventude e encerra jejum de vitórias                        </a>
                    </div>
                </div>
                                                            <div class="flex xl:flex-col gap-4 w-full max-w-full xl:max-w-[19.5rem]">
                                        <a href="https://www.jornaldocomercio.com/geral/2025/04/1200176-carlos-dayrell-simbolo-da-luta-ecologica-aposta-na-juventude-para-salvar-o-futuro-das-cidades.html" class="rounded-lg  ">
                        <img 
                            data-src="https://www.jornaldocomercio.com/_midias/jpg/2025/04/26/800x600/1_250426_sab_1030_eo_agapan__51__1-11162573.jpg" 
                                                        alt="" class="lazy rounded-lg w-[120px] h-[96px] xl:w-full xl:h-[250px] shadow-image cursor-pointer object-cover"
                        >
                    </a>
                    <div class="flex-1">
                        <h1 class="tag">Meio Ambiente</h1>
                        <a href="https://www.jornaldocomercio.com/geral/2025/04/1200176-carlos-dayrell-simbolo-da-luta-ecologica-aposta-na-juventude-para-salvar-o-futuro-das-cidades.html" class="text-black font-bold text-start font-charterbold text-base xl:text-xl leading-snug -mt-2 dark:text-white">
                            Carlos Dayrell, símbolo da luta ecológica, aposta na juventude para salvar o futuro das cidades                        </a>
                    </div>
                </div>
                                                            <div class="flex xl:flex-col gap-4 w-full max-w-full xl:max-w-[19.5rem]">
                                        <a href="https://www.jornaldocomercio.com/colunas/minuto-varejo/2025/04/1199885-press-cafe-estreia-no-mundo-das-franquias-com-tres-primeiras-cafeterias-em-2025.html" class="rounded-lg  ">
                        <img 
                            data-src="https://www.jornaldocomercio.com/_midias/jpg/2022/09/08/lp_080922___press_cafe__17_-9756558.jpg" 
                                                        alt="" class="lazy rounded-lg w-[120px] h-[96px] xl:w-full xl:h-[250px] shadow-image cursor-pointer object-cover"
                        >
                    </a>
                    <div class="flex-1">
                        <h1 class="tag">Minuto Varejo</h1>
                        <a href="https://www.jornaldocomercio.com/colunas/minuto-varejo/2025/04/1199885-press-cafe-estreia-no-mundo-das-franquias-com-tres-primeiras-cafeterias-em-2025.html" class="text-black font-bold text-start font-charterbold text-base xl:text-xl leading-snug -mt-2 dark:text-white">
                            Press Café estreia no mundo das franquias com três primeiras cafeterias em 2025                        </a>
                    </div>
                </div>
                            
                            <div class="flex flex-col gap-4">
    <div id="weather" class="blur flex items-center justify-between gap-8">
        <div class="flex flex-col gap-3 ">
            <a href="https://www.jornaldocomercio.com/tempo" title="Previsão do tempo" class="text-black dark:text-white text-2xl font-bold font-charterbold">
                Previsão <br> do tempo
            </a>
            <a href="https://www.jornaldocomercio.com/tempo" title="Previsão do tempo" class="flex items-center gap-2 text-button-primary text-base font-normal leading-normal w-fit hover:border-b-main-secondary hover:text-main-secondary border-b border-b-transparent">
                Ver mais<img src="https://www.jornaldocomercio.com/v2/assets/imgs/arrow-right.svg" alt="">
            </a>
        </div>
        <div class="flex flex-col gap-1 whitespace-nowrap ">
            <span class="text-neutral-dark-gray dark:text-neutral-medium-gray text-sm font-normal">
                Agora em 
                <strong class="text-black dark:text-white font-charterbold">Porto Alegre, RS</strong>
            </span>
            <div class="flex items-center gap-2">
                <span class="weather-icon h-10 w-10 dark:fill-white"></span>
                <span class=" text-orange-500 text-[2rem] font-bold leading-10 mt-2 font-charterbold">
                    <span class="weather-temp"></span>
                    <span class="text-orange-500 text-sm font-bold leading-none align-text-top ">ºC</span>
                </span>
                <div class="flex flex-col">
                    <span class="text-neutral-dark-gray dark:text-neutral-medium-gray text-[0.625rem] font-normal leading-snug ">
                        mín <strong class="weather-min text-black dark:text-white font-bold font-charterbold"></strong>
                    </span>
                    <span class="text-neutral-dark-gray dark:text-neutral-medium-gray text-[0.625rem] font-normal leading-snug ">
                        máx <strong class="weather-max text-black dark:text-white font-bold font-charterbold"></strong>
                    </span>
                </div>
            </div>
            <span class="text-black dark:text-white text-[0.625rem] font-normal leading-snug ">
                Amanhã, <span class="weather-tomorrow">sexta-feira</span> 
                <strong class="font-charterbold">
                    <span class="weather-tomorrow-min"></span> - <span class="weather-tomorrow-max"></span>
                </strong>
            </span>
        </div>
    </div>
    <div class="w-full h-[1px] bg-neutral-off-white"></div>
    <div id="economic-indicators" class="blur flex items-center justify-between gap-8">
        <div class="flex flex-col gap-3">
            <a href="https://www.jornaldocomercio.com/indicadores" title="Indicadores econômicos" class="text-black dark:text-white text-2xl font-bold max-w-[8.25rem] font-charterbold">
                Indicadores econômicos
            </a>
            <a href="https://www.jornaldocomercio.com/indicadores" title="Indicadores econômicos" class="flex items-center gap-2 text-button-primary text-base font-normal leading-normal w-fit hover:border-b-main-secondary hover:text-main-secondary border-b border-b-transparent">
                Ver mais<img src="https://www.jornaldocomercio.com/v2/assets/imgs/arrow-right.svg" alt="">
            </a>
        </div>
        <div class="flex flex-col gap-1 whitespace-nowrap font-charter">
            <div class="flex items-center gap-1">
                <img data-src="https://www.jornaldocomercio.com/v2/assets/imgs/dollar.svg" alt="dollar" class="lazy">
                <strong class="text-black dark:text-white text-base leading-tight font-charterbold">
                    Dólar comercial
                </strong>
            </div>
            <div class="flex items-center justify-end gap-4">
                <div class="flex flex-col">
                    <span class="text-neutral-dark-gray dark:text-neutral-medium-gray text-[0.625rem] font-normal leading-snug ">Compra</span>
                    <strong class="text-black dark:text-white leading-snug text-[0.625rem] font-charterbold">
                        <small class="align-text-top">R$</small><span class="text-base leading-tight indicadores-moeda2-compra-reais"></span><small class="align-text-top indicadores-moeda2-compra-centavos"></small>
                    </strong>
                </div>
                <div class="flex flex-col">
                    <span class="text-neutral-dark-gray dark:text-neutral-medium-gray text-[0.625rem] font-normal leading-snug ">Venda</span><strong class="text-black dark:text-white leading-3 text-[0.625rem] font-charterbold"><small class="align-text-top font-bold">R$</small><span class="text-base leading-tight font-bold indicadores-moeda2-venda-reais"></span><small class="align-text-top font-bold indicadores-moeda2-venda-centavos"></small></strong></div>
                <div></div>
            </div>
            <div class="flex gap-1 items-center justify-center">
                <div class="indicadores-variacao-icone">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="w-6 h-6 text-main-secondary">
                        <path fill-rule="evenodd" d="M1.22 5.222a.75.75 0 011.06 0L7 9.942l3.768-3.769a.75.75 0 011.113.058 20.908 20.908 0 013.813 7.254l1.574-2.727a.75.75 0 011.3.75l-2.475 4.286a.75.75 0 01-1.025.275l-4.287-2.475a.75.75 0 01.75-1.3l2.71 1.565a19.422 19.422 0 00-3.013-6.024L7.53 11.533a.75.75 0 01-1.06 0l-5.25-5.25a.75.75 0 010-1.06z" clip-rule="evenodd"></path>
                    </svg>
                </div>
                <strong class="text-main-secondary text-xl leading-relaxed font-charterbold indicadores-variacao"></strong>
            </div>
        </div>
    </div>
    <div class="w-full h-[1px] bg-neutral-off-white"></div>
    <div class="flex flex-col items-center">
        <div data-espaco="investometro" class="adunitjc flex justify-center w-[312px] h-[68px]"></div>
    </div>
</div>                
                <article class="xl:hidden flex gap-10 xl:gap-4 p-6 bg-blue-900 flex-row-reverse rounded-lg shadow w-full">
                    <a title="Flip" href="https://flip.jornaldocomercio.com/" target="_blank" class="text-white text-lg font-bold font-charterbold">
                        Acesse as notícias mais importantes do dia na edição digital.
                    </a>

                    <a title="Flip" href="https://flip.jornaldocomercio.com/" target="_blank">
                        <img 
                            src="https://www.jornaldocomercio.com/v2/assets/imgs/highlight-article.png" 
                            class="object-contain block w-[85px] max-w-none md:w-1/2 h-auto"
                            id="cover"
                            alt="" 
                        >
                    </a>
                </article>
            
        </section>
    </div>

<div class="hidden xl:block">
    <div class="flex flex-col items-center mb-10">
        <div class="w-full py-4 max-w-[1140px]">
            <div data-espaco="section-home-news" class="adunitjc flex justify-center w-[1140px]"></div>
        </div>
    </div>
</div>

<div class="block xl:hidden">
    <div class="flex flex-col items-center mb-10">
        <div class="w-full py-4 max-w-[320px]">
            <div data-espaco="section-home-news-sm" class="adunitjc flex justify-center w-[320px]"></div>
        </div>
    </div>
</div>

<div class="flex flex-col gap-4 items-center dark:bg-darkBg">
    <section class="grid grid-cols-1 xl:grid-cols-4 gap-6 items-start px-4 xl:px-[3.75rem] max-w-[1440px] w-full mb-8">
                                <div class="flex xl:flex-col gap-4 w-full max-w-full xl:max-w-[19.5rem]">
                                <a href="https://www.jornaldocomercio.com/politica/2025/04/1200174-bolsonaro-segue-sem-movimentos-intestinais-ha-duas-semanas-e-permanece-na-uti.html" class="rounded-lg ">
                    <img data-src="https://www.jornaldocomercio.com/_midias/png/2025/04/15/800x600/1_bolsonaroo-11143731.png" alt="" class="lazy rounded-lg w-[120px] h-[96px] xl:w-full xl:h-[250px] shadow-image cursor-pointer object-cover">
                </a>
                <div class="flex-1">
                    <h1 class="tag">Política</h1>
                    <a href="https://www.jornaldocomercio.com/politica/2025/04/1200174-bolsonaro-segue-sem-movimentos-intestinais-ha-duas-semanas-e-permanece-na-uti.html" class="text-black font-bold text-start font-charterbold text-base xl:text-xl leading-snug -mt-2 dark:text-white">
                        Bolsonaro segue sem movimentos intestinais há duas semanas e permanece na UTI                    </a>
                </div>
            </div>
                                <div class="flex xl:flex-col gap-4 w-full max-w-full xl:max-w-[19.5rem]">
                                <a href="https://www.jornaldocomercio.com/economia/2025/04/1200130-fiergs-defende-reajuste-menor-do-gas-natural-gaucho.html" class="rounded-lg ">
                    <img data-src="https://www.jornaldocomercio.com/_midias/jpg/2024/08/02/800x600/1_tm_020824_sulgas-10693696.jpg" alt="" class="lazy rounded-lg w-[120px] h-[96px] xl:w-full xl:h-[250px] shadow-image cursor-pointer object-cover">
                </a>
                <div class="flex-1">
                    <h1 class="tag">Energia</h1>
                    <a href="https://www.jornaldocomercio.com/economia/2025/04/1200130-fiergs-defende-reajuste-menor-do-gas-natural-gaucho.html" class="text-black font-bold text-start font-charterbold text-base xl:text-xl leading-snug -mt-2 dark:text-white">
                        Fiergs defende reajuste menor do gás natural gaúcho                    </a>
                </div>
            </div>
                                <div class="flex xl:flex-col gap-4 w-full max-w-full xl:max-w-[19.5rem]">
                                <a href="https://www.jornaldocomercio.com/especiais/reportagem-cultural/2025/04/1199745-a-porto-alegre-do-seculo-passado-ressurge-nas-fotografias-de-jacob-herrmann.html" class="rounded-lg ">
                    <img data-src="https://www.jornaldocomercio.com/_midias/jpg/2025/04/24/800x600/1_000_menor___morador_da_margem_do_guaiba__foto_jacob_-11159006.jpg" alt="" class="lazy rounded-lg w-[120px] h-[96px] xl:w-full xl:h-[250px] shadow-image cursor-pointer object-cover">
                </a>
                <div class="flex-1">
                    <h1 class="tag">Reportagem Cultural</h1>
                    <a href="https://www.jornaldocomercio.com/especiais/reportagem-cultural/2025/04/1199745-a-porto-alegre-do-seculo-passado-ressurge-nas-fotografias-de-jacob-herrmann.html" class="text-black font-bold text-start font-charterbold text-base xl:text-xl leading-snug -mt-2 dark:text-white">
                        A Porto Alegre do século passado ressurge nas fotografias de Jacob Herrmann                    </a>
                </div>
            </div>
                                <div class="flex xl:flex-col gap-4 w-full max-w-full xl:max-w-[19.5rem]">
                                <a href="https://www.jornaldocomercio.com/internacional/2025/04/1200179-china-isenta-de-tarifas-discretamente-alguns-produtos-fabricados-nos-eua.html" class="rounded-lg ">
                    <img data-src="https://www.jornaldocomercio.com/_midias/jpg/2025/04/25/800x600/1_afp__20250417__42lh27u__v1__highres__chinaustradetariff-11161551.jpg" alt="" class="lazy rounded-lg w-[120px] h-[96px] xl:w-full xl:h-[250px] shadow-image cursor-pointer object-cover">
                </a>
                <div class="flex-1">
                    <h1 class="tag">Tarifas</h1>
                    <a href="https://www.jornaldocomercio.com/internacional/2025/04/1200179-china-isenta-de-tarifas-discretamente-alguns-produtos-fabricados-nos-eua.html" class="text-black font-bold text-start font-charterbold text-base xl:text-xl leading-snug -mt-2 dark:text-white">
                        China isenta de tarifas, discretamente, alguns produtos fabricados nos EUA                    </a>
                </div>
            </div>
            </section>
</div>

<div class="flex flex-col items-center dark:bg-dark">
    <section class="xl:flex overflow-hidden items-center gap-6 xl:px-[3.75rem] max-w-screen xl:max-w-[1440px] w-full relative dark:bg-dark">
        <a href="https://www.jornaldocomercio.com/ultimas-noticias" title="Últimas notícias" class="block text-black dark:text-white text-xl xl:text-2xl font-bold xl:whitespace-nowrap font-charterbold mb-6 xl:mb-0 px-4 xl:px-0">
            Fique por dentro <br class="hidden xl:block">
            das últimas <br class="hidden xl:block">
            notícias do JC
        </a>    
        <div class="swiper swiper-stories px-4 flex-1">
            <div class="swiper-wrapper"></div>
            <div class="swiper-button-prev swiper-button-disabled invisible md:visible"></div>
            <div class="swiper-button-next invisible md:visible"></div>
            <div class="swiper-overlay-left hidden top-0 left-0 bottom-0 h-full absolute w-8 bg-overlay-news-carousel dark:bg-overlay-news-carousel-dark z-[1] rotate-180 pointer-events-none"></div>
            <div class="swiper-overlay-right top-0 right-0 bottom-0 h-full absolute w-8 bg-overlay-news-carousel dark:bg-overlay-news-carousel-dark z-[1] pointer-events-none"></div>
        </div>
    </section>
</div>


<div id="modal-stories-desktop" class="opacity-0 invisible fixed z-[100] inset-0 w-screen h-screen bg-[rgba(98,98,98,0.6)] flex items-center justify-center">
    <div class="max-w-[1050px] flex flex-col items-center h-fit">
        <div class="swiper swiper-stories-modal-desktop max-w-[1050px]">
            <div class="swiper-wrapper"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
        <button class="rounded-lg text-base font-normal leading-normal h-fit whitespace-nowrap transition-all ease-in duration-200 text-white bg-main-secondary hover:bg-button-primary absolute right-4 top-12 z-[1001] p-3" data-modal-hide="modal-stories-desktop">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="w-4 h-4 text-white">
                <path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path>
            </svg>
        </button>
    </div>
</div><div id="modal-stories-mobile" class="opacity-0 invisible fixed z-[100] inset-0 w-screen h-screen transition-opacity duration-500" style="height: 100dvh">
    <button class="absolute top-4 right-4 z-[1000]" aria-label="Close" data-modal-hide="modal-stories-mobile">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="w-8 h-8 text-main-secondary">
            <path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path>
        </svg>
    </button>
    <div style="display: flex; flex-direction: column; background: rgb(17, 17, 17); position: relative; user-select: none; width: 100%; height: 100%;">
        <div class="pagination" style="display: flex; justify-content: center; max-width: 100%; flex-wrap: nowrap; position: absolute; width: 98%; padding: 7px 5px 5px; align-self: center; z-index: 1001; filter: drop-shadow(rgb(34, 34, 34) 0px 1px 8px); transition: opacity 400ms ease-in-out 0s; opacity: 1;"></div>
        <div style="display: flex; position: relative; overflow: hidden; align-items: center; width: 100%; height: 100%;">
            <div class="story relative flex flex-col justify-end w-screen h-screen" data-cd_matia="">
                <img src="" class="absolute inset-0 w-full h-full object-cover">
                <div class="content p-6 w-full bg-main-primary relative z-[1000]" style="padding-bottom: 5rem;">
                    <div class="tag text-white"></div>
                    <div class="title dark:text-white font-bold text-start font-charterbold text-xl leading-tight text-white mb-6 block"></div>
                    <a href="#" class="px-4 rounded-lg text-base font-normal leading-normal h-fit whitespace-nowrap transition-all ease-in duration-200 text-white bg-main-secondary hover:bg-button-primary mb-8 w-fit py-2.5">Ler notícia</a>
                </div>
            </div>
        </div>
        <div style="position: absolute; height: inherit; width: inherit; display: flex;">
            <div style="width: 50%; z-index: 999;" onClick="modal_stories_mobile_controls('prev')"></div>
            <div style="width: 50%; z-index: 999;" onClick="modal_stories_mobile_controls('next')"></div>
        </div>
    </div>
</div>
<script>
    window.stories = [{"cd_matia":"1200186","site":"Esportes","titulo":"Borr\u00e9 sente a posterior da coxa e preocupa para sequ\u00eancia do Inter","link":"\/esportes\/2025\/04\/1200186-borre-sente-a-posterior-da-coxa-e-preocupa-para-sequencia-do-inter.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/jpg\/2025\/04\/26\/800x600\/1_54478326240_796eed29a6_o-11162703.jpg","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null},{"cd_matia":"1200184","site":"Internacional","titulo":"Trump diz que Putin pode estar 'enrolando' e amea\u00e7a san\u00e7\u00f5es contra R\u00fassia","link":"\/internacional\/2025\/04\/1200184-trump-diz-que-putin-pode-estar-enrolando-e-ameaca-sancoes-contra-russia.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/jpg\/2025\/04\/26\/800x600\/1_afp__20250426__43kc4g2__v7__highres__topshotvaticanreligionpopefuneralukraineusrussi-11162691.jpg","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null},{"cd_matia":"1200183","site":"Pol\u00edtica","titulo":"M\u00e1rcio Fran\u00e7a diz que quer disputar governo de SP em 2026 e aguarda aval de Lula","link":"\/politica\/2025\/04\/1200183-marcio-franca-diz-que-quer-disputar-governo-de-sp-em-2026-e-aguarda-aval-de-lula.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/jpg\/2023\/11\/08\/231108_4f_1830_eo_ministro__71__jpgaaaaaaaaaaa-10382752.jpg","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null},{"cd_matia":"1200182","site":"Esportes","titulo":"Pelo Brasileir\u00e3o, Inter vira sobre o Juventude e encerra jejum de vit\u00f3rias","link":"\/esportes\/2025\/04\/1200182-pelo-brasileirao-inter-vira-sobre-o-juventude-e-encerra-jejum-de-vitorias.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/jpg\/2025\/04\/26\/800x600\/1_54478229415_6631e8740f_o-11162679.jpg","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null},{"cd_matia":"1200181","site":"Internacional","titulo":"Papa Francisco \u00e9 sepultado em cerim\u00f4nia reservada ap\u00f3s funeral","link":"\/internacional\/2025\/04\/1200181-papa-francisco-e-sepultado-em-cerimonia-reservada-apos-funeral.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/jpg\/2025\/04\/26\/800x600\/1_afp__20250426__43kv6t2__v1__highres__vaticanreligionpope-11162643.jpg","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null},{"cd_matia":"1200180","site":"Economia","titulo":"Proposta do governo para reforma do setor el\u00e9trico divide o mercado","link":"\/economia\/2025\/04\/1200180-proposta-do-governo-para-reforma-do-setor-eletrico-divide-o-mercado.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/jpg\/2023\/11\/22\/img_20231122_wa0042-10395565.jpg","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null},{"cd_matia":"1200176","site":"Geral","titulo":"Carlos Dayrell, s\u00edmbolo da luta ecol\u00f3gica, aposta na juventude para salvar o futuro das cidades","link":"\/geral\/2025\/04\/1200176-carlos-dayrell-simbolo-da-luta-ecologica-aposta-na-juventude-para-salvar-o-futuro-das-cidades.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/jpg\/2025\/04\/26\/800x600\/1_250426_sab_1030_eo_agapan__51__1-11162573.jpg","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null},{"cd_matia":"1200179","site":"Internacional","titulo":"China isenta de tarifas, discretamente, alguns produtos fabricados nos EUA","link":"\/internacional\/2025\/04\/1200179-china-isenta-de-tarifas-discretamente-alguns-produtos-fabricados-nos-eua.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/jpg\/2025\/04\/25\/800x600\/1_afp__20250417__42lh27u__v1__highres__chinaustradetariff-11161551.jpg","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null},{"cd_matia":"1200178","site":"Internacional","titulo":"Lula defende que Trump e Zelenski encontrem sa\u00edda para guerra que \"est\u00e1 ficando sem explica\u00e7\u00e3o\"","link":"\/internacional\/2025\/04\/1200178-lula-defende-que-trump-e-zelenski-encontrem-saida-para-guerra-que-esta-ficando-sem-explicacao.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/jpg\/2025\/03\/18\/800x600\/1_54395341699_a016715660_o-11080136.jpg","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null},{"cd_matia":"1200177","site":"Pol\u00edtica","titulo":"STF condena a 14 anos de pris\u00e3o cabeleireira que pichou est\u00e1tua","link":"\/politica\/2025\/04\/1200177-stf-condena-a-14-anos-de-prisao-cabeleireira-que-pichou-estatua.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/jpg\/2024\/11\/14\/800x600\/1_pzzb1555c-10890692.jpg","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null},{"cd_matia":"1196667","site":"Empresas & Neg\u00f3cios","titulo":"Impare Educa\u00e7\u00e3o foca em inova\u00e7\u00e3o para crescer","link":"\/cadernos\/empresas-e-negocios\/2025\/04\/1196667-impare-educacao-foca-em-inovacao-para-crescer.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/jpg\/2025\/03\/28\/800x600\/1_fatima_burin___ceo_impare_educacao-11113314.jpg","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null},{"cd_matia":"1200175","site":"Pol\u00edtica","titulo":"Julgamento da pris\u00e3o de Collor volta a plen\u00e1rio virtual ap\u00f3s Gilmar cancelar pedido de destaque","link":"\/politica\/2025\/04\/1200175-julgamento-da-prisao-de-collor-volta-a-plenario-virtual-apos-gilmar-cancelar-pedido-de-destaque.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/jpg\/2023\/05\/18\/collor_fernandocampanatoabr-10214686.jpg","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null},{"cd_matia":"1200174","site":"Pol\u00edtica","titulo":"Bolsonaro segue sem movimentos intestinais h\u00e1 duas semanas e permanece na UTI","link":"\/politica\/2025\/04\/1200174-bolsonaro-segue-sem-movimentos-intestinais-ha-duas-semanas-e-permanece-na-uti.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/png\/2025\/04\/15\/800x600\/1_bolsonaroo-11143731.png","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null},{"cd_matia":"1200173","site":"Esportes","titulo":"Bia Haddad perde para 'g\u00eamea' ap\u00f3s 3h e est\u00e1 fora dos Masters de Madri","link":"\/esportes\/2025\/04\/1200173-bia-haddad-perde-para-gemea-apos-3h-e-esta-fora-dos-masters-de-madri.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/jpg\/2025\/01\/14\/800x600\/1_afp__20250114__36tn9ct__v1__highres__tennisausopen-10981362.jpg","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null},{"cd_matia":"1198888","site":"Opini\u00e3o","titulo":"O som que atravessa o tempo","link":"\/opiniao\/2025\/04\/1198888-o-som-que-atravessa-o-tempo.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/jpg\/2024\/10\/27\/800x600\/1_roberto_cervo_melao__presidente_do_sindiradio-10858158.jpg","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null},{"cd_matia":"1200172","site":"Economia","titulo":"\u00c9 preciso fazer ajuste fiscal, mas sobre quem tem privil\u00e9gio, diz Alckmin","link":"\/economia\/2025\/04\/1200172-e-preciso-fazer-ajuste-fiscal-mas-sobre-quem-tem-privilegio-diz-alckmin.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/jpg\/2025\/01\/17\/800x600\/1_250117_6f_0900_eo_brasken__249__1-10986766.jpg","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null},{"cd_matia":"1200171","site":"Economia","titulo":"Biodiesel e eletroeletr\u00f4nicos impulsionam crescimento das vendas da ind\u00fastria ga\u00facha","link":"\/economia\/2025\/04\/1200171-biodiesel-e-eletroeletronicos-impulsionam-crescimento-das-vendas-da-industria-gaucha.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/jpg\/2025\/03\/11\/800x600\/1_photo_automobile_production_line_welding_car_body_modern_car_assembly_plant_auto_industry-11065026.jpg","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null},{"cd_matia":"1200170","site":"Economia","titulo":"INSS responde por 87% dos lit\u00edgios contra Uni\u00e3o; benef\u00edcio por incapacidade lidera","link":"\/economia\/2025\/04\/1200170-inss-responde-por-87-dos-litigios-contra-uniao-beneficio-por-incapacidade-lidera.html","img":"https:\/\/www.jornaldocomercio.com\/_midias\/jpg\/2021\/01\/20\/mc_previdencia_socialsantos_fc2108200888-9231851.jpg","lida":false,"tipo":"imagem","id_midia":"","img_wide":null,"img_portrait":null}];

    /* STORIES */
    window.stories_update_local = function() {
        if (!window.stories) {
            return;
        }

        stories_local = localStorage.getItem('@JCRS:stories');

        if (stories_local) {
            stories_local = JSON.parse(stories_local);
            for (var i = 0; i < stories_local.length; i++) {
                var story_local = stories_local[i];
                for (var j = 0; j < window.stories.length; j++) {
                    var story = window.stories[j];
                    if (
                        (story.cd_matia == story_local.cd_matia)
                        && (
                            story.lida
                            || story_local.lida
                        )
                    ) {
                        story.lida = true;
                    }
                }
            }
        }

        // Salva no localStorage
        localStorage.setItem('@JCRS:stories', JSON.stringify(window.stories));
    }

    stories_update_local();

    // Ordena
    window.stories.sort(function(a, b) {
        if (a.lida && !b.lida) {
            return 1;
        }
        if (!a.lida && b.lida) {
            return -1;
        }
        return 0;
    });

    stories_update_local();

    // Injeta HTML dos stories
    var stories_html = '';
    for (var i = 0; i < window.stories.length; i++) {
        var story = window.stories[i];
        stories_html += '<div class="swiper-slide" data-index="' + i + '">';
        stories_html += '<div class="stories-card flex flex-col gap-2 items-center max-w-[5.5rem]">';
        stories_html += '<div class="stories-card-container relative flex items-center justify-center w-[5.5rem] h-[5.5rem] p-1 cursor-pointer" onClick="modal_stories(' + i + ')">';
        stories_html += '<img src="https://www.jornaldocomercio.com/v2/assets/imgs/status.svg" alt="" class="absolute inset-0 rounded-full story-ring ' + (story.lida ? 'story-ring-disabled' : '') + '" data-cd_matia="' + story.cd_matia + '" style="' + (story.lida ? 'opacity: 0.3; filter: grayscale(1)' : '') + '">';
        stories_html += '<div style="background-image: url(\'' + story.img + '\')" class="rounded-full bg-cover w-[76px] h-[76px]"></div>';
        stories_html += '</div>';
        stories_html += '</div>';
        stories_html += '</div>';
    }
    document.querySelector('.swiper-stories .swiper-wrapper').innerHTML = stories_html;
    
    // Injeta HTML modal-stories-desktop
    var stories_html = '';
    var stories_videos = [];
    for (var i = 0; i < window.stories.length; i++) {
        var story = window.stories[i];
        stories_html += '<div class="swiper-slide w-[350px]" data-index="' + story.index + '">';
        stories_html += '<div class="storie relative z-[20] w-[350px] h-[80vh] rounded-lg bg-main-primary shadow-xl flex flex-col">';
        if (story.tipo == 'video') {
            stories_html += '<div class="flex items-center relative cursor-pointer h-full overflow-hidden shadow-image bg-black youtube-button-stories" data-i="YT_player_stories'+story.cd_matia+'">';
            stories_html += '<div class="youtube-cover-stories absolute top-0 left-0 w-full h-full flex items-center justify-center bg-cover bg-center bg-no-repeat bg-black" data-bg_wide="'+story.img_wide+'" data-bg_portrait="'+story.img_portrait+'" style="background-image: url('+story.img_portrait+');">';
            stories_html += '<img src="https://www.jornaldocomercio.com/v2/assets/imgs/play-youtube.png" alt="" />';
            stories_html += '</div>';
            stories_html += '<div class="youtube-player-stories absolute top-0 left-0 w-full h-full items-center justify-center hidden" id="YT_player_stories'+story.cd_matia+'" data-youtubeid="'+story.id_midia+'"></div>';
            stories_html += '</div>';
            stories_videos.push('YT_player_stories'+story.cd_matia);
        } else {
            stories_html += '<img src="' + story.img + '" alt="" class="h-0 flex-1 object-cover">';
        }

        stories_html += '<div class="content p-6">';
        stories_html += '<div class="tag text-white">';
        stories_html += story.site;
        stories_html += '</div>';
        stories_html += '<a href="' + story.link + '" title="' + story.titulo + '" class="dark:text-white font-bold text-start font-charterbold text-xl leading-tight text-white mb-6 block">';
        stories_html += story.titulo;
        stories_html += '</a>';
        stories_html += '<a href="' + story.link + '" title="' + story.titulo + '" class="px-4 rounded-lg text-base font-normal leading-normal h-fit whitespace-nowrap transition-all ease-in duration-200 text-white bg-main-secondary hover:bg-button-primary mb-8 w-fit py-2.5 block">Ler notícia</a>';
        stories_html += '</div>';
        stories_html += '</div>';
        stories_html += '</div>';
    }
    document.querySelector('#modal-stories-desktop .swiper-wrapper').innerHTML = stories_html;
    if (stories_videos.length) {
        var youtube_api = document.createElement('div');
        youtube_api.id = 'youtube-api';
        document.querySelector('body').appendChild(youtube_api);
    }
</script>

                    <div class="flex flex-col items-center dark:bg-dark">
    <div class="flex flex-col gap-6 px-4 xl:px-[3.75rem] py-10 sm:pb-10 max-w-[1440px] w-full relative">
        <h2 class="text-black dark:text-white text-[1.75rem] font-bold leading-9 font-charterbold">Conteúdos especializados</h2>
        <div class="swiper swiper-news-special h-full w-full overflow-hidden pb-10 relative">
            <div class="swiper-wrapper">
                                                        <div class="swiper-slide flex-col flex  gap-4 relative">
                                                    <div class="flex items-center gap-2">
                                <span class="text-orange-500 text-base font-bold leading-tight font-charterbold whitespace-nowrap">
                                    Economia                                </span>
                                <div class="h-1 w-full border-t border-dashed border-neutral-medium-gray"></div>
                            </div>
                                                <a href="https://www.jornaldocomercio.com/economia/2025/04/1198733-acesse-caderno-especial-que-traz-aprofudamento-da-pesquisa-marcas-de-quem-decide.html" title="Acesse o caderno especial que traz aprofudamento da pesquisa Marcas de Quem Decide" class="w-full h-[275px] xl:h-[340px] ">
                           <img 
                                data-src="https://www.jornaldocomercio.com/_midias/jpg/2025/04/14/800x600/1_1000014988-11142176.jpg" 
                                alt="Acesse o caderno especial que traz aprofudamento da pesquisa Marcas de Quem Decide" 
                                class="lazy shadow-image rounded-lg object-cover w-full h-full"
                            />
                        </a>
                        <div class="flex flex-col gap-2">
                                                        <h1 class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins">
                                JORNAL DO COMÉRCIO                            </h1>
                            <a href="https://www.jornaldocomercio.com/economia/2025/04/1198733-acesse-caderno-especial-que-traz-aprofudamento-da-pesquisa-marcas-de-quem-decide.html" title="Acesse o caderno especial que traz aprofudamento da pesquisa Marcas de Quem Decide" class="text-black dark:text-white font-bold text-start font-charterbold leading text-xl xl:text-2xl">
                                Acesse o caderno especial que traz aprofudamento da pesquisa Marcas de Quem Decide                            </a>
                        </div>
                    </div>
                                                        <div class="swiper-slide flex-col flex  gap-4 relative">
                                                    <div class="flex items-center gap-2">
                                <span class="text-orange-500 text-base font-bold leading-tight font-charterbold whitespace-nowrap">
                                    JC Contabilidade                                </span>
                                <div class="h-1 w-full border-t border-dashed border-neutral-medium-gray"></div>
                            </div>
                                                <a href="https://www.jornaldocomercio.com/cadernos/jc-contabilidade/2025/04/1199351-crcrs-e-uma-das-entidades-de-classe-mais-longevas-do-brasil.html" title="CRCRS é uma das entidades de classe mais longevas do Brasil" class="w-full h-[275px] xl:h-[340px] ">
                           <img 
                                data-src="https://www.jornaldocomercio.com/_midias/jpg/2025/04/17/800x600/1_whatsapp_image_2025_04_17_at_17_33_26-11151146.jpg" 
                                alt="CRCRS é uma das entidades de classe mais longevas do Brasil" 
                                class="lazy shadow-image rounded-lg object-cover w-full h-full"
                            />
                        </a>
                        <div class="flex flex-col gap-2">
                                                        <h1 class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins">
                                Entrevista                            </h1>
                            <a href="https://www.jornaldocomercio.com/cadernos/jc-contabilidade/2025/04/1199351-crcrs-e-uma-das-entidades-de-classe-mais-longevas-do-brasil.html" title="CRCRS é uma das entidades de classe mais longevas do Brasil" class="text-black dark:text-white font-bold text-start font-charterbold leading text-xl xl:text-2xl">
                                CRCRS é uma das entidades de classe mais longevas do Brasil                            </a>
                        </div>
                    </div>
                                                        <div class="swiper-slide flex-col flex  gap-4 relative">
                                                    <div class="flex items-center gap-2">
                                <span class="text-orange-500 text-base font-bold leading-tight font-charterbold whitespace-nowrap">
                                    Reportagem Cultural                                </span>
                                <div class="h-1 w-full border-t border-dashed border-neutral-medium-gray"></div>
                            </div>
                                                <a href="https://www.jornaldocomercio.com/especiais/reportagem-cultural/2025/04/1198966-jornalista-premiado-renato-dornelles-tambem-se-consolida-com-documentarios.html" title="Jornalista premiado, Renato Dornelles também se consolida com documentários" class="w-full h-[275px] xl:h-[340px] ">
                           <img 
                                data-src="https://www.jornaldocomercio.com/_midias/jpg/2025/04/15/800x600/1_tm_030425_renato_viver__5_-11144843.jpg" 
                                alt="Jornalista premiado, Renato Dornelles também se consolida com documentários" 
                                class="lazy shadow-image rounded-lg object-cover w-full h-full"
                            />
                        </a>
                        <div class="flex flex-col gap-2">
                                                        <h1 class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins">
                                reportagem cultural                            </h1>
                            <a href="https://www.jornaldocomercio.com/especiais/reportagem-cultural/2025/04/1198966-jornalista-premiado-renato-dornelles-tambem-se-consolida-com-documentarios.html" title="Jornalista premiado, Renato Dornelles também se consolida com documentários" class="text-black dark:text-white font-bold text-start font-charterbold leading text-xl xl:text-2xl">
                                Jornalista premiado, Renato Dornelles também se consolida com documentários                            </a>
                        </div>
                    </div>
                                                        <div class="swiper-slide flex-col flex  gap-4 relative">
                                                    <div class="flex items-center gap-2">
                                <span class="text-orange-500 text-base font-bold leading-tight font-charterbold whitespace-nowrap">
                                    Reportagem Cultural                                </span>
                                <div class="h-1 w-full border-t border-dashed border-neutral-medium-gray"></div>
                            </div>
                                                <a href="https://www.jornaldocomercio.com/especiais/reportagem-cultural/2025/04/1199745-a-porto-alegre-do-seculo-passado-ressurge-nas-fotografias-de-jacob-herrmann.html" title="A Porto Alegre do século passado ressurge nas fotografias de Jacob Herrmann" class="w-full h-[275px] xl:h-[340px] ">
                           <img 
                                data-src="https://www.jornaldocomercio.com/_midias/jpg/2025/04/24/800x600/1_000_menor___morador_da_margem_do_guaiba__foto_jacob_-11159006.jpg" 
                                alt="A Porto Alegre do século passado ressurge nas fotografias de Jacob Herrmann" 
                                class="lazy shadow-image rounded-lg object-cover w-full h-full"
                            />
                        </a>
                        <div class="flex flex-col gap-2">
                                                        <h1 class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins">
                                Reportagem Cultural                            </h1>
                            <a href="https://www.jornaldocomercio.com/especiais/reportagem-cultural/2025/04/1199745-a-porto-alegre-do-seculo-passado-ressurge-nas-fotografias-de-jacob-herrmann.html" title="A Porto Alegre do século passado ressurge nas fotografias de Jacob Herrmann" class="text-black dark:text-white font-bold text-start font-charterbold leading text-xl xl:text-2xl">
                                A Porto Alegre do século passado ressurge nas fotografias de Jacob Herrmann                            </a>
                        </div>
                    </div>
                                                        <div class="swiper-slide flex-col flex  gap-4 relative">
                                                    <div class="flex items-center gap-2">
                                <span class="text-orange-500 text-base font-bold leading-tight font-charterbold whitespace-nowrap">
                                    Empresas & Negócios                                </span>
                                <div class="h-1 w-full border-t border-dashed border-neutral-medium-gray"></div>
                            </div>
                                                <a href="https://www.jornaldocomercio.com/cadernos/empresas-e-negocios/2025/04/1198976-bitcoin-vira-ouro-digital-nos-eua.html" title="Reserva de Bitcoin criada por Trump respalda criptomoedas" class="w-full h-[275px] xl:h-[340px] ">
                           <img 
                                data-src="https://www.jornaldocomercio.com/_midias/jpg/2025/04/15/800x600/1_chatgpt_image_15_de_abr__de_2025__16_21_41-11145293.jpg" 
                                alt="Reserva de Bitcoin criada por Trump respalda criptomoedas" 
                                class="lazy shadow-image rounded-lg object-cover w-full h-full"
                            />
                        </a>
                        <div class="flex flex-col gap-2">
                                                        <h1 class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins">
                                Reportagem especial                            </h1>
                            <a href="https://www.jornaldocomercio.com/cadernos/empresas-e-negocios/2025/04/1198976-bitcoin-vira-ouro-digital-nos-eua.html" title="Reserva de Bitcoin criada por Trump respalda criptomoedas" class="text-black dark:text-white font-bold text-start font-charterbold leading text-xl xl:text-2xl">
                                Reserva de Bitcoin criada por Trump respalda criptomoedas                            </a>
                        </div>
                    </div>
                                                        <div class="swiper-slide flex-col flex  gap-4 relative">
                                                    <div class="flex items-center gap-2">
                                <span class="text-orange-500 text-base font-bold leading-tight font-charterbold whitespace-nowrap">
                                    Empresas & Negócios                                </span>
                                <div class="h-1 w-full border-t border-dashed border-neutral-medium-gray"></div>
                            </div>
                                                <a href="https://www.jornaldocomercio.com/cadernos/empresas-e-negocios/2025/04/1198082-artesanato-vira-ferramenta-de-desenvolvimento-economico-no-litoral-norte.html" title="Artesanato vira ferramenta de desenvolvimento econômico no Litoral Norte" class="w-full h-[275px] xl:h-[340px] ">
                           <img 
                                data-src="https://www.jornaldocomercio.com/_midias/jpg/2025/04/08/800x600/1_empresas___negocios___especial_artesanato_no_litoral___feira_em_torres_credito_adriano_daka_2-11132079.jpg" 
                                alt="Artesanato vira ferramenta de desenvolvimento econômico no Litoral Norte" 
                                class="lazy shadow-image rounded-lg object-cover w-full h-full"
                            />
                        </a>
                        <div class="flex flex-col gap-2">
                                                        <h1 class="text-orange-500 text-[0.625rem] font-bold uppercase leading-none tracking-wide font-poppins">
                                Reportagem especial                            </h1>
                            <a href="https://www.jornaldocomercio.com/cadernos/empresas-e-negocios/2025/04/1198082-artesanato-vira-ferramenta-de-desenvolvimento-economico-no-litoral-norte.html" title="Artesanato vira ferramenta de desenvolvimento econômico no Litoral Norte" class="text-black dark:text-white font-bold text-start font-charterbold leading text-xl xl:text-2xl">
                                Artesanato vira ferramenta de desenvolvimento econômico no Litoral Norte                            </a>
                        </div>
                    </div>
                            </div>
                            <div class="swiper-button-prev swiper-button-disabled"></div>
                <div class="swiper-button-next"></div>
                <div class="swiper-pagination"></div>
                <div class="swiper-overlay-left hidden invisible xl:visible top-0 left-0 bottom-0 h-full absolute w-28 bg-overlay-news-carousel dark:bg-overlay-news-carousel-dark z-[1] rotate-180 pointer-events-none"></div>
                <div class="swiper-overlay-right invisible xl:visible top-0 right-0 bottom-0 h-full absolute w-28 bg-overlay-news-carousel dark:bg-overlay-news-carousel-dark z-[1] pointer-events-none"></div>
                    </div>
    </div>
</div>

                    <div class="hidden xl:block">
                        <div class="flex flex-col items-center dark:bg-darkBg bg-banner">
                            <div class="w-full py-4 max-w-[1140px]">
                                <div data-espaco="section-header" class="adunitjc flex justify-center w-[1140px]"></div>
                            </div>
                        </div>
                    </div>

                    <div id="youtube-api"></div>
<div class="flex flex-col items-center bg-neutral-off-white dark:bg-dark">
    <section class="flex flex-col gap-6 px-4 xl:px-[3.75rem] py-10 bg-neutral-off-white dark:bg-dark max-w-[1440px] w-full">
        <div class="flex items-center justify-between">
            <a title="Vídeos JC" href="https://www.jornaldocomercio.com/galeria-de-videos" class="text-black dark:text-white text-[1.75rem] font-bold leading-9 font-charterbold">
                Vídeos JC            </a>
            <a title="Vídeos JC" href="https://www.jornaldocomercio.com/galeria-de-videos" class="items-center gap-2 text-button-primary text-base font-normal leading-normal w-fit hover:border-b-main-secondary hover:text-main-secondary border-b border-b-transparent hidden xl:flex">
                Ver todos vídeos<img src="https://www.jornaldocomercio.com/v2/assets/imgs/arrow-right.svg" alt="">
            </a>
        </div>
        <div class="680d587b870b0 hidden xl:grid grid-cols-6 items-center gap-6 justify-between">
                                                            <div class="youtube-col col-span-3">
                                        <div class="flex relative youtube-button cursor-pointer h-[372px] rounded-2xl overflow-hidden shadow-image" data-uuid="680d587b870b0" data-i="YT_player1200117">
                        <div class="youtube-cover absolute top-0 left-0 w-full h-full flex items-center justify-center bg-cover bg-center bg-no-repeat bg-black" data-bg_wide="https://i.ytimg.com/vi/iCVR5k_p56g/maxresdefault.jpg" data-bg_portrait="https://www.jornaldocomercio.com/_midias/png/2025/04/25/te_lembra-11162197.png?" style="background-image: url(https://i.ytimg.com/vi/iCVR5k_p56g/maxresdefault.jpg);">
                            <img data-src="https://www.jornaldocomercio.com/v2/assets/imgs/play-youtube.png" alt="" class="lazy" />
                        </div>
                        <div class="youtube-player absolute top-0 left-0 w-full h-full items-center justify-center hidden" id="YT_player1200117" data-youtubeid="iCVR5k_p56g">
                            <iframe 
                                src="https://www.youtube.com/embed/iCVR5k_p56g?enablejsapi=1&version=3&playerapiid=ytplayer&rel=0&showinfo=0&modestbranding=1&controls=0&autoplay=0&loop=1&playlist=iCVR5k_p56g"
                                frameborder="0" 
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
                                allowfullscreen
                                class="w-full h-full"
                            ></iframe>
                        </div>
                    </div>
                </div>
                                                            <div class="youtube-col ">
                                        <div class="flex relative youtube-button cursor-pointer h-[372px] rounded-2xl overflow-hidden shadow-image" data-uuid="680d587b870b0" data-i="YT_player1200056">
                        <div class="youtube-cover absolute top-0 left-0 w-full h-full flex items-center justify-center bg-cover bg-center bg-no-repeat bg-black" data-bg_wide="https://i.ytimg.com/vi/y86Dj4uHCUk/maxresdefault.jpg" data-bg_portrait="https://www.jornaldocomercio.com/_midias/jpg/2025/04/25/jcsul___2025_04_16t123654_874-11160131.jpg?" style="background-image: url(https://www.jornaldocomercio.com/_midias/jpg/2025/04/25/jcsul___2025_04_16t123654_874-11160131.jpg?);">
                            <img data-src="https://www.jornaldocomercio.com/v2/assets/imgs/play-youtube.png" alt="" class="lazy" />
                        </div>
                        <div class="youtube-player absolute top-0 left-0 w-full h-full items-center justify-center hidden" id="YT_player1200056" data-youtubeid="y86Dj4uHCUk">
                            <iframe 
                                src="https://www.youtube.com/embed/y86Dj4uHCUk?enablejsapi=1&version=3&playerapiid=ytplayer&rel=0&showinfo=0&modestbranding=1&controls=0&autoplay=0&loop=1&playlist=y86Dj4uHCUk"
                                frameborder="0" 
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
                                allowfullscreen
                                class="w-full h-full"
                            ></iframe>
                        </div>
                    </div>
                </div>
                                                            <div class="youtube-col ">
                                        <div class="flex relative youtube-button cursor-pointer h-[372px] rounded-2xl overflow-hidden shadow-image" data-uuid="680d587b870b0" data-i="YT_player1197864">
                        <div class="youtube-cover absolute top-0 left-0 w-full h-full flex items-center justify-center bg-cover bg-center bg-no-repeat bg-black" data-bg_wide="https://i.ytimg.com/vi/6gOuhvqzBlo/maxresdefault.jpg" data-bg_portrait="https://www.jornaldocomercio.com/_midias/jpg/2025/04/07/thumbs_vi__deos_nova_capa_jc_42-11130283.jpg" style="background-image: url(https://www.jornaldocomercio.com/_midias/jpg/2025/04/07/thumbs_vi__deos_nova_capa_jc_42-11130283.jpg);">
                            <img data-src="https://www.jornaldocomercio.com/v2/assets/imgs/play-youtube.png" alt="" class="lazy" />
                        </div>
                        <div class="youtube-player absolute top-0 left-0 w-full h-full items-center justify-center hidden" id="YT_player1197864" data-youtubeid="6gOuhvqzBlo">
                            <iframe 
                     
URL
GET http://www.jornaldocomercio.com
Response Headers
Alt-Svc:
h3=":443"; ma=86400
Cache-Control:
max-age=3600
Cf-Ray:
936a9ff15a973246-CFC
Connection:
keep-alive
Content-Length:
167
Content-Type:
text/html
Date:
Sun, 27 Apr 2025 01:42:42 GMT
Expires:
Sun, 27 Apr 2025 02:42:42 GMT
Location:
https://www.jornaldocomercio.com/
Nel:
{"success_fraction":0,"report_to":"cf-nel","max_age":604800}
Report-To:
{"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=u07dE7SOS0JufYybPlSdz%2F%2BkMP8M%2FQxCOkI5RYe0VxnEqfovbpJmLg4QsaOZBq0tjy4uoQgHbfQdNIDM%2ByLr870huvmYlD64kx%2Be8v6XO%2BjxaBSvyNJFyKje9IdacVTiTrPjySUqKk8j4Q%3D%3D"}],"group":"cf-nel","max_age":604800}
Server:
cloudflare
Server-Timing:
cfL4;desc="?proto=TCP&rtt=49165&min_rtt=49165&rtt_var=24582&sent=1&recv=3&lost=0&retrans=0&sent_bytes=0&recv_bytes=320&delivery_rate=0&cwnd=248&unsent_bytes=0&cid=0000000000000000&ts=0&x=0"
Response Body
<html>
<head><title>301 Moved Permanently</title></head>
<body>
<center><h1>301 Moved Permanently</h1></center>
<hr><center>cloudflare</center>
</body>
</html>
URL
GET http://jcrs.uol.com.br/
Response Headers
Content-Length:
239
Content-Type:
text/html; charset=iso-8859-1
Date:
Sun, 27 Apr 2025 01:42:41 GMT
Location:
http://www.jornaldocomercio.com
Server:
Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips
Response Body
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>301 Moved Permanently</title>
</head><body>
<h1>Moved Permanently</h1>
<p>The document has moved <a href="http://www.jornaldocomercio.com">here</a>.</p>
</body></html>

Resolver

Resolver ASN
AS15169
Resolver IP
172.253.233.23
Resolver Network Name
Google LLC
Report ID
20250427T014033Z_webconnectivity_BR_268869_n1_Zo0JP6GpwXBN2OaG
Platform
android
Software Name
ooniprobe-android-unattended (5.0.5)
Measurement Engine
ooniprobe-engine (3.24.0)

Raw Measurement Data

Loading