@extends('layouts.web')

@section('title', '- Términos de Servicio')

@section('content')
    <header class="border-b bg-background/80 backdrop-blur-md">
        <div class="container mx-auto flex h-16 items-center px-4 sm:px-6 lg:px-8">
            <a href="{{ route('inicio') }}" class="flex items-center gap-2">
                <svg class="size-5 text-primary" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
                <span class="font-bold">Volver</span>
            </a>
        </div>
    </header>

    <main class="container mx-auto px-4 py-12 max-w-3xl">
        <h1 class="text-3xl font-bold mb-8">Términos de Servicio</h1>
        <div class="prose dark:prose-invert max-w-none space-y-6 text-muted-foreground">
            <p>Al utilizar {{ $settings['site_name'] ?? 'Base Pro' }}, aceptas los siguientes términos...</p>
            <!-- Más contenido aquí -->
        </div>
    </main>
@endsection