<!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', 'Safebuild Corporation - Cotizador') }}</title>
        
        
<link rel="icon" href="{{ asset('assets/icons/icono.png') }}" sizes="32x32" />
<link rel="icon" href="{{ asset('assets/icons/icono.png') }}" sizes="192x192" />
<link rel="apple-touch-icon" href="{{ asset('assets/icons/icono.png') }}" />
<meta name="msapplication-TileImage" content="{{ asset('assets/icons/icono.png') }}" />
</head>
        <!-- Fonts -->
        <link rel="preconnect" href="https://fonts.bunny.net">
        <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
        <!-- HEAD de create.blade.php -->
<link rel="stylesheet" href="https://formbuilder.online/assets/css/form-builder.min.css">
<link rel="stylesheet" href="https://formbuilder.online/assets/css/form-render.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>

<!-- FormBuilder CSS -->
<link rel="stylesheet" href="https://formbuilder.online/assets/css/form-builder.min.css">
<link rel="stylesheet" href="https://formbuilder.online/assets/css/form-render.min.css">
<script src="https://formbuilder.online/assets/js/form-builder.min.js"></script>  

<style>
    .form-base {
  background-color: #fff;
  padding: 1.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);
}

.form-base label {
  display: block;
  color: #374151;
  font-weight: 500;
  margin-bottom: 0.25rem;
}

.form-base input,
.form-base select,
.form-base textarea {
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.form-base input:focus,
.form-base select:focus,
.form-base textarea:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59,130,246,0.3);
}

.form-base button[type="submit"] {
  background-color: #4f46e5;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  transition: background-color 0.2s;
}

.form-base button[type="submit"]:hover {
  background-color: #4338ca;
}

h1 {
  font-size: 1.875rem !important; /* text-3xl */
  margin: 35px 0px !important;
  font-weight: 700;    /* font-bold */
  color: #111827;      /* text-gray-900 */
}
h2 {
  font-size: 1.5rem !important;   /* text-2xl */
  margin: 35px 0px !important;
  font-weight: 600;    /* font-semibold */
  color: #1f2937;      /* text-gray-800 */
}
h3 {
  font-size: 1.25rem !important;  /* text-xl */
  margin: 35px 0px !important;
  font-weight: 500;    /* font-medium */
  color: #374151;      /* text-gray-700 */
}
h4 {
  font-size: 1.125rem !important; /* text-lg */
  margin: 35px 0px !important;
  font-weight: 500;    /* font-medium */
  color: #4b5563;      /* text-gray-600 */
}
h5 {
  font-size: 1rem !important;     /* text-base */
  margin: 35px 0px !important;
  font-weight: 600;    /* font-semibold */
  color: #4b5563;      /* text-gray-600 */
  text-transform: uppercase;
  letter-spacing: 0.05em; /* tracking-wide */
}
h6 {
  font-size: 0.875rem !important; /* text-sm */
  margin: 35px 0px !important;
  font-weight: 700;    /* font-bold */
  color: #6b7280;      /* text-gray-500 */
}
.container {
    place-self: center !important;
}

</style>


        <!-- Scripts -->
        @vite(['resources/css/app.css', 'resources/js/app.js'])
    </head>
    <body class="font-sans antialiased">
        <div class="min-h-screen bg-gray-100">
            @include('layouts.navigation')

            <!-- Page Heading -->
            @isset($header)
                <header class="bg-white shadow">
                    <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
                        {{ $header }}
                    </div>
                </header>
            @endisset

            <!-- Page Content -->
            <main>
                @yield('content')
            </main>

        </div>
    </body>
</html>
