@if( isset( $highlights2 ) && count( $highlights2 ) )
    <div>
        <h2>{{ __('Em destaque','agif') }}</h2>
        <div class="home__highlights__cta">
            <a href="#" class="agif-button agif-button__wsymbol agif-button__wsymbol--top-right agif-button__wsymbol--green">{{ __('Ver Todos', 'agif') }}</a>
        </div>
        <div class="row">
            <div class="col-12 col-md-8">
                <a href="{!! get_permalink($highlights2[0]['detalhe']->ID) !!}">
                    <picture >
                        <source srcset="{{ App\imageResize($highlights2[0]['imagem']['url'], 600) }}, {{ App\imageResize($highlights2[0]['imagem']['url'], 1200) }} 2x" media="(min-width:376px)">
                        <img src="{{ App\imageResize($highlights2[0]['imagem']['url'], 375) }}" srcset="{{ App\imageResize($highlights2[0]['imagem']['url'], 375) }}, {{ App\imageResize($highlights2[0]['imagem']['url'], 750) }} 2x" alt="{{ $highlights2[0]['introducao'] }}">
                    </picture>
                    <div>
                    {!! $highlights2[0]['introducao'] !!}
                    </div>
                </a>
            </div>
            @foreach ( $highlights2->slice(1) as $highlight2 )
                <div class="col-12 col-md-4">
                    <div class="row no-gutters">
                        <div class="col-12">
                            <picture >
                                <source srcset="{{ App\imageResize($highlight2['imagem']['url'], 600) }}, {{ App\imageResize($highlight2['imagem']['url'], 1200) }} 2x" media="(min-width:376px)">
                                <img src="{{ App\imageResize($highlight2['imagem']['url'], 375) }}" srcset="{{ App\imageResize($highlight2['imagem']['url'], 375) }}, {{ App\imageResize($highlight2['imagem']['url'], 750) }} 2x" alt="{{ $highlight2['introducao'] }}">
                            </picture>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endif