<main class="d-grid container-xl bg-white">

  {{-- {} Encabezado de la sección --}}
  <header class="page-heading">

    <button class="btn btn-primary justify-self-start" onclick="history.back()">
      <i class="fa-solid fa-arrow-left"></i>
    </button>

    <div>
      <h1 class="d-none d-lg-block fs-6 text-center">@yield('titulo')</h1>
    </div>

    <div class="justify-self-end">
      @yield('encabezado')
    </div>

  </header>

  {{-- {} Contenido de la sección --}}
  <section class="page-content py-1">

    @yield('seccion')

    @include('aplicacion.componentes.impresion.viejo.plantilla')

    @component('aplicacion.elementos.VentanaEmergente', [
      'id' => 'ventanaEmergenteAlerta',
      'titulo' => '',
      'atributos' => '',
      'clasesContenedor' => 'modal-sm',
      'clasesContenedorTitulo' => 'bg-success',
      'clasesPie' => 'justify-content-end',
      'clasesBoton1' => 'd-none btn',
      'textoBoton2' => 'Cerrar'
    ])
      <p class="subtitle"></p>
    @endcomponent

    <button id="botonAccion" data-accion hidden></button>

  </section>

</main>
