<head>

  @php

    $carpeta = Str::slug(config('app.name'), '');

  @endphp

  {{-- {} Metaetiquetas --}}

  {{-- ! Codificación de caracteres --}}
  <meta charset="UTF-8">

  {{-- ! Soporte para navegadores navegadores antiguos --}}
  <meta http-equiv="x-ua-compatible" content="IE=edge">

  {{-- ! Área de pantalla a renderizar para dispositivos móviles --}}
  <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

  {{-- ! Descripción de la página --}}
  <meta name="description" content="@yield('descripcion')">

  {{-- ! Autor de la página --}}
  <meta name="author" content="Daite S.R.L">

  {{-- ! Palabras claves para la busqueda de la página --}}
  <meta name="keywords" content="@yield('claves')">

  {{-- ! No permitir traducir página --}}
  <meta name="google" content="notranslate">

  {{-- ! Aplicación progresiva --}}

  {{-- + Color del tema --}}
  <meta name="theme-color" content="#75ba1b">

  {{-- + Color de esquema --}}
  <meta name="color-scheme" content="#fff">

  {{-- + Hacer que la página parezca una aplicación --}}
  <meta name="mobile-web-app-capable" content="yes">

  {{-- + Título de la página convertida en aplicación --}}
  <meta name="mobile-web-app-title" content="{{ config('app.name') }}">

  {{-- + Hacer que la página parezca una aplicación para iOS --}}
  <meta name="apple-mobile-web-app-capable" content="yes">

  {{-- + Título de la página convertida en aplicación para iOS --}}
  <meta name="apple-mobile-web-app-title" content="{{ config('app.name') }}">

  {{-- + Nombre de la aplicación --}}
  <meta name="application-name" content="{{ config('app.name') }}">

  {{-- {} --}}
  <link rel="canonical" href="{{ config('app.url') }}">

  {{-- {} Título de la página --}}
  <title>
    {{ config('app.name') }} | @yield('titulo')
  </title>

  {{-- {} Recursos externos --}}

  {{-- ! Icono de la página --}}

  {{-- + .png --}}

  {{-- ? 16x16 --}}
  <link rel="shortcut icon" type="image/png" sizes="16x16" href="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/icono-16x16.png">

  {{-- ? 32x32 --}}
  <link rel="shortcut icon" type="image/png" sizes="32x32" href="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/icono-32x32.png">

  {{-- ? 64x64 --}}
  <link rel="shortcut icon" type="image/png" sizes="64x64" href="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/icono-64x64.png">

  {{-- ? 128x128 --}}
  <link rel="shortcut icon" type="image/png" sizes="128x128" href="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/icono-128x128.png">

  {{-- ? 144x144 --}}
  <link rel="shortcut icon" type="image/png" sizes="144x144" href="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/icono-144x144.png">

  {{-- ? 180x180 --}}
  <link rel="shortcut icon" type="image/png" sizes="180x180" href="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/icono-180x180.png">

  {{-- ? 192x192 --}}
  <link rel="shortcut icon" type="image/png" sizes="192x192" href="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/icono-192x192.png">

  {{-- ? 256x256 --}}
  <link rel="shortcut icon" type="image/png" sizes="256x256" href="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/icono-256x256.png">

  {{-- ? 512x512 --}}
  <link rel="shortcut icon" type="image/png" sizes="512x512" href="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/icono-512x512.png">

  {{-- ? 602x604 --}}
  <link rel="shortcut icon" type="image/png" sizes="602x604" href="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/icono.png">

  {{-- ! Aplicación progresiva --}}

  {{-- + Iconos --}}

  {{-- ? 128x128 --}}
  <link rel="icon" type="image/png" sizes="128x128" href="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/icono-128x128.png">

  {{-- ? 144x144 --}}
  <link rel="icon" type="image/png" sizes="144x144" href="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/icono-144x144.png">

  {{-- ? 180x180 iOS --}}
  <link rel="apple-touch-icon" sizes="180x180" href="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/icono-180x180-fondo-blanco.png">

  {{-- ? 192x192 iOS --}}
  <link rel="apple-touch-icon" sizes="192x192" href="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/icono-192x192-fondo-blanco.png">

  {{-- ? 256x256 --}}
  <link rel="icon" type="image/png" sizes="256x256" href="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/icono-256x256.png">

  {{-- ? 512x512 --}}
  <link rel="icon" type="image/png" sizes="512x512" href="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/icono-512x512.png">

  {{-- ? 602x604 --}}
  <link rel="icon" type="image/png" sizes="602x604" href="https://www.daite.com.do/archivos/imagenes/{{ $carpeta }}/icono.png">

  {{-- + Archivo para la aplicación progresiva --}}
  <link rel="manifest" href="{{ asset('vendor/daite/coopdigital/src/public/aplicacion_progresiva.webmanifest') }}">

  {{-- ! Estilos de la página --}}

  {{-- + Bootstrap v5.3.2 --}}
  <link rel="stylesheet" href="{{ asset('vendor/daite/coopdigital/src/public/librerias/bootstrap/v5.3.2/css/bootstrap.min.css') }}">

  {{-- + Diseño del tema --}}
  <link rel="stylesheet" href="{{ asset('vendor/daite/coopdigital/src/public/css/tema.css') }}">

  {{-- ! Cabeza de la aplicación --}}
  @if (empty(View::hasSection('cuerpo')))
    @include('aplicacion.elementos.cabeza')
  @endif

  {{-- ! Cabeza de la página --}}
  @yield('cabeza')

</head>
