<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name', 'Laravel') }}</title>

    <!-- Fonts -->
    {{-- Poppins y Plus Jakarta Sans son las del sistema de diseño de Tresipunt
         (proyecto de Claude Design). Se piden al mismo proveedor que ya se usaba
         para Figtree, para no añadir un tercero más. --}}
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600|poppins:400,500,600,700|plus-jakarta-sans:600,700&display=swap" rel="stylesheet" />

    <link rel="icon" type="image/x-icon" href="{{ Storage::url('images_static/tresipunt-square.svg') }}">

    <!-- Scripts -->
    @vite(['resources/css/app.css', 'resources/js/app.js'])

    @stack('styles')
</head>

<body class="font-sans antialiased bg-[#E5E5E5]">
    <div class="flex p-2">

        <div class="mr-2">
            <livewire:layout.navigation />
        </div>

        {{-- Contenido --}}
        <div class="flex-1 min-h-screen rounded-3xl p-8 bg-[#F9FAFB]">

            <main>
                {{ $slot }}
            </main>
        </div>
    </div>

    @livewire('livewire-ui-modal')
    @livewireScripts

    @stack('scripts')
</body>

</html>
