{{-- BOTONES --}}
<div class="grid grid-cols-1 gap-4 mt-10 mb-4 sm:grid-cols-2 lg:grid-cols-4">
    <a href="#"
        class="flex flex-col items-center justify-center h-32 rounded-lg shadow-xl dark:shadow-lg dark:border flex-col-reverser-gray-300 dark:-gray-600 md:h-64">
        <h5 class="text-xl font-bold text-slate-800 dark:text-white">Inicio</h5>
        <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor"
            class="h-14 w-14 bi bi-house-door-fill text-slate-600" viewBox="0 0 16 16">
            <path
                d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5" />
        </svg>
    </a>
    <a href="#"
        class="flex flex-col items-center justify-center h-32 rounded-lg shadow-xl dark:shadow-lg dark:border flex-col-reverser-gray-300 dark:-gray-600 md:h-64">
        <h5 class="text-xl font-bold text-slate-800 dark:text-white">Nosotros</h5>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"
            class="w-14 h-14 text-slate-600">
            <path
                d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2" />
        </svg>
    </a>
    <a href="#"
        class="flex flex-col items-center justify-center h-32 rounded-lg shadow-xl dark:shadow-lg dark:border flex-col-reverser-gray-300 dark:-gray-600 md:h-64">
        <h5 class="text-xl font-bold text-slate-800 dark:text-white">Contacto</h5>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
            class="w-14 h-14 text-slate-600">
            <path fill-rule="evenodd"
                d="M1.5 4.5a3 3 0 0 1 3-3h1.372c.86 0 1.61.586 1.819 1.42l1.105 4.423a1.875 1.875 0 0 1-.694 1.955l-1.293.97c-.135.101-.164.249-.126.352a11.285 11.285 0 0 0 6.697 6.697c.103.038.25.009.352-.126l.97-1.293a1.875 1.875 0 0 1 1.955-.694l4.423 1.105c.834.209 1.42.959 1.42 1.82V19.5a3 3 0 0 1-3 3h-2.25C8.552 22.5 1.5 15.448 1.5 6.75V4.5Z"
                clip-rule="evenodd" />
        </svg>
    </a>
    <a href="#"
        class="flex flex-col items-center justify-center h-32 rounded-lg shadow-xl dark:shadow-lg dark:border flex-col-reverser-gray-300 dark:-gray-600 md:h-64">
        <h5 class="text-xl font-bold text-slate-800 dark:text-white">Sucursales</h5>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"
            class="w-14 h-14 text-slate-600">
            <path
                d="M4 10a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0zm3 0a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0zm3 0a1 1 0 1 1 2 0v2a1 1 0 0 1-2 0z" />
            <path
                d="M5.757 1.071a.5.5 0 0 1 .172.686L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-.623l-1.844 6.456a.75.75 0 0 1-.722.544H3.69a.75.75 0 0 1-.722-.544L1.123 8H.5a.5.5 0 0 1-.5-.5v-1A.5.5 0 0 1 .5 6h1.717L5.07 1.243a.5.5 0 0 1 .686-.172zM2.163 8l1.714 6h8.246l1.714-6z" />
        </svg>
    </a>



</div>
{{-- BOTONES --}}