@extends('public.layout')

@php
    if (!function_exists('calculateReadingTime')) {
        function calculateReadingTime($body)
        {
            if (!$body) {
                return 2;
            }
            $text = strip_tags($body);
            $words = str_word_count($text);
            $minutes = ceil($words / 200);
            return max(1, $minutes);
        }
    }

    // Garantir que seoData existe e tem valores padrão
    if (!isset($seoData)) {
        $seoData = [];
    }
@endphp

@section('seo')
    @php
        // Passar dados de SEO para o layout
        // O layout já acessa $seoData diretamente
    @endphp
@endsection

@section('content')
    {{-- Links CSS específicos da página capa2 --}}
    <link rel="stylesheet" href="{{ asset('/assets/theme/v6/css/capa2-xsmall-list.css') }}" media="all">
    <link rel="stylesheet" href="{{ asset('/assets/theme/v6/css/capa2-feature-layout18.css') }}" media="all">
    <link rel="stylesheet" href="{{ asset('/assets/theme/v6/css/capa2-grid-post.css') }}" media="all">
    <link rel="stylesheet" href="{{ asset('/assets/theme/v6/css/capa2-feature-video.css') }}" media="all">
    <link rel="stylesheet" href="{{ asset('/assets/theme/v6/css/capa2-large-post.css') }}" media="all">
    <link rel="stylesheet" href="{{ asset('/assets/theme/v6/css/capa2-list-post.css') }}" media="all">
    <link rel="stylesheet" href="{{ asset('/assets/theme/v6/css/capa2-grid-overlay.css') }}" media="all">
    <link rel="stylesheet" href="{{ asset('/assets/theme/v6/css/capa2-feature-layout7.css') }}" media="all">

    {{-- Banner no topo da página --}}
    <div style="margin: 15px 15px 10px 15px; text-align: center;">
        @include('components.banners', ['regionCode' => 'topo', 'isHomepage' => true])
    </div>

    <div class="jl_home_bw">
        <div data-elementor-type="wp-page" data-elementor-id="19190" class="elementor elementor-19190">
            <div class="elementor-element elementor-element-1a6094e e-flex e-con-boxed e-con e-parent e-lazyloaded" data-id="1a6094e" data-element_type="container">
                <div class="e-con-inner">
/* Bloco xsmall list - jl_xsli, jl_xsgrid */
.block-section.jl_hide_meta.jl_num_top.jl_hide_line.jl_hide_col_line[data-section_style="jl_xsli"] {
    background: none;
    border: none;
    padding: 0;
}

.jl_grid_wrap_f.jl_xsgrid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.jl-roww.jl_fli_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.jl_mmlist_layout.jl_lisep.jl_risep.jl_in_num.jl_numl {
    flex: 1 1 25%;
    max-width: 25%;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    padding: 0 12px;
    display: flex;
    flex-direction: column;
    background: none;
}

/* Número do item (não visível por padrão) */
.jl_li_in.jl_nun_i {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.7em;
    padding-bottom: 22px;
    min-height: 90px;
}

/* Thumb da imagem e arredondamento */
.jl_img_holder {
    position: relative;
    min-width: 90px;
    margin-right: 15px;
    margin-bottom: 0;
}
.jl_imgw.jl_radus_e {
    border-radius: 10px;
    overflow: hidden;
    display: block;
    width: 100%;
    max-width: 200px;
    box-shadow: none;
}
.jl_imgin img {
    display: block;
    width: 100%;
    max-width: 200px;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
}

/* Link por cima da imagem */
a.jl_imgl {
    position: absolute;
    left: 0; top: 0; 
    width: 100%; height: 100%;
    z-index: 2;
    background: transparent;
    text-indent: -9999px;
}

/* Área de texto do post */
.jl_fe_text {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.jl_fe_title {
    font-size: 1.05em;
    line-height: 1.4em;
    font-weight: 700;
    margin-bottom: 0.5em;
    margin-top: 0.2em;
    color: #111;
}
.jl_fe_title a {
    color: inherit;
    text-decoration: none;
    transition: color .2s;
}
.jl_fe_title a:hover {
    color: #3898ec;
}

/* Categoria destacada */
.jl_f_cat.jl_lb1 {
    display: inline-block;
    margin-bottom: 7px;
}
.jl_cat_txt {
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 500;
    color: #fff;
    background: #3898ec;
    padding: 2px 8px;
    border-radius: 100px;
    text-decoration: none;
}
a.jl_cat21 { background: #3898ec; }
a.jl_cat17 { background: #ea9c2d; }

/* Metadados do post e icones */
.jl_post_meta {
    display: flex;
    flex-direction: row;
    gap: 13px;
    align-items: center;
    font-size: 0.97em;
    color: #6d6d6d;
}
.post-read-time i.jli-timer {
    margin-right: 4px;
    font-size: 1em;
}

/* Compartilhamento */
.jl_fot_share_i {
    position: relative;
    margin-left: 10px;
    cursor: pointer;
}
.jl_share_l_bg {
    color: #b7b7b7;
    font-size: 15px;
}
.jls_tooltip {
    position: relative;
    display: inline-block;
}
.jls_tooltip_w {
    display: none;
    z-index: 999;
    position: absolute;
    left: 50%;
    top: -52px;
    transform: translateX(-50%);
    min-width: 190px;
}
.jl_fot_share_i:hover .jls_tooltip_w,
.jls_tooltip:focus .jls_tooltip_w {
    display: block;
}
.jls_tooltiptext .jl_sli_in {
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 7px 9px;
    background: #222;
    border-radius: 8px;
    box-shadow: 0 3px 14px rgba(140,140,140,.10);
}
.jl_sli_shli, .jl_shli {
    display: inline-block;
}
.jl_sli_fb .jl_sshl { color: #4372b2; }
.jl_sli_tw .jl_sshl { color: #0096d3; }
.jl_sli_pi .jl_sshl { color: #d7001d; }
.jl_sli_din .jl_sshl { color: #0867b5; }
.jl_sli_wapp .jl_sshl { color: #44d163; }
.jl_sshl {
    font-size: 17px;
    line-height: 1;
    background: transparent;
    transition: color .2s;
    text-decoration: none;
}
.jl_sshl:hover {
    color: #ff7300 !important;
}

/* Responsivo */
@media (max-width: 900px) {
    .jl_mmlist_layout.jl_numl {
        max-width: 50%;
        flex-basis: 50%;
    }
}
@media (max-width: 600px) {
    .jl-roww.jl_fli_wrap {
        flex-direction: column;
    }
    .jl_mmlist_layout.jl_numl {
        max-width: 100%;
        flex-basis: 100%;
        padding: 0;
    }
}

/* Extra */
.jl_nun_d {
    display: none;
}
.jl_clear_at:before,
.jl_clear_at:after {
    content: "";
    display: table;
    clear: both;
}
                    <div class="elementor-element elementor-element-7e207af elementor-widget elementor-widget-bopea-xsmall-list" data-id="7e207af" data-element_type="widget" data-widget_type="bopea-xsmall-list.default">
                        <div class="elementor-widget-container">
                            <div class="jl_clear_at block-section jl-main-block jl_hide_meta jl_num_top jl_hide_line jl_hide_col_line" data-blockid="blockid_7e207af" data-section_style="jl_xsli" data-post_type="post" data-post_type_tax="none" data-page_max="13" data-page_current="1"
                                data-author="none" data-order="date_post" data-posts_per_page="4" data-offset="7" data-tabs_link="none">
                                <div class="jl_grid_wrap_f jl_wrap_eb jl_xsgrid jl_clear_at">
                                    <div class="jl-roww jl_contain jl_fli_wrap jl-col-row">
                                        @php
                                            $xsmallArticles = $latestNews->take(4);
                                        @endphp
                                        @foreach ($xsmallArticles as $article)
                                            @php
                                                $articleImage = $article->topImage ?? $article->featuredImage;
                                                $articleUrl = "/{$article->slug}";
                                                $shareUrl = urlencode(url($articleUrl));
                                                $shareTitle = urlencode($article->title);
                                                $shareImage = urlencode($articleImage?->file_url ?? '');
                                                $readingTime = calculateReadingTime($article->body);
                                            @endphp
                                            <div class="jl_mmlist_layout jl_lisep jl_risep jl_in_num jl_numl">
                                                <div class="jl_li_in jl_nun_i">
                                                    <span class="jl_nun_d"></span>
                                                    <div class="jl_img_holder">
                                                        <div class="jl_imgw jl_radus_e">
                                                            <div class="jl_imgin">
                                                                @if ($articleImage && $articleImage->file_url)
                                                                    <img decoding="async" width="200" height="133" src="{{ $articleImage->file_url }}" class="attachment-bopea_small size-bopea_small jl-lazyload wp-post-image lazyloaded" alt="{{ $articleImage->alt_text ?? $article->title }}">
                                                                @endif
                                                            </div>
                                                            <a class="jl_imgl" aria-label="{{ $article->title }}" href="{{ $articleUrl }}"></a>
                                                        </div>
                                                    </div>

                                                    <div class="jl_fe_text">
                                                        @if ($article->section)
                                                            <span class="jl_f_cat jl_lb1"><a class="jl_cat_txt jl_cat21" href="/{{ $article->section->slug }}"><span>{{ $article->section->name }}</span></a></span>
                                                        @endif
                                                        <h2 class="h3 jl_fe_title jl_txt_2row"><a href="{{ $articleUrl }}">{{ $article->title }}</a></h2>
                                                        <span class="jl_post_meta">
                                                            <span class="post-read-time"><i class="jli-timer"></i>{{ $readingTime }} Mins read</span>
                                                            <span class="jl_fot_share_i jl_share_l_bg jls_tooltip">
                                                                <i class="jli-share"></i>
                                                                <span class="jls_tooltip_w jls_tooltip-top">
                                                                    <span class="jls_tooltiptext">
                                                                        <span class="jls_tooltip_in">
                                                                            <span class="jl_sli_in">
                                                                                <span class="jl_sli_fb jl_shli"><a class="jl_sshl" href="https://www.facebook.com/sharer.php?u={{ $shareUrl }}" rel="nofollow" alt="facebook"><i class="jli-facebook"></i></a></span>
                                                                                <span class="jl_sli_tw jl_shli"><a class="jl_sshl" href="https://twitter.com/intent/tweet?text={{ $shareTitle }}&url={{ $shareUrl }}" rel="nofollow" alt="twitter"><i class="jli-x"></i></a></span>
                                                                                <span class="jl_sli_pi jl_shli"><a class="jl_sshl" href="https://pinterest.com/pin/create/bookmarklet/?url={{ $shareUrl }}&media={{ $shareImage }}&description={{ $shareTitle }}" rel="nofollow" alt="pinterest"><i class="jli-pinterest"></i></a></span>
                                                                                <span class="jl_sli_din jl_shli"><a class="jl_sshl" href="https://www.linkedin.com/shareArticle?url={{ $shareUrl }}" rel="nofollow" alt="linkedin"><i class="jli-linkedin"></i></a></span>
                                                                                <span class="jl_sli_wapp jl_shli"><a class="jl_sshl" href="https://api.whatsapp.com/send?text={{ $shareTitle }} {{ $shareUrl }}" data-action="share/whatsapp/share" rel="nofollow" alt="whatsapp"><i class="jli-whatsapp"></i></a></span>
                                                                            </span>
                                                                        </span>
                                                                    </span>
                                                                </span>
                                                            </span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="elementor-element elementor-element-95d4459 elementor-widget elementor-widget-bopea-feature-layout18" data-id="95d4459" data-element_type="widget" data-widget_type="bopea-feature-layout18.default">
                        <div class="elementor-widget-container">
                            <div id="blockid_95d4459" class="block-section jl-main-block jl_en_fr jl_frg jl_mp_cl">
                                <div class="jl_mb_wrap_f jl_clear_at">
                                    <div class="jl-roww jl_contain jl-col-row">
                                        <div class="jl_fr18_wrap">
                                            <div class="jl_fr18_inner">
                                                @if ($featuredTop5->count() > 0)
                                                    @php
                                                        $pinnedArticle = $featuredTop5->where('pinned_to_homepage', true)->first();
                                                        $mainArticle = $pinnedArticle ?? $featuredTop5->first();
                                                        $articleImage = $mainArticle->topImage ?? $mainArticle->featuredImage;
                                                        $articleUrl = "/{$mainArticle->slug}";
                                                        $shareUrl = urlencode(url($articleUrl));
                                                        $shareTitle = urlencode($mainArticle->title);
                                                        $shareImage = urlencode($articleImage?->file_url ?? '');
                                                        $readingTime = calculateReadingTime($mainArticle->body);
                                                        $authorName = $mainArticle->authorUser?->name ?? ($mainArticle->author_name ?? ($mainArticle->author ?? 'Redação'));
                                                        $authorAvatar = $mainArticle->authorUser?->avatar_url ?? '/assets/theme/v6/images/profile_1-120x120.jpeg';
                                                    @endphp
                                                    <div class="jl_p_fr18 jl_m_fr18 jl_ov_el">
                                                        <div class="jl_img_holder">
                                                            <div class="jl_imgw jl_radus_e">
                                                                <div class="jl_imgin">
                                                                    @if ($articleImage && $articleImage->file_url)
                                                                        <img loading="lazy" decoding="async" width="1100" height="729" src="{{ $articleImage->file_url }}" class="attachment-bopea_medium size-bopea_medium jl-lazyload wp-post-image lazyloaded" alt="{{ $articleImage->alt_text ?? $mainArticle->title }}">
                                                                    @endif
                                                                </div>
                                                                <a class="jl_imgl" aria-label="{{ $mainArticle->title }}" href="{{ $articleUrl }}"></a>
                                                            </div>
                                                        </div>

                                                        <div class="jl_fe_text">
                                                            <div class="jl_fe_inner">
                                                                @if ($mainArticle->section)
                                                                    <span class="jl_f_cat jl_lb3"><a class="jl_cat_lbl jl_cat18" href="/{{ $mainArticle->section->slug }}"><span>{{ $mainArticle->section->name }}</span></a></span>
                                                                @endif
                                                                <h2 class="jl_fe_title jl_txt_2row"><a href="{{ $articleUrl }}">{{ $mainArticle->title }}</a></h2>
                                                                @if ($mainArticle->headline || $mainArticle->excerpt)
                                                                    <p class="jl_fe_des">{{ Str::limit($mainArticle->headline ?? ($mainArticle->excerpt ?? ''), 150) }}</p>
                                                                @endif
                                                                <span class="jl_post_meta">
                                                                    <span class="jl_author_img_w">
                                                                        <span class="jl_aimg_in">
                                                                            <img loading="lazy" decoding="async" src="{{ $authorAvatar }}" width="50" height="50" alt="{{ $authorName }}" class="avatar avatar-50 wp-user-avatar wp-user-avatar-50 alignnone photo ls-is-cached lazyloaded">
                                                                        </span>
                                                                        <a href="#" title="Posts by {{ $authorName }}" rel="author">{{ $authorName }}</a>
                                                                    </span>
                                                                    <span class="post-read-time"><i class="jli-timer"></i>{{ $readingTime }} Mins read</span>
                                                                    <span class="jl_fot_share_i jl_share_l_bg jls_tooltip">
                                                                        <i class="jli-share"></i>
                                                                        <span class="jls_tooltip_w jls_tooltip-top">
                                                                            <span class="jls_tooltiptext">
                                                                                <span class="jls_tooltip_in">
                                                                                    <span class="jl_sli_in">
                                                                                        <span class="jl_sli_fb jl_shli"><a class="jl_sshl" href="https://www.facebook.com/sharer.php?u={{ $shareUrl }}" rel="nofollow" alt="facebook"><i class="jli-facebook"></i></a></span>
                                                                                        <span class="jl_sli_tw jl_shli"><a class="jl_sshl" href="https://twitter.com/intent/tweet?text={{ $shareTitle }}&url={{ $shareUrl }}" rel="nofollow" alt="twitter"><i class="jli-x"></i></a></span>
                                                                                        <span class="jl_sli_pi jl_shli"><a class="jl_sshl" href="https://pinterest.com/pin/create/bookmarklet/?url={{ $shareUrl }}&media={{ $shareImage }}&description={{ $shareTitle }}" rel="nofollow" alt="pinterest"><i class="jli-pinterest"></i></a></span>
                                                                                        <span class="jl_sli_din jl_shli"><a class="jl_sshl" href="https://www.linkedin.com/shareArticle?url={{ $shareUrl }}" rel="nofollow" alt="linkedin"><i class="jli-linkedin"></i></a></span>
                                                                                        <span class="jl_sli_wapp jl_shli"><a class="jl_sshl" href="https://api.whatsapp.com/send?text={{ $shareTitle }} {{ $shareUrl }}" data-action="share/whatsapp/share" rel="nofollow" alt="whatsapp"><i class="jli-whatsapp"></i></a></span>
                                                                                    </span>
                                                                                </span>
                                                                            </span>
                                                                        </span>
                                                                    </span>
                                                                </span>
                                                                <a href="{{ $articleUrl }}" aria-label="{{ $mainArticle->title }}" class="jl_cap_ov"></a>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    @php
                                                        $remainingArticles = $featuredTop5->reject(function ($article) use ($mainArticle) {
                                                            return $article->id === $mainArticle->id;
                                                        })->take(2);
                                                    @endphp
                                                    @foreach ($remainingArticles as $article)
                                                        @php
                                                            $articleImage = $article->topImage ?? $article->featuredImage;
                                                            $articleUrl = "/{$article->slug}";
                                                            $shareUrl = urlencode(url($articleUrl));
                                                            $shareTitle = urlencode($article->title);
                                                            $shareImage = urlencode($articleImage?->file_url ?? '');
                                                            $readingTime = calculateReadingTime($article->body);
                                                            $authorName = $article->authorUser?->name ?? ($article->author_name ?? ($article->author ?? 'Redação'));
                                                            $authorAvatar = $article->authorUser?->avatar_url ?? '/assets/theme/v6/images/profile_1-120x120.jpeg';
                                                        @endphp
                                                        <div class="jl_p_fr18 jl_cgrid_layout jl_frsha jl_sm_mt">
                                                            <div class="jl_imgw jl_radus_e">
                                                                <div class="jl_imgin">
                                                                    @if ($articleImage && $articleImage->file_url)
                                                                        <img loading="lazy" decoding="async" width="680" height="383" src="{{ $articleImage->file_url }}" class="attachment-bopea_layouts size-bopea_layouts jl-lazyload wp-post-image lazyloaded" alt="{{ $articleImage->alt_text ?? $article->title }}">
                                                                    @endif
                                                                </div>
                                                                <a class="jl_imgl" aria-label="{{ $article->title }}" href="{{ $articleUrl }}"></a>
                                                            </div>
                                                            <div class="jl_fe_text">
                                                                @if ($article->section)
                                                                    <span class="jl_f_cat jl_lb1"><a class="jl_cat_txt jl_cat18" href="/{{ $article->section->slug }}"><span>{{ $article->section->name }}</span></a></span>
                                                                @endif
                                                                <h3 class="jl_fe_title jl_txt_2row"><a href="{{ $articleUrl }}">{{ $article->title }}</a></h3>
                                                                <span class="jl_post_meta">
                                                                    <span class="jl_author_img_w">
                                                                        <span class="jl_aimg_in">
                                                                            <img loading="lazy" decoding="async" src="{{ $authorAvatar }}" width="50" height="50" alt="{{ $authorName }}" class="avatar avatar-50 wp-user-avatar wp-user-avatar-50 alignnone photo ls-is-cached lazyloaded">
                                                                        </span>
                                                                        <a href="#" title="Posts by {{ $authorName }}" rel="author">{{ $authorName }}</a>
                                                                    </span>
                                                                    <span class="post-read-time"><i class="jli-timer"></i>{{ $readingTime }} Mins read</span>
                                                                    <span class="jl_fot_share_i jl_share_l_bg jls_tooltip">
                                                                        <i class="jli-share"></i>
                                                                        <span class="jls_tooltip_w jls_tooltip-top">
                                                                            <span class="jls_tooltiptext">
                                                                                <span class="jls_tooltip_in">
                                                                                    <span class="jl_sli_in">
                                                                                        <span class="jl_sli_fb jl_shli"><a class="jl_sshl" href="https://www.facebook.com/sharer.php?u={{ $shareUrl }}" rel="nofollow" alt="facebook"><i class="jli-facebook"></i></a></span>
                                                                                        <span class="jl_sli_tw jl_shli"><a class="jl_sshl" href="https://twitter.com/intent/tweet?text={{ $shareTitle }}&url={{ $shareUrl }}" rel="nofollow" alt="twitter"><i class="jli-x"></i></a></span>
                                                                                        <span class="jl_sli_pi jl_shli"><a class="jl_sshl" href="https://pinterest.com/pin/create/bookmarklet/?url={{ $shareUrl }}&media={{ $shareImage }}&description={{ $shareTitle }}" rel="nofollow" alt="pinterest"><i class="jli-pinterest"></i></a></span>
                                                                                        <span class="jl_sli_din jl_shli"><a class="jl_sshl" href="https://www.linkedin.com/shareArticle?url={{ $shareUrl }}" rel="nofollow" alt="linkedin"><i class="jli-linkedin"></i></a></span>
                                                                                        <span class="jl_sli_wapp jl_shli"><a class="jl_sshl" href="https://api.whatsapp.com/send?text={{ $shareTitle }} {{ $shareUrl }}" data-action="share/whatsapp/share" rel="nofollow" alt="whatsapp"><i class="jli-whatsapp"></i></a></span>
                                                                                    </span>
                                                                                </span>
                                                                            </span>
                                                                        </span>
                                                                    </span>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="elementor-element elementor-element-b5b8e49 e-flex e-con-boxed e-con e-parent e-lazyloaded" data-id="b5b8e49" data-element_type="container">
                <div class="e-con-inner">
                    <div class="elementor-element elementor-element-0c88144 elementor-widget elementor-widget-bopea-section-ads-img" data-id="0c88144" data-element_type="widget" data-widget_type="bopea-section-ads-img.default">
                        <div class="elementor-widget-container">
                            <div class="jl_ads_img_w">
                                <span class="jl_ads_title">-Sponsored-</span>
                                <div class="jl_ads_inner">
                                    @include('components.banners', ['regionCode' => 'meio', 'isHomepage' => true])
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="elementor-element elementor-element-82248fb e-flex e-con-boxed e-con e-parent e-lazyloaded" data-id="82248fb" data-element_type="container">
                <div class="e-con-inner">
                    <div class="elementor-element elementor-element-5e9d5ec elementor-widget elementor-widget-bopea-section-title" data-id="5e9d5ec" data-element_type="widget" data-widget_type="bopea-section-title.default">
                        <div class="elementor-widget-container">
                            <div class="jlcus_sec_title jl_sec_style13 jl_secf_title jl_secb_menu no">
                                <div class="jlcus_sect_inner">
                                    <h2 class="jl-heading-text">
                                        <span class="jl_ttw">Editor pick's</span><i class="jli-tarrow"></i>
                                    </h2>
                                    <p class="jl_sct_bt">
                                        <a href="#" class="jlopt-text-link">
                                            <span class="jl_bt_inner">
                                                <span>Find more</span>
                                                <i class="jli-carrow"></i>
                                            </span>
                                        </a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="elementor-element elementor-element-b30982a elementor-widget elementor-widget-bopea-grid-post" data-id="b30982a" data-element_type="widget" data-widget_type="bopea-grid-post.default">
                        <div class="elementor-widget-container">
                            <div class="jl_clear_at block-section jl-main-block jl_hide_desc jl_hide_line jl_hide_col_line jl_en_fr jl_frg" data-blockid="blockid_b30982a" data-section_style="jl_mgrid" data-post_type="post" data-post_type_tax="none" data-page_max="12" data-page_current="1"
                                data-author="none" data-order="date_post" data-posts_per_page="4" data-offset="22" data-tabs_link="none">
                                <div class="jl_grid_wrap_f jl_wrap_eb jl_clear_at">
                                    <div class="jl-roww jl_contain jl_cgrid_wrap jl-col-row">
                                        @php
                                            $gridArticles = $featuredOffset5->take(4);
                                        @endphp
                                        @foreach ($gridArticles as $article)
                                            @php
                                                $articleImage = $article->topImage ?? $article->featuredImage;
                                                $articleUrl = "/{$article->slug}";
                                                $shareUrl = urlencode(url($articleUrl));
                                                $shareTitle = urlencode($article->title);
                                                $shareImage = urlencode($articleImage?->file_url ?? '');
                                                $readingTime = calculateReadingTime($article->body);
                                                $authorName = $article->authorUser?->name ?? ($article->author_name ?? ($article->author ?? 'Redação'));
                                                $authorAvatar = $article->authorUser?->avatar_url ?? '/assets/theme/v6/images/profile_1-120x120.jpeg';
                                            @endphp
                                            <div class="jl_cgrid_layout jl_frsha jl_in_num jl_numl">
                                                <div class="jl_img_holder">
                                                    <div class="jl_imgw jl_radus_e">
                                                        <div class="jl_imgin">
                                                            @if ($articleImage && $articleImage->file_url)
                                                                <img loading="lazy" decoding="async" width="680" height="453" src="{{ $articleImage->file_url }}" class="attachment-bopea_layouts size-bopea_layouts jl-lazyload wp-post-image lazyloaded" alt="{{ $articleImage->alt_text ?? $article->title }}">
                                                            @endif
                                                        </div>
                                                        <a class="jl_imgl" aria-label="{{ $article->title }}" href="{{ $articleUrl }}"></a>
                                                    </div>
                                                </div>
                                                <div class="jl_fe_text jl_nun_i">
                                                    <span class="jl_nun_d"></span>
                                                    @if ($article->section)
                                                        <span class="jl_f_cat jl_lb1"><a class="jl_cat_txt jl_cat20" href="/{{ $article->section->slug }}"><span>{{ $article->section->name }}</span></a></span>
                                                    @endif
                                                    <h2 class="h2 jl_fe_title jl_txt_2row"><a href="{{ $articleUrl }}">{{ $article->title }}</a></h2>
                                                    @if ($article->headline || $article->excerpt)
                                                        <p class="jl_fe_des">{{ Str::limit($article->headline ?? ($article->excerpt ?? ''), 150) }}</p>
                                                    @endif
                                                    <span class="jl_post_meta">
                                                        <span class="jl_author_img_w">
                                                            <span class="jl_aimg_in">
                                                                <img loading="lazy" decoding="async" src="{{ $authorAvatar }}" width="50" height="50" alt="{{ $authorName }}" class="avatar avatar-50 wp-user-avatar wp-user-avatar-50 alignnone photo lazyloaded">
                                                            </span>
                                                            <a href="#" title="Posts by {{ $authorName }}" rel="author">{{ $authorName }}</a>
                                                        </span>
                                                        <span class="post-read-time"><i class="jli-timer"></i>{{ $readingTime }} Mins read</span>
                                                        <span class="jl_fot_share_i jl_share_l_bg jls_tooltip">
                                                            <i class="jli-share"></i>
                                                            <span class="jls_tooltip_w jls_tooltip-top">
                                                                <span class="jls_tooltiptext">
                                                                    <span class="jls_tooltip_in">
                                                                        <span class="jl_sli_in">
                                                                            <span class="jl_sli_fb jl_shli"><a class="jl_sshl" href="https://www.facebook.com/sharer.php?u={{ $shareUrl }}" rel="nofollow" alt="facebook"><i class="jli-facebook"></i></a></span>
                                                                            <span class="jl_sli_tw jl_shli"><a class="jl_sshl" href="https://twitter.com/intent/tweet?text={{ $shareTitle }}&url={{ $shareUrl }}" rel="nofollow" alt="twitter"><i class="jli-x"></i></a></span>
                                                                            <span class="jl_sli_pi jl_shli"><a class="jl_sshl" href="https://pinterest.com/pin/create/bookmarklet/?url={{ $shareUrl }}&media={{ $shareImage }}&description={{ $shareTitle }}" rel="nofollow" alt="pinterest"><i class="jli-pinterest"></i></a></span>
                                                                            <span class="jl_sli_din jl_shli"><a class="jl_sshl" href="https://www.linkedin.com/shareArticle?url={{ $shareUrl }}" rel="nofollow" alt="linkedin"><i class="jli-linkedin"></i></a></span>
                                                                            <span class="jl_sli_wapp jl_shli"><a class="jl_sshl" href="https://api.whatsapp.com/send?text={{ $shareTitle }} {{ $shareUrl }}" data-action="share/whatsapp/share" rel="nofollow" alt="whatsapp"><i class="jli-whatsapp"></i></a></span>
                                                                        </span>
                                                                    </span>
                                                                </span>
                                                            </span>
                                                        </span>
                                                    </span>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Bloco "Stories for you" com feature-video --}}
            <div class="elementor-element elementor-element-6efc0e55 e-flex e-con-boxed e-con e-parent" data-id="6efc0e55" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
                <div class="e-con-inner">
                    <div class="elementor-element elementor-element-d57369b elementor-widget elementor-widget-bopea-section-title" data-id="d57369b" data-element_type="widget" data-widget_type="bopea-section-title.default">
                        <div class="elementor-widget-container">
                            <div class="jlcus_sec_title jl_sec_style13 jl_secf_title jl_secb_menu no">
                                <div class="jlcus_sect_inner">
                                    <h2 class="jl-heading-text">
                                        <span class="jl_ttw">Stories for you</span><i class="jli-tarrow"></i>
                                    </h2>
                                    <p class="jl_sct_bt">
                                        <a href="#" class="jlopt-text-link">
                                            <span class="jl_bt_inner">
                                                <span>Find more</span>
                                                <i class="jli-carrow"></i>
                                            </span>
                                        </a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{-- Feature Video Block - placeholder, pode ser implementado depois se necessário --}}
                    <div class="elementor-element elementor-element-d2e7817 elementor-widget elementor-widget-bopea-feature-video" data-id="d2e7817" data-element_type="widget" data-widget_type="bopea-feature-video.default">
                        <div class="elementor-widget-container">
                            {{-- Video block placeholder --}}
                        </div>
                    </div>
                </div>
            </div>

            {{-- Bloco "Lifestyle blogs" com large-post e list-post --}}
            <div class="elementor-element elementor-element-321e4677 e-flex e-con-boxed e-con e-parent" data-id="321e4677" data-element_type="container">
                <div class="e-con-inner">
                    <div class="elementor-element elementor-element-28c623b7 e-con-full e-flex e-con e-child" data-id="28c623b7" data-element_type="container">
                        <div class="elementor-element elementor-element-62bc68ca elementor-widget elementor-widget-bopea-section-title" data-id="62bc68ca" data-element_type="widget" data-widget_type="bopea-section-title.default">
                            <div class="elementor-widget-container">
                                <div class="jlcus_sec_title jl_sec_style13 jl_secf_title jl_secb_menu no">
                                    <div class="jlcus_sect_inner">
                                        <h2 class="jl-heading-text">
                                            <span class="jl_ttw">Lifestyle blogs</span><i class="jli-tarrow"></i>
                                        </h2>
                                        <p class="jl_sct_bt">
                                            <a href="#" class="jlopt-text-link">
                                                <span class="jl_bt_inner">
                                                    <span>Find more</span>
                                                    <i class="jli-carrow"></i>
                                                </span>
                                            </a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- Large Post Block --}}
                        <div class="elementor-element elementor-element-e060b94 elementor-widget elementor-widget-bopea-large-post" data-id="e060b94" data-element_type="widget" data-widget_type="bopea-large-post.default">
                            <div class="elementor-widget-container">
                                @php
                                    $largePost = $featuredOffset5->skip(4)->first() ?? $latestNews->skip(4)->first();
                                @endphp
                                @if ($largePost)
                                    @php
                                        $articleImage = $largePost->topImage ?? $largePost->featuredImage;
                                        $articleUrl = "/{$largePost->slug}";
                                        $shareUrl = urlencode(url($articleUrl));
                                        $shareTitle = urlencode($largePost->title);
                                        $shareImage = urlencode($articleImage?->file_url ?? '');
                                        $readingTime = calculateReadingTime($largePost->body);
                                        $authorName = $largePost->authorUser?->name ?? ($largePost->author_name ?? ($largePost->author ?? 'Redação'));
                                        $authorAvatar = $largePost->authorUser?->avatar_url ?? '/assets/theme/v6/images/profile_1-120x120.jpeg';
                                    @endphp
                                    <div class="jl_clear_at block-section jl-main-block" data-blockid="blockid_e060b94" data-section_style="large_layout2" data-post_type="post" data-post_type_tax="none" data-page_max="50" data-page_current="1" data-author="none" data-order="date_post" data-posts_per_page="1" data-offset="16" data-tabs_link="none">
                                        <div class="jl_l_wrap_f jl_wrap_eb jl_clear_at">
                                            <div class="jl-roww jl_contain jl_lg_opt jl-col-row">
                                                <div class="jl_lg_op jl_lg_l2 jl_lasep">
                                                    <div class="jl_lg_op_in">
                                                        <div class="jl_ov_layout jl_ov_el jl_ov_mh">
                                                            <div class="jl_img_holder">
                                                                <div class="jl_imgw">
                                                                    <div class="jl_imgin">
                                                                        @if ($articleImage && $articleImage->file_url)
                                                                            <img loading="lazy" decoding="async" width="680" height="453" src="{{ $articleImage->file_url }}" class="attachment-bopea_layouts size-bopea_layouts jl-lazyload wp-post-image lazyloaded" alt="{{ $articleImage->alt_text ?? $largePost->title }}">
                                                                        @endif
                                                                    </div>
                                                                    <a class="jl_imgl" aria-label="{{ $largePost->title }}" href="{{ $articleUrl }}"></a>
                                                                </div>
                                                            </div>
                                                            <div class="jl_fe_text">
                                                                <div class="jl_fe_inner">
                                                                    @if ($largePost->section)
                                                                        <span class="jl_f_cat jl_lb3"><a class="jl_cat_lbl jl_cat17" href="/{{ $largePost->section->slug }}"><span>{{ $largePost->section->name }}</span></a></span>
                                                                    @endif
                                                                    <h3 class="jl_fe_title jl_txt_2row"><a href="{{ $articleUrl }}">{{ $largePost->title }}</a></h3>
                                                                    @if ($largePost->headline || $largePost->excerpt)
                                                                        <p class="jl_fe_des">{{ Str::limit($largePost->headline ?? ($largePost->excerpt ?? ''), 150) }}</p>
                                                                    @endif
                                                                    <span class="jl_post_meta">
                                                                        <span class="jl_author_img_w">
                                                                            <span class="jl_aimg_in">
                                                                                <img loading="lazy" decoding="async" src="{{ $authorAvatar }}" width="50" height="50" alt="{{ $authorName }}" class="avatar avatar-50 wp-user-avatar wp-user-avatar-50 alignnone photo lazyloaded">
                                                                            </span>
                                                                            <a href="#" title="Posts by {{ $authorName }}" rel="author">{{ $authorName }}</a>
                                                                        </span>
                                                                        <span class="post-read-time"><i class="jli-timer"></i>{{ $readingTime }} Mins read</span>
                                                                        <span class="jl_fot_share_i jl_share_l_bg jls_tooltip">
                                                                            <i class="jli-share"></i>
                                                                            <span class="jls_tooltip_w jls_tooltip-top">
                                                                                <span class="jls_tooltiptext">
                                                                                    <span class="jls_tooltip_in">
                                                                                        <span class="jl_sli_in">
                                                                                            <span class="jl_sli_fb jl_shli"><a class="jl_sshl" href="https://www.facebook.com/sharer.php?u={{ $shareUrl }}" rel="nofollow" alt="facebook"><i class="jli-facebook"></i></a></span>
                                                                                            <span class="jl_sli_tw jl_shli"><a class="jl_sshl" href="https://twitter.com/intent/tweet?text={{ $shareTitle }}&url={{ $shareUrl }}" rel="nofollow" alt="twitter"><i class="jli-x"></i></a></span>
                                                                                            <span class="jl_sli_pi jl_shli"><a class="jl_sshl" href="https://pinterest.com/pin/create/bookmarklet/?url={{ $shareUrl }}&media={{ $shareImage }}&description={{ $shareTitle }}" rel="nofollow" alt="pinterest"><i class="jli-pinterest"></i></a></span>
                                                                                            <span class="jl_sli_din jl_shli"><a class="jl_sshl" href="https://www.linkedin.com/shareArticle?url={{ $shareUrl }}" rel="nofollow" alt="linkedin"><i class="jli-linkedin"></i></a></span>
                                                                                            <span class="jl_sli_wapp jl_shli"><a class="jl_sshl" href="https://api.whatsapp.com/send?text={{ $shareTitle }} {{ $shareUrl }}" data-action="share/whatsapp/share" rel="nofollow" alt="whatsapp"><i class="jli-whatsapp"></i></a></span>
                                                                                        </span>
                                                                                    </span>
                                                                                </span>
                                                                            </span>
                                                                        </span>
                                                                    </span>
                                                                    <a href="{{ $articleUrl }}" aria-label="{{ $largePost->title }}" class="jl_cap_ov"></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                        {{-- List Post Block --}}
                        <div class="elementor-element elementor-element-7fc9e696 elementor-widget elementor-widget-bopea-list-post" data-id="7fc9e696" data-element_type="widget" data-widget_type="bopea-list-post.default">
                            <div class="elementor-widget-container">
                                <div class="block-section jl-main-block jl_hide_line jl_en_fr jl_frli" data-blockid="blockid_7fc9e696" data-section_style="jl_m_list" data-post_type="post" data-post_type_tax="none" data-page_max="10" data-page_current="1" data-author="none" data-order="date_post" data-posts_per_page="5" data-offset="18" data-tabs_link="none">
                                    <div class="jl_cw_wrap_f jl_clear_at">
                                        <div class="jl_main_list_cw jl_wrap_eb jl_clear_at jl_lm_list">
                                            <div class="jl-roww jl_contain jl_fli_wrap jl-col-row">
                                                @php
                                                    $listPosts = $latestNews->skip(8)->take(5);
                                                @endphp
                                                @foreach ($listPosts as $article)
                                                    @php
                                                        $articleImage = $article->topImage ?? $article->featuredImage;
                                                        $articleUrl = "/{$article->slug}";
                                                        $shareUrl = urlencode(url($articleUrl));
                                                        $shareTitle = urlencode($article->title);
                                                        $shareImage = urlencode($articleImage?->file_url ?? '');
                                                        $readingTime = calculateReadingTime($article->body);
                                                        $authorName = $article->authorUser?->name ?? ($article->author_name ?? ($article->author ?? 'Redação'));
                                                        $authorAvatar = $article->authorUser?->avatar_url ?? '/assets/theme/v6/images/profile_1-120x120.jpeg';
                                                    @endphp
                                                    <div class="jl_clist_layout jl_lisep jl_frsha">
                                                        <div class="jl_li_in">
                                                            <div class="jl_img_holder">
                                                                <div class="jl_imgw jl_radus_e">
                                                                    <div class="jl_imgin">
                                                                        @if ($articleImage && $articleImage->file_url)
                                                                            <img loading="lazy" decoding="async" width="680" height="453" src="{{ $articleImage->file_url }}" class="attachment-bopea_layouts size-bopea_layouts jl-lazyload wp-post-image lazyloaded" alt="{{ $articleImage->alt_text ?? $article->title }}">
                                                                        @endif
                                                                    </div>
                                                                    <a class="jl_imgl" aria-label="{{ $article->title }}" href="{{ $articleUrl }}"></a>
                                                                </div>
                                                            </div>
                                                            <div class="jl_fe_text">
                                                                @if ($article->section)
                                                                    <span class="jl_f_cat jl_lb3"><a class="jl_cat_lbl jl_cat17" href="/{{ $article->section->slug }}"><span>{{ $article->section->name }}</span></a></span>
                                                                @endif
                                                                <h2 class="h3 jl_fe_title jl_txt_2row"><a href="{{ $articleUrl }}">{{ $article->title }}</a></h2>
                                                                @if ($article->headline || $article->excerpt)
                                                                    <p class="jl_fe_des">{{ Str::limit($article->headline ?? ($article->excerpt ?? ''), 150) }}</p>
                                                                @endif
                                                                <span class="jl_post_meta">
                                                                    <span class="jl_author_img_w">
                                                                        <span class="jl_aimg_in">
                                                                            <img loading="lazy" decoding="async" src="{{ $authorAvatar }}" width="50" height="50" alt="{{ $authorName }}" class="avatar avatar-50 wp-user-avatar wp-user-avatar-50 alignnone photo lazyloaded">
                                                                        </span>
                                                                        <a href="#" title="Posts by {{ $authorName }}" rel="author">{{ $authorName }}</a>
                                                                    </span>
                                                                    <span class="post-read-time"><i class="jli-timer"></i>{{ $readingTime }} Mins read</span>
                                                                    <span class="jl_fot_share_i jl_share_l_bg jls_tooltip">
                                                                        <i class="jli-share"></i>
                                                                        <span class="jls_tooltip_w jls_tooltip-top">
                                                                            <span class="jls_tooltiptext">
                                                                                <span class="jls_tooltip_in">
                                                                                    <span class="jl_sli_in">
                                                                                        <span class="jl_sli_fb jl_shli"><a class="jl_sshl" href="https://www.facebook.com/sharer.php?u={{ $shareUrl }}" rel="nofollow" alt="facebook"><i class="jli-facebook"></i></a></span>
                                                                                        <span class="jl_sli_tw jl_shli"><a class="jl_sshl" href="https://twitter.com/intent/tweet?text={{ $shareTitle }}&url={{ $shareUrl }}" rel="nofollow" alt="twitter"><i class="jli-x"></i></a></span>
                                                                                        <span class="jl_sli_pi jl_shli"><a class="jl_sshl" href="https://pinterest.com/pin/create/bookmarklet/?url={{ $shareUrl }}&media={{ $shareImage }}&description={{ $shareTitle }}" rel="nofollow" alt="pinterest"><i class="jli-pinterest"></i></a></span>
                                                                                        <span class="jl_sli_din jl_shli"><a class="jl_sshl" href="https://www.linkedin.com/shareArticle?url={{ $shareUrl }}" rel="nofollow" alt="linkedin"><i class="jli-linkedin"></i></a></span>
                                                                                        <span class="jl_sli_wapp jl_shli"><a class="jl_sshl" href="https://api.whatsapp.com/send?text={{ $shareTitle }} {{ $shareUrl }}" data-action="share/whatsapp/share" rel="nofollow" alt="whatsapp"><i class="jli-whatsapp"></i></a></span>
                                                                                    </span>
                                                                                </span>
                                                                            </span>
                                                                        </span>
                                                                    </span>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Bloco "Worldwide news" com feature-layout7 --}}
            <div class="elementor-element elementor-element-796b0bab e-flex e-con-boxed e-con e-parent" data-id="796b0bab" data-element_type="container">
                <div class="e-con-inner">
                    <div class="elementor-element elementor-element-6d8b9c86 elementor-widget elementor-widget-bopea-section-title" data-id="6d8b9c86" data-element_type="widget" data-widget_type="bopea-section-title.default">
                        <div class="elementor-widget-container">
                            <div class="jlcus_sec_title jl_sec_style13 jl_secf_title jl_secb_menu no">
                                <div class="jlcus_sect_inner">
                                    <h2 class="jl-heading-text">
                                        <span class="jl_ttw">Worldwide news</span><i class="jli-tarrow"></i>
                                    </h2>
                                    <p class="jl_sct_bt">
                                        <a href="#" class="jlopt-text-link">
                                            <span class="jl_bt_inner">
                                                <span>Find more</span>
                                                <i class="jli-carrow"></i>
                                            </span>
                                        </a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="elementor-element elementor-element-017bfba elementor-widget elementor-widget-bopea-feature-layout7" data-id="017bfba" data-element_type="widget" data-widget_type="bopea-feature-layout7.default">
                        <div class="elementor-widget-container">
                            <div id="blockid_017bfba" class="block-section jl-main-block jl_hide_col_line jl_en_fr jl_frg">
                                <div class="jl_mb_wrap_f jl_clear_at">
                                    <div class="jl-roww jl_contain jl-col-row">
                                        <div class="jl_fr7_wrap">
                                            <div class="jl_fr7_inner">
                                                @php
                                                    $fr7Main = $featuredOffset5->skip(5)->first() ?? $latestNews->skip(13)->first();
                                                @endphp
                                                @if ($fr7Main)
                                                    @php
                                                        $articleImage = $fr7Main->topImage ?? $fr7Main->featuredImage;
                                                        $articleUrl = "/{$fr7Main->slug}";
                                                        $shareUrl = urlencode(url($articleUrl));
                                                        $shareTitle = urlencode($fr7Main->title);
                                                        $shareImage = urlencode($articleImage?->file_url ?? '');
                                                        $readingTime = calculateReadingTime($fr7Main->body);
                                                        $authorName = $fr7Main->authorUser?->name ?? ($fr7Main->author_name ?? ($fr7Main->author ?? 'Redação'));
                                                        $authorAvatar = $fr7Main->authorUser?->avatar_url ?? '/assets/theme/v6/images/profile_1-120x120.jpeg';
                                                    @endphp
                                                    <div class="jl_p_fr7 jl_m_fr7 jl_frsha">
                                                        <div class="jl_m_fr7_inner">
                                                            <div class="jl_imgw jl_radus_e">
                                                                <div class="jl_imgin">
                                                                    @if ($articleImage && $articleImage->file_url)
                                                                        <img loading="lazy" decoding="async" width="1100" height="733" src="{{ $articleImage->file_url }}" class="attachment-bopea_medium size-bopea_medium jl-lazyload wp-post-image lazyloaded" alt="{{ $articleImage->alt_text ?? $fr7Main->title }}">
                                                                    @endif
                                                                </div>
                                                                <a class="jl_imgl" aria-label="{{ $fr7Main->title }}" href="{{ $articleUrl }}"></a>
                                                            </div>
                                                            <div class="jl_fe_text">
                                                                @if ($fr7Main->section)
                                                                    <span class="jl_f_cat jl_lb1"><a class="jl_cat_txt jl_cat16" href="/{{ $fr7Main->section->slug }}"><span>{{ $fr7Main->section->name }}</span></a></span>
                                                                @endif
                                                                <h2 class="h2 jl_fe_title jl_txt_2row"><a href="{{ $articleUrl }}">{{ $fr7Main->title }}</a></h2>
                                                                @if ($fr7Main->headline || $fr7Main->excerpt)
                                                                    <p class="jl_fe_des">{{ Str::limit($fr7Main->headline ?? ($fr7Main->excerpt ?? ''), 150) }}</p>
                                                                @endif
                                                                <span class="jl_post_meta">
                                                                    <span class="jl_author_img_w">
                                                                        <span class="jl_aimg_in">
                                                                            <img loading="lazy" decoding="async" src="{{ $authorAvatar }}" width="50" height="50" alt="{{ $authorName }}" class="avatar avatar-50 wp-user-avatar wp-user-avatar-50 alignnone photo lazyloaded">
                                                                        </span>
                                                                        <a href="#" title="Posts by {{ $authorName }}" rel="author">{{ $authorName }}</a>
                                                                    </span>
                                                                    <span class="post-read-time"><i class="jli-timer"></i>{{ $readingTime }} Mins read</span>
                                                                    <span class="jl_fot_share_i jl_share_l_bg jls_tooltip">
                                                                        <i class="jli-share"></i>
                                                                        <span class="jls_tooltip_w jls_tooltip-top">
                                                                            <span class="jls_tooltiptext">
                                                                                <span class="jls_tooltip_in">
                                                                                    <span class="jl_sli_in">
                                                                                        <span class="jl_sli_fb jl_shli"><a class="jl_sshl" href="https://www.facebook.com/sharer.php?u={{ $shareUrl }}" rel="nofollow" alt="facebook"><i class="jli-facebook"></i></a></span>
                                                                                        <span class="jl_sli_tw jl_shli"><a class="jl_sshl" href="https://twitter.com/intent/tweet?text={{ $shareTitle }}&url={{ $shareUrl }}" rel="nofollow" alt="twitter"><i class="jli-x"></i></a></span>
                                                                                        <span class="jl_sli_pi jl_shli"><a class="jl_sshl" href="https://pinterest.com/pin/create/bookmarklet/?url={{ $shareUrl }}&media={{ $shareImage }}&description={{ $shareTitle }}" rel="nofollow" alt="pinterest"><i class="jli-pinterest"></i></a></span>
                                                                                        <span class="jl_sli_din jl_shli"><a class="jl_sshl" href="https://www.linkedin.com/shareArticle?url={{ $shareUrl }}" rel="nofollow" alt="linkedin"><i class="jli-linkedin"></i></a></span>
                                                                                        <span class="jl_sli_wapp jl_shli"><a class="jl_sshl" href="https://api.whatsapp.com/send?text={{ $shareTitle }} {{ $shareUrl }}" data-action="share/whatsapp/share" rel="nofollow" alt="whatsapp"><i class="jli-whatsapp"></i></a></span>
                                                                                    </span>
                                                                                </span>
                                                                            </span>
                                                                        </span>
                                                                    </span>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @php
                                                        $fr7Remaining = $featuredOffset5->skip(6)->take(3) ?? $latestNews->skip(14)->take(3);
                                                    @endphp
                                                    @foreach ($fr7Remaining as $article)
                                                        @php
                                                            $articleImage = $article->topImage ?? $article->featuredImage;
                                                            $articleUrl = "/{$article->slug}";
                                                            $shareUrl = urlencode(url($articleUrl));
                                                            $shareTitle = urlencode($article->title);
                                                            $shareImage = urlencode($articleImage?->file_url ?? '');
                                                            $readingTime = calculateReadingTime($article->body);
                                                            $authorName = $article->authorUser?->name ?? ($article->author_name ?? ($article->author ?? 'Redação'));
                                                            $authorAvatar = $article->authorUser?->avatar_url ?? '/assets/theme/v6/images/profile_1-120x120.jpeg';
                                                        @endphp
                                                        <div class="jl_p_fr7 jl_cgrid_layout jl_frsha jl_sm_mt">
                                                            <div class="jl_imgw jl_radus_e">
                                                                <div class="jl_imgin">
                                                                    @if ($articleImage && $articleImage->file_url)
                                                                        <img loading="lazy" decoding="async" width="680" height="453" src="{{ $articleImage->file_url }}" class="attachment-bopea_layouts size-bopea_layouts jl-lazyload wp-post-image lazyloaded" alt="{{ $articleImage->alt_text ?? $article->title }}">
                                                                    @endif
                                                                </div>
                                                                <a class="jl_imgl" aria-label="{{ $article->title }}" href="{{ $articleUrl }}"></a>
                                                            </div>
                                                            <div class="jl_fe_text">
                                                                @if ($article->section)
                                                                    <span class="jl_f_cat jl_lb1"><a class="jl_cat_txt jl_cat20" href="/{{ $article->section->slug }}"><span>{{ $article->section->name }}</span></a></span>
                                                                @endif
                                                                <h3 class="h3 jl_fe_title jl_txt_2row"><a href="{{ $articleUrl }}">{{ $article->title }}</a></h3>
                                                                <span class="jl_post_meta">
                                                                    <span class="jl_author_img_w">
                                                                        <span class="jl_aimg_in">
                                                                            <img loading="lazy" decoding="async" src="{{ $authorAvatar }}" width="50" height="50" alt="{{ $authorName }}" class="avatar avatar-50 wp-user-avatar wp-user-avatar-50 alignnone photo lazyloaded">
                                                                        </span>
                                                                        <a href="#" title="Posts by {{ $authorName }}" rel="author">{{ $authorName }}</a>
                                                                    </span>
                                                                    <span class="post-read-time"><i class="jli-timer"></i>{{ $readingTime }} Mins read</span>
                                                                    <span class="jl_fot_share_i jl_share_l_bg jls_tooltip">
                                                                        <i class="jli-share"></i>
                                                                        <span class="jls_tooltip_w jls_tooltip-top">
                                                                            <span class="jls_tooltiptext">
                                                                                <span class="jls_tooltip_in">
                                                                                    <span class="jl_sli_in">
                                                                                        <span class="jl_sli_fb jl_shli"><a class="jl_sshl" href="https://www.facebook.com/sharer.php?u={{ $shareUrl }}" rel="nofollow" alt="facebook"><i class="jli-facebook"></i></a></span>
                                                                                        <span class="jl_sli_tw jl_shli"><a class="jl_sshl" href="https://twitter.com/intent/tweet?text={{ $shareTitle }}&url={{ $shareUrl }}" rel="nofollow" alt="twitter"><i class="jli-x"></i></a></span>
                                                                                        <span class="jl_sli_pi jl_shli"><a class="jl_sshl" href="https://pinterest.com/pin/create/bookmarklet/?url={{ $shareUrl }}&media={{ $shareImage }}&description={{ $shareTitle }}" rel="nofollow" alt="pinterest"><i class="jli-pinterest"></i></a></span>
                                                                                        <span class="jl_sli_din jl_shli"><a class="jl_sshl" href="https://www.linkedin.com/shareArticle?url={{ $shareUrl }}" rel="nofollow" alt="linkedin"><i class="jli-linkedin"></i></a></span>
                                                                                        <span class="jl_sli_wapp jl_shli"><a class="jl_sshl" href="https://api.whatsapp.com/send?text={{ $shareTitle }} {{ $shareUrl }}" data-action="share/whatsapp/share" rel="nofollow" alt="whatsapp"><i class="jli-whatsapp"></i></a></span>
                                                                                    </span>
                                                                                </span>
                                                                            </span>
                                                                        </span>
                                                                    </span>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Bloco Social List e Grid Overlay --}}
            <div class="elementor-element elementor-element-55218521 e-flex e-con-boxed e-con e-parent" data-id="55218521" data-element_type="container">
                <div class="e-con-inner">
                    <div class="elementor-element elementor-element-6794a218 e-flex e-con-boxed e-con e-child" data-id="6794a218" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
                        <div class="e-con-inner">
                            <div class="elementor-element elementor-element-1011323a e-flex e-con-boxed e-con e-child" data-id="1011323a" data-element_type="container">
                                <div class="e-con-inner">
                                    <div class="elementor-element elementor-element-15163281 e-con-full e-flex e-con e-child" data-id="15163281" data-element_type="container">
                                        {{-- Social List Block - placeholder --}}
                                        <div class="elementor-element elementor-element-526b1d00 elementor-widget elementor-widget-bopea-social-list" data-id="526b1d00" data-element_type="widget" data-widget_type="bopea-social-list.default">
                                            <div class="elementor-widget-container">
                                                {{-- Social links placeholder --}}
                                            </div>
                                        </div>
                                        {{-- Section Title "Explore more" --}}
                                        <div class="elementor-element elementor-element-13314e81 elementor-widget elementor-widget-bopea-section-title" data-id="13314e81" data-element_type="widget" data-widget_type="bopea-section-title.default">
                                            <div class="elementor-widget-container">
                                                <div class="jlcus_sec_title jl_sec_style13 jl_secf_title">
                                                    <div class="jlcus_sect_inner">
                                                        <h2 class="jl-heading-text">
                                                            <span class="jl_ttw">Explore more</span>
                                                        </h2>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        {{-- Grid Overlay Block --}}
                                        <div class="elementor-element elementor-element-3658eeb elementor-widget elementor-widget-bopea-grid-overlay" data-id="3658eeb" data-element_type="widget" data-widget_type="bopea-grid-overlay.default">
                                            <div class="elementor-widget-container">
                                                @php
                                                    $overlayPost = $featuredOffset5->skip(9)->first() ?? $latestNews->skip(17)->first();
                                                @endphp
                                                @if ($overlayPost)
                                                    @php
                                                        $articleImage = $overlayPost->topImage ?? $overlayPost->featuredImage;
                                                        $articleUrl = "/{$overlayPost->slug}";
                                                        $shareUrl = urlencode(url($articleUrl));
                                                        $shareTitle = urlencode($overlayPost->title);
                                                        $shareImage = urlencode($articleImage?->file_url ?? '');
                                                        $readingTime = calculateReadingTime($overlayPost->body);
                                                        $authorName = $overlayPost->authorUser?->name ?? ($overlayPost->author_name ?? ($overlayPost->author ?? 'Redação'));
                                                        $authorAvatar = $overlayPost->authorUser?->avatar_url ?? '/assets/theme/v6/images/profile_1-120x120.jpeg';
                                                    @endphp
                                                    <div class="block-section jl-main-block" data-blockid="blockid_3658eeb" data-section_style="jl_mgrid_overlay" data-post_type="post" data-post_type_tax="none" data-page_max="50" data-page_current="1" data-author="none" data-order="date_post" data-posts_per_page="1" data-offset="13" data-tabs_link="none">
                                                        <div class="jl_grid_overlay jl_clear_at">
                                                            <div class="jl_wrap_eb jl_clear_at">
                                                                <div class="jl-roww jl_contain jl_cgrid_wrap jl_ovg_w jl-col-row">
                                                                    <div class="jl_ov_layout jl_ov_el jl_ov_mh jl_sm_mt">
                                                                        <div class="jl_img_holder">
                                                                            <div class="jl_imgw">
                                                                                <div class="jl_imgin">
                                                                                    @if ($articleImage && $articleImage->file_url)
                                                                                        <img loading="lazy" decoding="async" width="680" height="453" src="{{ $articleImage->file_url }}" class="attachment-bopea_layouts size-bopea_layouts jl-lazyload wp-post-image lazyloaded" alt="{{ $articleImage->alt_text ?? $overlayPost->title }}">
                                                                                    @endif
                                                                                </div>
                                                                                <a class="jl_imgl" aria-label="{{ $overlayPost->title }}" href="{{ $articleUrl }}"></a>
                                                                            </div>
                                                                        </div>
                                                                        <div class="jl_fe_text">
                                                                            <div class="jl_fe_inner">
                                                                                @if ($overlayPost->section)
                                                                                    <span class="jl_f_cat jl_lb3"><a class="jl_cat_lbl jl_cat19" href="/{{ $overlayPost->section->slug }}"><span>{{ $overlayPost->section->name }}</span></a></span>
                                                                                @endif
                                                                                <h2 class="h2 jl_fe_title jl_txt_2row"><a href="{{ $articleUrl }}">{{ $overlayPost->title }}</a></h2>
                                                                                <span class="jl_post_meta">
                                                                                    <span class="jl_author_img_w">
                                                                                        <span class="jl_aimg_in">
                                                                                            <img loading="lazy" decoding="async" src="{{ $authorAvatar }}" width="50" height="50" alt="{{ $authorName }}" class="avatar avatar-50 wp-user-avatar wp-user-avatar-50 alignnone photo lazyloaded">
                                                                                        </span>
                                                                                        <a href="#" title="Posts by {{ $authorName }}" rel="author">{{ $authorName }}</a>
                                                                                    </span>
                                                                                    <span class="post-read-time"><i class="jli-timer"></i>{{ $readingTime }} Mins read</span>
                                                                                    <span class="jl_fot_share_i jl_share_l_bg jls_tooltip">
                                                                                        <i class="jli-share"></i>
                                                                                        <span class="jls_tooltip_w jls_tooltip-top">
                                                                                            <span class="jls_tooltiptext">
                                                                                                <span class="jls_tooltip_in">
                                                                                                    <span class="jl_sli_in">
                                                                                                        <span class="jl_sli_fb jl_shli"><a class="jl_sshl" href="https://www.facebook.com/sharer.php?u={{ $shareUrl }}" rel="nofollow" alt="facebook"><i class="jli-facebook"></i></a></span>
                                                                                                        <span class="jl_sli_tw jl_shli"><a class="jl_sshl" href="https://twitter.com/intent/tweet?text={{ $shareTitle }}&url={{ $shareUrl }}" rel="nofollow" alt="twitter"><i class="jli-x"></i></a></span>
                                                                                                        <span class="jl_sli_pi jl_shli"><a class="jl_sshl" href="https://pinterest.com/pin/create/bookmarklet/?url={{ $shareUrl }}&media={{ $shareImage }}&description={{ $shareTitle }}" rel="nofollow" alt="pinterest"><i class="jli-pinterest"></i></a></span>
                                                                                                        <span class="jl_sli_din jl_shli"><a class="jl_sshl" href="https://www.linkedin.com/shareArticle?url={{ $shareUrl }}" rel="nofollow" alt="linkedin"><i class="jli-linkedin"></i></a></span>
                                                                                                        <span class="jl_sli_wapp jl_shli"><a class="jl_sshl" href="https://api.whatsapp.com/send?text={{ $shareTitle }} {{ $shareUrl }}" data-action="share/whatsapp/share" rel="nofollow" alt="whatsapp"><i class="jli-whatsapp"></i></a></span>
                                                                                                    </span>
                                                                                                </span>
                                                                                            </span>
                                                                                        </span>
                                                                                    </span>
                                                                                </span>
                                                                                <a href="{{ $articleUrl }}" aria-label="{{ $overlayPost->title }}" class="jl_cap_ov"></a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Bloco de anúncios adicional --}}
            <div class="elementor-element elementor-element-1aa9eff e-flex e-con-boxed e-con e-parent" data-id="1aa9eff" data-element_type="container">
                <div class="e-con-inner">
                    <div class="elementor-element elementor-element-8264b2b elementor-widget elementor-widget-bopea-section-ads-img" data-id="8264b2b" data-element_type="widget" data-widget_type="bopea-section-ads-img.default">
                        <div class="elementor-widget-container">
                            <div class="jl_ads_img_w">
                                <span class="jl_ads_title">-Sponsored-</span>
                                <div class="jl_ads_inner">
                                    @include('components.banners', ['regionCode' => 'rodape', 'isHomepage' => true])
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Bloco "Recent posts" --}}
            <div class="elementor-element elementor-element-7ec9f0a e-flex e-con-boxed e-con e-parent" data-id="7ec9f0a" data-element_type="container">
                <div class="e-con-inner">
                    <div class="elementor-element elementor-element-1e4acf2 elementor-widget elementor-widget-bopea-section-title" data-id="1e4acf2" data-element_type="widget" data-widget_type="bopea-section-title.default">
                        <div class="elementor-widget-container">
                            <div class="jlcus_sec_title jl_sec_style13 jl_secf_title jl_secb_menu no">
                                <div class="jlcus_sect_inner">
                                    <h2 class="jl-heading-text">
                                        <span class="jl_ttw">Recent posts</span><i class="jli-tarrow"></i>
                                    </h2>
                                    <p class="jl_sct_bt">
                                        <a href="#" class="jlopt-text-link">
                                            <span class="jl_bt_inner">
                                                <span>Find more</span>
                                                <i class="jli-carrow"></i>
                                            </span>
                                        </a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="elementor-element elementor-element-79a5b32 elementor-widget elementor-widget-bopea-grid-post" data-id="79a5b32" data-element_type="widget" data-widget_type="bopea-grid-post.default">
                        <div class="elementor-widget-container">
                            <div class="jl_clear_at block-section jl-main-block jl_hide_desc jl_hide_line jl_hide_col_line jl_en_fr jl_frg" data-blockid="blockid_79a5b32" data-section_style="jl_mgrid" data-post_type="post" data-post_type_tax="none" data-page_max="13" data-page_current="1" data-author="none" data-order="date_post" data-posts_per_page="4" data-offset="36" data-tabs_link="none">
                                <div class="jl_grid_wrap_f jl_wrap_eb jl_clear_at">
                                    <div class="jl-roww jl_contain jl_cgrid_wrap jl-col-row">
                                        @php
                                            $recentPosts = $latestNews->skip(18)->take(4);
                                        @endphp
                                        @foreach ($recentPosts as $article)
                                            @php
                                                $articleImage = $article->topImage ?? $article->featuredImage;
                                                $articleUrl = "/{$article->slug}";
                                                $shareUrl = urlencode(url($articleUrl));
                                                $shareTitle = urlencode($article->title);
                                                $shareImage = urlencode($articleImage?->file_url ?? '');
                                                $readingTime = calculateReadingTime($article->body);
                                                $authorName = $article->authorUser?->name ?? ($article->author_name ?? ($article->author ?? 'Redação'));
                                                $authorAvatar = $article->authorUser?->avatar_url ?? '/assets/theme/v6/images/profile_1-120x120.jpeg';
                                            @endphp
                                            <div class="jl_cgrid_layout jl_frsha jl_in_num jl_numl">
                                                <div class="jl_img_holder">
                                                    <div class="jl_imgw jl_radus_e">
                                                        <div class="jl_imgin">
                                                            @if ($articleImage && $articleImage->file_url)
                                                                <img loading="lazy" decoding="async" width="680" height="453" src="{{ $articleImage->file_url }}" class="attachment-bopea_layouts size-bopea_layouts jl-lazyload wp-post-image lazyloaded" alt="{{ $articleImage->alt_text ?? $article->title }}">
                                                            @endif
                                                        </div>
                                                        <a class="jl_imgl" aria-label="{{ $article->title }}" href="{{ $articleUrl }}"></a>
                                                    </div>
                                                </div>
                                                <div class="jl_fe_text jl_nun_i">
                                                    <span class="jl_nun_d"></span>
                                                    @if ($article->section)
                                                        <span class="jl_f_cat jl_lb1"><a class="jl_cat_txt jl_cat20" href="/{{ $article->section->slug }}"><span>{{ $article->section->name }}</span></a></span>
                                                    @endif
                                                    <h2 class="h2 jl_fe_title jl_txt_2row"><a href="{{ $articleUrl }}">{{ $article->title }}</a></h2>
                                                    @if ($article->headline || $article->excerpt)
                                                        <p class="jl_fe_des">{{ Str::limit($article->headline ?? ($article->excerpt ?? ''), 150) }}</p>
                                                    @endif
                                                    <span class="jl_post_meta">
                                                        <span class="jl_author_img_w">
                                                            <span class="jl_aimg_in">
                                                                <img loading="lazy" decoding="async" src="{{ $authorAvatar }}" width="50" height="50" alt="{{ $authorName }}" class="avatar avatar-50 wp-user-avatar wp-user-avatar-50 alignnone photo lazyloaded">
                                                            </span>
                                                            <a href="#" title="Posts by {{ $authorName }}" rel="author">{{ $authorName }}</a>
                                                        </span>
                                                        <span class="post-read-time"><i class="jli-timer"></i>{{ $readingTime }} Mins read</span>
                                                        <span class="jl_fot_share_i jl_share_l_bg jls_tooltip">
                                                            <i class="jli-share"></i>
                                                            <span class="jls_tooltip_w jls_tooltip-top">
                                                                <span class="jls_tooltiptext">
                                                                    <span class="jls_tooltip_in">
                                                                        <span class="jl_sli_in">
                                                                            <span class="jl_sli_fb jl_shli"><a class="jl_sshl" href="https://www.facebook.com/sharer.php?u={{ $shareUrl }}" rel="nofollow" alt="facebook"><i class="jli-facebook"></i></a></span>
                                                                            <span class="jl_sli_tw jl_shli"><a class="jl_sshl" href="https://twitter.com/intent/tweet?text={{ $shareTitle }}&url={{ $shareUrl }}" rel="nofollow" alt="twitter"><i class="jli-x"></i></a></span>
                                                                            <span class="jl_sli_pi jl_shli"><a class="jl_sshl" href="https://pinterest.com/pin/create/bookmarklet/?url={{ $shareUrl }}&media={{ $shareImage }}&description={{ $shareTitle }}" rel="nofollow" alt="pinterest"><i class="jli-pinterest"></i></a></span>
                                                                            <span class="jl_sli_din jl_shli"><a class="jl_sshl" href="https://www.linkedin.com/shareArticle?url={{ $shareUrl }}" rel="nofollow" alt="linkedin"><i class="jli-linkedin"></i></a></span>
                                                                            <span class="jl_sli_wapp jl_shli"><a class="jl_sshl" href="https://api.whatsapp.com/send?text={{ $shareTitle }} {{ $shareUrl }}" data-action="share/whatsapp/share" rel="nofollow" alt="whatsapp"><i class="jli-whatsapp"></i></a></span>
                                                                        </span>
                                                                    </span>
                                                                </span>
                                                            </span>
                                                        </span>
                                                    </span>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection