{{-- Sub-layout de las páginas legales: cabecera + prosa. Hereda el chrome público de layouts/web. --}}
@extends('layouts.web')

@section('seo')
{{-- Blade no procesa @yield dentro de atributos de componentes (saldría el
     texto literal en el <title>): las secciones se capturan antes y se pasan
     como atributos dinámicos. --}}
@php
    $seoTitle = trim($__env->yieldContent('seoTitle', 'Legal'));
    $seoDesc  = trim($__env->yieldContent('seoDesc', ''));
@endphp
<x-seo :title="$seoTitle" :description="$seoDesc" />
@endsection

@push('head')
<link rel="stylesheet" href="{{ asset_v('landing/pages/legal.css') }}">
@endpush

@section('content')
<section class="section--tight" style="padding-top:48px;padding-bottom:0">
  <div class="wrap legal-wrap">
    <div class="post-crumb" style="font-size:13px;color:var(--ink-400);margin-bottom:12px;">
      <a href="{{ ruta('home') }}" style="color:var(--ink-500);text-decoration:none;">Inicio</a> › @yield('heading')
    </div>
    <h1 style="margin:.2rem 0 0;font-size:clamp(1.7rem,4.5vw,2.4rem);line-height:1.15;">@yield('heading')</h1>
    <p class="legal-meta">
      {{ config('legal.company') }} · Versión {{ config('legal.version') }} ·
      Última actualización: {{ \Illuminate\Support\Carbon::parse(config('legal.updated'))->format('d/m/Y') }}
    </p>
  </div>
</section>

<section class="section" style="padding-top:26px;">
  <div class="wrap legal-wrap">
    <div class="legal">
      @yield('legal')
    </div>

    <p class="legal-note">
      {{ config('legal.trademark.notice') }}
      Este documento no constituye asesoramiento jurídico. Para cualquier consulta legal escribe a
      <a href="mailto:{{ config('legal.emails.legal') }}">{{ config('legal.emails.legal') }}</a>.
    </p>
  </div>
</section>
@endsection