{{-- Footer demo-accounting-2 — Usa componentes compartidos --}}
<footer id="footer" class="border-0 bg-light px-3 px-lg-5 pt-5 text-3">
    <div class="container">
        {{-- Logo --}}
        <div class="row align-items-center pb-4 mb-2">
            <div class="col text-center text-lg-start">
                <a href="{{ front_homepage_url() }}">
                    <img alt="{{ config('site.assets.main_logo_alt', config('site.name')) }}" width="160" src="{{ site_asset_url('footer_logo') ?: site_asset_url('main_logo') }}" loading="lazy">
                </a>
            </div>
        </div>
        {{-- Tagline & Contact Info --}}
        <div class="row align-items-center pb-3">
            <div class="col-lg-6 text-center text-lg-start">
                <h2 class="text-10 text-lg-12 font-weight-semibold line-height-2 text-dark">
                    {{ config('site.footer.tagline', config('site.tagline', '')) }}
                    @if(config('site.footer.tagline_highlight'))
                        <span class="text-color-primary">{{ config('site.footer.tagline_highlight') }}</span>
                    @endif
                    {{ config('site.footer.tagline_suffix', '') }}
                    @if(config('site.footer.tagline_emphasis'))
                        <em class="p-relative z-index-1 fst-normal">
                            {{ config('site.footer.tagline_emphasis') }}
                            <span class="appear-animation" data-appear-animation="highlightScribble1">
                                <svg class="highlight-scribble-1" viewBox="0 0 760 60" preserveAspectRatio="none">
                                    <path d="M19,49C75.19,30.63,152,21,317.26,17.27c55.43-.41,198.33-2.08,407.85,12.53" stroke="#212529" pathLength="1" stroke-width="14" fill="none"></path>
                                </svg>
                            </span>
                        </em>
                    @endif
                </h2>
            </div>
            <div class="col-lg-6">
                <div class="d-flex flex-column flex-lg-row justify-content-lg-end py-4 align-items-center">
                    @if(config('site.contact.phone'))
                    <div class="pe-4">
                        <div class="feature-box feature-box-secondary align-items-center">
                            <div class="feature-box-icon feature-box-icon-lg p-static bg-transparent w-auto ps-0 pe-1">
                                <img src="{{ asset('template/img/icons/phone-2.svg') }}" width="30" height="30" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}" />
                            </div>
                            <div class="feature-box-info ps-2">
                                <strong class="d-block text-uppercase p-relative top-2" style="color: var(--quaternary);">{{ config('site.contact.phone_label', __('Llamame')) }}</strong>
                                <a href="tel:{{ config('site.contact.phone') }}" class="text-decoration-none font-secondary text-5 font-weight-semibold text-color-hover-primary transition-2ms negative-ls-05 ws-nowrap p-relative bottom-2" style="color: var(--light);">
                                    {{ config('site.contact.phone') }}
                                </a>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(config('site.contact.email'))
                    <div class="pt-4 pt-lg-0 pe-0">
                        <div class="feature-box feature-box-secondary align-items-center">
                            <div class="feature-box-icon feature-box-icon-lg p-static bg-transparent w-auto ps-0 pe-1">
                                <img src="{{ asset('template/img/icons/email.svg') }}" width="30" height="30" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}" />
                            </div>
                            <div class="feature-box-info ps-2">
                                <strong class="d-block text-uppercase p-relative top-2" style="color: var(--quaternary);">{{ config('site.contact.email_label', __('Enviame un email')) }}</strong>
                                <a href="mailto:{{ config('site.contact.email') }}" class="text-decoration-none font-secondary text-5 font-weight-semibold text-color-hover-primary transition-2ms negative-ls-05 ws-nowrap p-relative bottom-2" style="color: var(--light);">
                                    {{ config('site.contact.email') }}
                                </a>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    {{-- Footer Content --}}
    <div class="container pb-lg-4 pt-3">
        <div class="row pt-3">
            {{-- About + Social --}}
            <div class="col-lg-4 pe-lg-5 text-center text-lg-start mb-4 mb-lg-0">
                <h4 class="text-color-dark font-weight-bold mb-3">{{ config('site.footer.about_title', __('Sobre Mí')) }}</h4>
                <p class="text-3-5 text-color-grey">
                    {{ config('site.footer.description', config('site.description', '')) }}
                </p>
                <x-social-icons size="md" />
            </div>
            {{-- Navigation --}}
            <div class="col-12 col-lg-2 pt-4 pt-lg-0 mb-4 mb-lg-0">
                <x-footer-nav :limit="5" list-classes="d-flex flex-column align-items-center align-items-lg-start" />
            </div>
            {{-- Explore (secondary nav from active modules) --}}
            <div class="col-12 col-lg-3 pt-4 pt-lg-0 text-center text-lg-start mb-4 mb-lg-0">
                <h4 class="text-color-dark font-weight-bold mb-3">{{ config('site.footer.modulos_principales_title', __('Explorar')) }}</h4>
                @php
                    $exploreNav = get_dynamic_navigation('footer');
                @endphp
                <ul class="list list-unstyled">
                    @foreach($exploreNav as $key => $item)
                        @if($item['active'] && !in_array($key, ['home', 'inicio']))
                            <li><a href="{{ $item['url'] }}" class="text-color-grey text-color-hover-primary">{{ $item['title'] }}</a></li>
                        @endif
                    @endforeach
                </ul>
            </div>
            {{-- Newsletter / Contact fallback --}}
            <div class="col-lg-3 pt-4 pt-lg-0 text-center text-lg-start">
                @if(is_module_active('newsletter'))
                    <x-newsletter-form theme="light" button-classes="btn-rounded btn-primary box-shadow-7 font-weight-medium px-3 py-2 text-2-5" />
                @else
                    <h4 class="text-color-dark font-weight-bold mb-3">{{ __('Contacto') }}</h4>
                    <p class="text-3-5 text-color-grey mb-3">{{ config('site.contact.availability_text', __('¿Querés saber más? Escribime.')) }}</p>
                    <x-footer-contact :show-icons="true" :show-address="false" />
                    <a href="{{ route('front.contact') }}" class="btn btn-rounded btn-primary box-shadow-7 font-weight-medium px-3 py-2 text-2-5 btn-swap-1 mt-3" data-clone-element="1">
                        <span>{{ __('Contactame') }}</span>
                    </a>
                @endif
            </div>
        </div>
    </div>
    {{-- Copyright --}}
    <div class="footer-copyright bg-transparent pb-5">
        <div class="container">
            <hr>
            <div class="row">
                <div class="col-lg-6 text-center text-lg-start py-3">
                    <p class="text-3 mb-0 opacity-6">
                        &copy; {{ date('Y') }} {{ config('site.name') }}.
                        {{ config('site.footer.copyright_text', __('Todos los derechos reservados.')) }}
                    </p>
                </div>
                <div class="col-lg-6 py-3 text-center text-lg-end">
                    @if(config('site.footer.privacy_policy_url'))
                        <a href="{{ config('site.footer.privacy_policy_url') }}" class="text-color-grey text-color-hover-primary">{{ __('Privacy Policy') }}</a>
                    @endif
                    @if(config('site.footer.terms_url'))
                        <a href="{{ config('site.footer.terms_url') }}" class="text-color-grey text-color-hover-primary ms-3">{{ __('Terms of Use') }}</a>
                    @endif
                </div>
            </div>
        </div>
    </div>
</footer>