<div>
    <h1 style="color:#fff;text-align:center;font-size: 42px;text-shadow: 2px 2px 2px #888888;">
        @if($categoria->vista == 1)
            Organigrama
        @elseif($categoria->vista == 2)
            Políticas
        @elseif($categoria->vista == 3)
            Procedimientos
        @elseif($categoria->vista == 4)
            Documentos Varios
        @elseif($categoria->vista == 5)
            Instructivos de trabajo
        @endif
    </h1>
    <p style="color:#fff;text-align:center;font-size: 28px;text-shadow: 2px 2px 2px #888888;">
        {{$categoria->categoria}}
    </p>
    <hr>
    <div class="row">
        <div class="col-md-12">
              <input wire:model="search" class="form-control" type="search" placeholder="Buscar ...">
        </div>
    </div>
    <br>
    <div class="row">
        @foreach ($infos as $value)
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <center><b>{{ $value->titulo }}</b></center>
                    </div>
                    <div class="card-body">
                        <?= $value->post ?>
                    </div>
                </div><hr>
            </div>
        @endforeach
        <div class="col-md-12">
            {{ $infos->links() }}
        </div>
    </div>
</div>