@extends('layouts.master')

@section('title', 'Unidad de Investigación - Academia Plurinacional de Estudios Constitucionales')

@section('content')
<h2 class="font-bold text-3xl text-tcp py-4 inline-flex">
    <svg class="w-9 h-9 mr-3 text-tcp" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.153 19 21 12l-4.847-7H3l4.848 7L3 19h13.153Z"/>
    </svg>
    UNIDAD DE INVESTIGACIÓN
</h2>

<div class="grid grid-cols-1">
    <div class="max-w-full p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
        <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-justify">
            El objetivo de la Unidad de Investigación es: planificar y ejecutar programas y proyectos académicos de investigación científica sobre temas relacionados con la teoría de los derechos fundamentales, pluralismo jurídico, interpretación constitucional, acciones de defensa, control de constitucionalidad, consultas y otros enmarcados dentro del nuevo constitucionalismo plurinacional de Bolivia.
        </p>
        <div class="">
            <img src="images/investigacion-derecho.jpg" alt="Gestion Academica" class="mx-auto" />
        </div>
    </div>
</div>

<h2 class="font-bold text-3xl text-tcp py-7 inline-flex">
    <svg class="w-9 h-9 mr-3 text-tcp" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.153 19 21 12l-4.847-7H3l4.848 7L3 19h13.153Z"/>
    </svg>
    SERVICIOS DE INVESTIGACIÓN
</h2>


<div class="grid grid-cols-1 gap-4 py-6">
    <div class="w-1/2 py-4 bg-gray-50 border mx-auto border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
        <a href="#">
            <svg class="w-40 h-40 mx-auto text-tcp dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 19V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v13H7a2 2 0 0 0-2 2Zm0 0a2 2 0 0 0 2 2h12M9 3v14m7 0v4"/>
              </svg>

        </a>
        <div class="p-5 text-center">
            <a href="#">
                <h5 class="mb-2 text-2xl font-bold tracking-tight text-tcp dark:text-white">PUBLICACIONES</h5>
            </a>
            <a href="https://campus.tcpbolivia.bo/" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-tcp rounded-lg hover:bg-red-700 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
                Ingresar
                <svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
                </svg>
            </a>
        </div>
    </div>
</div>
@endsection